@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--c-bg-base: #080e1a;--c-bg-surface: #0f1829;--c-bg-card: #111e33;--c-bg-hover: #162540;--c-bg-muted: #1a2a45;--c-border: rgba(56, 189, 248, .12);--c-border-strong: rgba(56, 189, 248, .25);--c-teal-50: #f0fdfa;--c-teal-400: #2dd4bf;--c-teal-500: #14b8a6;--c-teal-600: #0d9488;--c-teal-glow: rgba(20, 184, 166, .15);--c-blue-400: #38bdf8;--c-blue-500: #0ea5e9;--c-blue-glow: rgba(56, 189, 248, .15);--c-purple-400: #c084fc;--c-purple-500: #a855f7;--c-green-400: #4ade80;--c-green-500: #22c55e;--c-amber-400: #fbbf24;--c-red-400: #f87171;--c-red-500: #ef4444;--c-text-primary: #e2e8f0;--c-text-secondary: #94a3b8;--c-text-muted: #64748b;--c-text-inverse: #0f172a;--g-primary: linear-gradient(135deg, #14b8a6 0%, #0ea5e9 50%, #a855f7 100%);--g-card: linear-gradient(145deg, rgba(20,184,166,.05) 0%, rgba(14,165,233,.03) 100%);--g-glow: radial-gradient(ellipse at center, rgba(20,184,166,.2) 0%, transparent 70%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.5), 0 2px 4px rgba(0,0,0,.3);--shadow-lg: 0 16px 48px rgba(0,0,0,.6), 0 4px 8px rgba(0,0,0,.4);--shadow-teal: 0 0 30px rgba(20,184,166,.2), 0 0 60px rgba(20,184,166,.1);--shadow-glow: 0 0 20px rgba(56,189,248,.3);--t-fast: .15s ease;--t-normal: .25s ease;--t-slow: .4s ease;--t-spring: .35s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background-color:var(--c-bg-base);color:var(--c-text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--c-bg-base)}::-webkit-scrollbar-thumb{background:var(--c-bg-muted);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--c-teal-600)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:1.5rem}h4{font-size:1.25rem}p{line-height:1.7}code,pre{font-family:var(--font-mono);font-size:.875em}a{color:var(--c-teal-400);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--c-blue-400)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--space-6);transition:border-color var(--t-normal),box-shadow var(--t-normal);background-image:var(--g-card)}.card:hover{border-color:var(--c-border-strong);box-shadow:var(--shadow-teal)}.card--glass{background:#111e33b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--c-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--r-md);font-family:var(--font-sans);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--t-normal);border:none;outline:none;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--c-teal-400);outline-offset:2px}.btn--primary{background:var(--g-primary);color:#fff;box-shadow:0 4px 15px #14b8a64d}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 8px 25px #14b8a680}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:transparent;color:var(--c-teal-400);border:1px solid var(--c-teal-500)}.btn--secondary:hover{background:var(--c-teal-glow);border-color:var(--c-teal-400)}.btn--ghost{background:transparent;color:var(--c-text-secondary);border:1px solid var(--c-border)}.btn--ghost:hover{background:var(--c-bg-hover);color:var(--c-text-primary);border-color:var(--c-border-strong)}.btn--danger{background:#ef444426;color:var(--c-red-400);border:1px solid rgba(239,68,68,.3)}.btn--danger:hover{background:#ef444440}.btn--sm{padding:var(--space-2) var(--space-3);font-size:.8rem}.btn--lg{padding:var(--space-4) var(--space-8);font-size:1rem;border-radius:var(--r-lg)}.btn--icon{padding:var(--space-3);border-radius:var(--r-md)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input{width:100%;background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--space-3) var(--space-4);color:var(--c-text-primary);font-family:var(--font-sans);font-size:.9rem;transition:border-color var(--t-fast),box-shadow var(--t-fast);outline:none}.input::placeholder{color:var(--c-text-muted)}.input:focus{border-color:var(--c-teal-500);box-shadow:0 0 0 3px #14b8a626}.input--error{border-color:var(--c-red-500)}.label{display:block;font-size:.85rem;font-weight:500;color:var(--c-text-secondary);margin-bottom:var(--space-2)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--r-full);font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.badge--success{background:#22c55e26;color:var(--c-green-400);border:1px solid rgba(34,197,94,.25)}.badge--warning{background:#fbbf2426;color:var(--c-amber-400);border:1px solid rgba(251,191,36,.25)}.badge--danger{background:#ef444426;color:var(--c-red-400);border:1px solid rgba(239,68,68,.25)}.badge--info{background:#38bdf826;color:var(--c-blue-400);border:1px solid rgba(56,189,248,.25)}.badge--purple{background:#a855f726;color:var(--c-purple-400);border:1px solid rgba(168,85,247,.25)}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #14b8a633}50%{box-shadow:0 0 30px #14b8a680}}@keyframes typing-dots{0%,60%{opacity:0;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fade-in .4s ease both}.animate-slide-in{animation:slide-in-left .3s ease both}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.stagger-children>*{animation:fade-in .4s ease both}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.skeleton{background:linear-gradient(90deg,var(--c-bg-surface) 25%,var(--c-bg-hover) 50%,var(--c-bg-surface) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--r-md)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.typing-indicator{display:flex;align-items:center;gap:4px;padding:var(--space-3) var(--space-4)}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--c-teal-400);animation:typing-dots 1.4s ease infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.emergency-alert{background:#ef44441a;border:2px solid var(--c-red-500);border-radius:var(--r-lg);padding:var(--space-5);animation:pulse-glow 1.5s ease-in-out infinite;box-shadow:0 0 20px #ef44444d}.sidebar{width:260px;min-width:260px;height:100vh;background:var(--c-bg-surface);border-right:1px solid var(--c-border);display:flex;flex-direction:column;position:sticky;top:0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--r-md);color:var(--c-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--t-fast);text-decoration:none;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--c-bg-hover);color:var(--c-text-primary)}.nav-item.active{background:var(--c-teal-glow);color:var(--c-teal-400);border:1px solid var(--c-border-strong)}.nav-item svg{flex-shrink:0}.message-bubble{max-width:80%;padding:var(--space-4) var(--space-5);border-radius:var(--r-lg);line-height:1.7;font-size:.92rem;animation:fade-in .3s ease both;position:relative}.message-bubble--user{background:linear-gradient(135deg,#14b8a633,#0ea5e926);border:1px solid rgba(20,184,166,.3);margin-left:auto;border-bottom-right-radius:var(--r-sm)}.message-bubble--assistant{background:var(--c-bg-card);border:1px solid var(--c-border);border-bottom-left-radius:var(--r-sm)}.message-bubble--emergency{background:#ef44441a;border:2px solid var(--c-red-400);border-radius:var(--r-lg);animation:pulse-glow 2s ease-in-out infinite}.stat-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--space-6);position:relative;overflow:hidden;transition:all var(--t-normal);background-image:var(--g-card)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--g-primary)}.stat-card:hover{transform:translateY(-2px);border-color:var(--c-border-strong);box-shadow:var(--shadow-teal)}.stat-value{font-size:2rem;font-weight:800;letter-spacing:-.03em;background:var(--g-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text{background:var(--g-primary);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease infinite}.text-muted{color:var(--c-text-muted)}.text-secondary{color:var(--c-text-secondary)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{height:1px;background:var(--c-border);margin:var(--space-4) 0}@media (max-width: 768px){.sidebar{display:none}.container{padding:0 var(--space-4)}.message-bubble{max-width:95%}}