:root{--font-sans: "Inter", system-ui, sans-serif;--font-mono: "Fira Code", monospace}html.theme-dark{--color-bg: #0f1117;--color-surface: #161b27;--color-surface-2: #12182a;--color-border: #1e2535;--color-text: #e2e8f0;--color-muted: #8494a7;--color-input-bg: #0d1117;--color-accent: #00c2c7;--color-accent-2: #f97316;--color-success: #22c55e;--color-error: #ef4444;--color-warning: #f59e0b;--color-purple: #a855f7}html.theme-light{--color-bg: #f0f4f8;--color-surface: #ffffff;--color-surface-2: #f8fafc;--color-border: #dde3ed;--color-text: #1a202c;--color-muted: #556171;--color-input-bg: #f1f5f9;--color-accent: #00c2c7;--color-accent-2: #f97316;--color-success: #22c55e;--color-error: #ef4444;--color-warning: #f59e0b;--color-purple: #a855f7}html{--color-bg: #0f1117;--color-surface: #161b27;--color-border: #1e2535;--color-text: #e2e8f0;--color-muted: #8494a7;--color-accent: #00c2c7}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);overflow-x:hidden;touch-action:manipulation;font-size:16px;line-height:1.5}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes orbDrift1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-40px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.95)}}@keyframes orbDrift2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,50px) scale(1.05)}66%{transform:translate(40px,-20px) scale(.9)}}@keyframes orbDrift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,60px) scale(1.08)}}:root{--shadow-xs: 0 1px 2px rgba(0,0,0,.25);--shadow-sm: 0 2px 6px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.35), 0 2px 4px rgba(0,0,0,.2);--shadow-lg: 0 12px 40px rgba(0,0,0,.45), 0 4px 12px rgba(0,0,0,.25);--shadow-xl: 0 24px 72px rgba(0,0,0,.55), 0 8px 24px rgba(0,0,0,.3);--glow-accent: 0 4px 20px rgba(0,194,199,.3);--glow-accent-hover: 0 6px 32px rgba(0,194,199,.5), 0 2px 8px rgba(0,194,199,.2);--glow-purple: 0 4px 20px rgba(168,85,247,.3)}html.theme-light{--shadow-xs: 0 1px 2px rgba(0,0,0,.08);--shadow-sm: 0 2px 6px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.07);--shadow-lg: 0 12px 40px rgba(0,0,0,.14), 0 4px 12px rgba(0,0,0,.08);--shadow-xl: 0 24px 72px rgba(0,0,0,.18), 0 8px 24px rgba(0,0,0,.1);--glow-accent: 0 4px 16px rgba(0,194,199,.2);--glow-accent-hover: 0 6px 28px rgba(0,194,199,.35)}.btn-base{border:none;outline:none;transition:transform .15s ease-out,box-shadow .15s ease-out,background .15s ease-out,color .15s ease-out,border-color .15s ease-out,opacity .15s}.btn-primary{background:linear-gradient(135deg,#00c2c7,#0891b2)!important;color:#fff!important;border:none!important;box-shadow:var(--glow-accent)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--glow-accent-hover);background:linear-gradient(135deg,#00d4da,#0ea5c9)!important}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--glow-accent)}.btn-primary:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.btn-secondary{background:transparent!important;border:1px solid transparent!important}.btn-secondary:hover:not(:disabled){background:#ffffff0e!important;border-color:var(--color-border)!important}.btn-secondary:active:not(:disabled){background:#ffffff17!important}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}html.theme-light .btn-secondary:hover:not(:disabled){background:#0000000b!important}.btn-ghost{background:transparent!important;border:none!important}.btn-ghost:hover:not(:disabled){background:#ffffff12!important}.btn-ghost:active:not(:disabled){background:#ffffff1c!important}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}html.theme-light .btn-ghost:hover:not(:disabled){background:#0000000d!important}.btn-danger{background:transparent!important;border:1px solid var(--color-error)!important}.btn-danger:hover:not(:disabled){background:#ef44441a!important;transform:translateY(-1px);box-shadow:0 4px 16px #ef444433}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.nav-pill{border:none!important;background:transparent!important;border-radius:8px!important;transition:background .15s ease-out,color .15s ease-out!important}.nav-pill:hover:not(:disabled){background:#ffffff12!important;color:var(--color-text)!important}.nav-pill-active{background:#00c2c721!important;color:var(--color-accent)!important}.nav-pill-active:hover{background:#00c2c72e!important}html.theme-light .nav-pill:hover:not(:disabled){background:#0000000f!important}html.theme-light .nav-pill-active{background:#00c2c71a!important}.topbar-root{box-shadow:0 1px 0 var(--color-border),var(--shadow-sm)}.theme-toggle{transition:background .15s,color .15s,border-color .15s!important}.theme-toggle:hover{background:#ffffff14!important;border-color:var(--color-accent)!important;color:var(--color-accent)!important}html.theme-light .theme-toggle:hover{background:#00c2c714!important}.card-elevated{box-shadow:var(--shadow-sm);transition:box-shadow .2s ease-out,transform .2s ease-out}.card-elevated:hover{box-shadow:var(--shadow-md)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.modal-backdrop{animation:fadeIn .18s ease-out}.modal-panel{animation:scaleIn .22s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-xl),0 0 0 1px #ffffff0a!important}.drawer-panel{animation:slideInRight .22s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-xl)!important}.input-field{transition:border-color .15s ease-out,box-shadow .15s ease-out!important}.input-field:focus{border-color:var(--color-accent)!important;box-shadow:0 0 0 3px #00c2c726!important;outline:none!important}.input-field:hover:not(:focus):not(:disabled){border-color:#00c2c759!important}.feature-card{transition:border-color .22s ease,background .22s ease,transform .22s ease-out,box-shadow .22s ease-out!important}.feature-card:hover{border-color:#00c2c74d!important;background:#161b27f2!important;transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 0 1px #00c2c714!important}.profile-dropdown{animation:scaleIn .18s cubic-bezier(.34,1.56,.64,1);transform-origin:top right;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0d!important}@media(max-width:767px){.landing-container{flex-direction:column!important}.landing-hero{width:100%!important;min-height:auto!important;padding:48px 24px!important}.landing-login{width:100%!important;min-height:auto!important;padding:40px 24px!important}.feature-grid{grid-template-columns:1fr!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:640px){.nav-label{display:none}.topbar-nav button{padding:4px 6px}.hide-mobile{display:none!important}}@media(max-width:768px){.hide-tablet{display:none!important}.responsive-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:1024px){.hide-small-desktop{display:none!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}