:root{--bg-primary: #0b0f19;--bg-secondary: #151c2c;--bg-tertiary: #1f293d;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #0ea5e9;--accent-secondary: #6366f1;--accent-success: #10b981;--accent-danger: #ef4444;--accent-warning: #f59e0b;--border-color: rgba(255, 255, 255, .06);--glass-bg: rgba(21, 28, 44, .75);--glass-border: rgba(255, 255, 255, .08);--shadow-premium: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;min-height:100vh;background:radial-gradient(circle at 50% 0%,#1e293b 0%,var(--bg-primary) 70%);color:var(--text-primary);font-family:var(--font-family);line-height:1.6}body{overflow-x:hidden}.glass{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-premium)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px;border:2px solid var(--bg-primary)}input,textarea{width:100%;padding:14px 18px;background:#0b0f1980;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a}select{width:100%;padding:14px 45px 14px 18px;background:#0b0f1980;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:18px}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);background:#0b0f19cc;box-shadow:0 0 0 3px #0ea5e933,inset 0 2px 4px #0000001a}button,.btn-primary,.btn-secondary,.btn-danger{cursor:pointer;border:none;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;box-shadow:0 4px 12px #0ea5e940}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0ea5e966;filter:brightness(1.1)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 6px #0000001a}.btn-secondary:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 6px 12px #0003}.btn-secondary:active{transform:translateY(0)}.btn-danger{background:#ef44441a;color:var(--accent-danger);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:var(--accent-danger);color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px #ef44444d}.sidebar-link{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;font-size:.95rem;transition:all .2s ease}.sidebar-link:hover{background:#ffffff0a;color:var(--text-primary);transform:translate(4px)}.sidebar-link.active{background:#0ea5e91f;color:var(--accent-primary);font-weight:600}.app-container{display:flex;min-height:100vh}.sidebar{width:280px;border-right:1px solid var(--border-color);padding:30px 24px;display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:0;height:100vh;background:#0b0f19cc}.main-content{flex:1;padding:50px;max-width:1300px;margin:0 auto;width:100%}.bottom-nav{display:none}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;display:flex;align-items:flex-end;justify-content:center}.drawer-content{background:var(--bg-secondary);width:100%;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);padding:30px 20px 50px;border-top:1px solid var(--glass-border);box-shadow:0 -10px 25px #00000080}@media (max-width: 768px){html,body{overscroll-behavior-y:contain}.app-container{flex-direction:column}.sidebar{display:none}.main-content{padding:20px 15px 100px}.bottom-nav{display:flex;position:fixed;bottom:15px;left:15px;right:15px;height:65px;background:#151c2ce6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:30px;border:1px solid var(--glass-border);justify-content:space-around;align-items:center;z-index:100;box-shadow:var(--shadow-premium);padding:0 10px}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);font-size:.7rem;padding:8px 12px;border-radius:20px;min-width:44px;min-height:44px;justify-content:center;transition:all .3s}.bottom-nav-item.active{color:var(--text-primary);background:var(--accent-primary);box-shadow:0 4px 10px #0ea5e94d}}.card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:30px;margin-bottom:24px;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-premium);border-color:#0ea5e94d}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:10px;font-size:.9rem;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:150;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease forwards}.modal-content{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:30px;width:100%;max-width:450px;box-shadow:var(--shadow-premium)}.table-input{width:100%;padding:8px 10px!important;font-size:.85rem!important;background:#ffffff05!important;border-radius:6px!important;border:1px solid transparent!important}.table-input:hover{background:#ffffff0d!important}.table-input:focus{background:var(--bg-primary)!important;border-color:var(--accent-primary)!important}.floating-contact{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:1rem;z-index:9999}.contact-item{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:1.6rem;box-shadow:0 10px 25px #0006;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.contact-item.email{background:#94a3b833}.contact-item.whatsapp{background:#10b98133}.contact-item i{transition:transform .3s ease}.contact-item:hover{transform:scale(1.1) translateY(-5px)}.contact-item.email:hover{background:#94a3b8cc;box-shadow:0 15px 30px #94a3b866}.contact-item.whatsapp:hover{background:#10b981cc;box-shadow:0 15px 30px #10b98166}.contact-item:hover i{transform:rotate(15deg)}.tooltip{position:absolute;right:70px;background:#0b0f19f2;padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;border:1px solid var(--glass-border);color:#fff}.contact-item:hover .tooltip{opacity:1;visibility:visible;right:75px}@media (max-width: 768px){.floating-contact{bottom:95px;right:1.5rem;gap:.8rem}.contact-item{width:48px;height:48px;font-size:1.4rem}.tooltip{display:none}}
