*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--midnight-ink: #111827;--soft-graphite: #1B2230;--deep-navy: #0F1729;--mineral-teal: #4FA89D;--teal-soft: rgba(79,168,157,.12);--teal-glow: rgba(79,168,157,.06);--fog: #E9EEF0;--warm-pearl: #F7F4EE;--stone: #8A9199;--slate: #4A5060;--mist: rgba(233,238,240,.08);--bg: var(--deep-navy);--bg2: var(--soft-graphite);--bg3: #232B3A;--bg4: #2A3347;--bg5: #303C52;--teal: var(--mineral-teal);--teal2: #3A8A80;--teal-dim: var(--teal-soft);--teal-border: rgba(79,168,157,.3);--off-white: var(--warm-pearl);--teal-pale: #E8F3F1;--warm-slate: var(--stone);--deep-slate: var(--slate);--amber: #C8973A;--amber2: #E8B86D;--amber-dim: rgba(200,151,58,.12);--amber-border: rgba(200,151,58,.3);--text: var(--warm-pearl);--text2: rgba(247,244,238,.65);--text3: var(--stone);--border: rgba(233,238,240,.1);--border2: rgba(233,238,240,.18);--red: #B85C58;--red-dim: rgba(184,92,88,.1);--purple: #8A82C5;--purple-dim: rgba(138,130,197,.1);--r: 20px;--r-sm: 12px;--r-pill: 100px;--shadow: 0 20px 60px rgba(17,24,39,.1);--shadow-sm: 0 4px 16px rgba(17,24,39,.08);--text-muted: rgba(247,244,238,.6);--text-faint: var(--stone);--line-soft: rgba(233,238,240,.1);--bg-deep: var(--deep-navy);--teal-line: rgba(79,168,157,.3);--teal-2: #3A8A80;--radius: 12px;--radius-pill: 100px;--radius-card: 20px;--dur-base: .35s;--ease: cubic-bezier(.4, 0, .2, 1);--font-body: "Inter", -apple-system, sans-serif;--font-heading: "Satoshi", "Inter", sans-serif;--font-display: "Instrument Serif", Georgia, serif;--font-mono: "JetBrains Mono", monospace}html,body,#root{height:100%;overflow-x:hidden;max-width:100vw}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;touch-action:manipulation}h1,h2,h3,h4,h5{font-family:Satoshi,Inter,sans-serif;letter-spacing:-.02em}h1{letter-spacing:-.03em}h2{letter-spacing:-.02em}h3{letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font-family:Inter,-apple-system,sans-serif;cursor:pointer}input,textarea,select{font-family:Inter,-apple-system,sans-serif}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border2)}.mono{font-family:JetBrains Mono,monospace}.section-label{font-size:10px;font-weight:600;color:var(--stone);text-transform:uppercase;letter-spacing:.2em;margin-bottom:14px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:24px;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--teal-border)}.grid-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid-main{display:grid;grid-template-columns:1fr 1.6fr;gap:14px}.grid-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-assistant{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--r-pill);font-size:.875rem;font-weight:600;border:none;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer;white-space:nowrap;letter-spacing:.01em;font-family:Inter,-apple-system,sans-serif}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:var(--warm-pearl);color:var(--midnight-ink);box-shadow:none}.btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 20px 60px #11182726;background:#fff}.btn-secondary{background:transparent;color:var(--text2);border:1.5px solid rgba(139,145,153,.3)}.btn-secondary:not(:disabled):hover{border-color:var(--mineral-teal);color:var(--mineral-teal)}.btn-ghost{background:var(--teal-soft);color:var(--mineral-teal);border:1px solid var(--teal-border)}.btn-ghost:not(:disabled):hover{background:#4fa89d2e;border-color:var(--mineral-teal)}.btn-teal{background:var(--mineral-teal);color:var(--midnight-ink);box-shadow:none}.btn-teal:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 40px #4fa89d40;background:#5bb8ad}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:var(--r-pill);padding:4px 12px;font-size:11px;font-weight:600;white-space:nowrap;letter-spacing:.04em}.pill-amber{background:var(--amber-dim);border:1px solid var(--amber-border);color:var(--amber)}.pill-teal{background:var(--teal-soft);border:1px solid var(--teal-border);color:var(--mineral-teal)}.bg-teal-gradient{background:var(--mineral-teal)}.label-brand{font-size:11px;font-weight:600;color:var(--mineral-teal);text-transform:uppercase;letter-spacing:.2em}.stat-card{transition:all .35s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.quick-action-btn:hover{background:var(--bg3)!important;border-color:var(--teal-border)!important;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.dashboard-hero{transition:box-shadow .4s cubic-bezier(.4,0,.2,1)}.fade-in{animation:fadeIn .8s ease-out both}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 3px rgba(79,168,157,.2))}50%{filter:drop-shadow(0 0 7px rgba(79,168,157,.4))}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:.4}50%{opacity:1}}:focus-visible{outline:2px solid var(--mineral-teal);outline-offset:2px}textarea:focus-visible,input:focus-visible{outline:2px solid var(--mineral-teal);outline-offset:0;box-shadow:0 0 0 3px #4fa89d1f}textarea:focus,input:focus{outline:none;border-color:var(--mineral-teal)!important;box-shadow:0 0 0 3px #4fa89d1f}input[type=range]{accent-color:var(--mineral-teal);cursor:pointer}.mobile-header{display:none!important}.mobile-overlay{display:none}.stat-card{min-height:110px}.grid-stats{align-items:start}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:62px;background:#0f1729f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border);z-index:200;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-nav-inner{display:flex;align-items:center;justify-content:space-around;height:100%}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;min-height:44px;border-radius:12px;border:none;background:transparent;cursor:pointer;flex:1;transition:all .35s cubic-bezier(.4,0,.2,1);text-decoration:none;color:var(--stone);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.2em}.mobile-nav-item.active{color:var(--mineral-teal)}.mobile-nav-icon{font-size:20px;line-height:1}@media (max-width: 900px){.desktop-sidebar,.auth-brand-panel{display:none!important}.mobile-header{display:flex!important}.mobile-header{padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}main{padding-top:62px!important;padding-right:max(16px,env(safe-area-inset-right))!important;padding-bottom:84px!important;padding-left:max(16px,env(safe-area-inset-left))!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important}.grid-stats{grid-template-columns:repeat(2,1fr);gap:10px}.grid-main{grid-template-columns:1fr;gap:14px}.grid-assistant{grid-template-columns:1fr;gap:16px}.assistant-ai-panel{position:static!important;height:460px!important;max-height:calc(100dvh - 160px)!important}.mobile-overlay{display:block}.co-fab-pulse{display:none!important}.mobile-nav{display:flex}.card,.btn,table{max-width:100%!important}img,video,iframe{max-width:100%!important}pre,code{white-space:pre-wrap!important;word-break:break-word!important}}@media (max-width: 600px){main{padding-top:58px!important;padding-right:max(16px,env(safe-area-inset-right))!important;padding-bottom:84px!important;padding-left:max(16px,env(safe-area-inset-left))!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important}main>div{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.grid-stats{grid-template-columns:repeat(2,1fr);gap:8px}.grid-quick{grid-template-columns:1fr;gap:8px}.card,table{max-width:100%!important}h1{font-size:22px!important}h2{font-size:18px!important}h3{font-size:16px!important}.card{padding:16px}.stat-number{font-size:26px!important}.dashboard-hero{padding:18px!important}.auth-form-panel{padding:24px 16px!important;width:100%!important}.mobile-nav{padding-bottom:max(env(safe-area-inset-bottom,0px),8px);height:auto!important;min-height:62px}.dashboard-hero-card{padding:18px 16px 16px!important}.big-choice-row{flex-direction:column!important}.big-choice-btn{flex:none!important;width:100%!important}}@keyframes co-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.co-page-enter{animation:co-fade-in .8s cubic-bezier(.4,0,.2,1) both}@keyframes co-slide-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.co-reveal{opacity:0}.co-reveal.co-revealed{animation:co-slide-up .8s cubic-bezier(.4,0,.2,1) both}.co-reveal-group .co-reveal:nth-child(1){animation-delay:0ms}.co-reveal-group .co-reveal:nth-child(2){animation-delay:80ms}.co-reveal-group .co-reveal:nth-child(3){animation-delay:.16s}.co-reveal-group .co-reveal:nth-child(4){animation-delay:.24s}.co-btn-scale{transition:transform .35s cubic-bezier(.4,0,.2,1),background .35s cubic-bezier(.4,0,.2,1)}.co-btn-scale:hover{transform:translateY(-2px)}.co-btn-scale:active{transform:translateY(0) scale(.98)}@keyframes co-fab-pulse{0%{outline:0px solid rgba(79,168,157,.35);outline-offset:0px}60%{outline:6px solid rgba(79,168,157,0);outline-offset:6px}to{outline:0px solid rgba(79,168,157,0);outline-offset:0px}}.co-fab-pulse{animation:co-fab-pulse 3s cubic-bezier(.4,0,.2,1) infinite;will-change:outline}.co-progress-bar{transition:width 1.2s cubic-bezier(.4,0,.2,1)}@keyframes co-pop-in{0%{opacity:0;transform:scale(.88)}70%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.co-pop-in{animation:co-pop-in .4s cubic-bezier(.4,0,.2,1) both}@keyframes co-empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.co-empty-icon{animation:co-empty-float 4s cubic-bezier(.4,0,.2,1) infinite}
