@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--brand-navy:#0d1f3c;--brand-navy-mid:#1a3258;--brand-navy-light:#e8eef8;--brand-coral:#f06b6b;--brand-coral-light:#f8a5a5;--brand-coral-dark:#d94f4f;--brand-coral-glow:#f06b6b2e;--brand-white:#fff;--color-bg-primary:#f0f4f8;--color-bg-secondary:#fff;--color-bg-tertiary:#f7f9fc;--color-bg-card:#ffffffeb;--color-bg-glass:#ffffffb3;--color-surface-hover:#f06b6b12;--color-surface-active:#f06b6b21;--color-accent:var(--brand-coral);--color-accent-light:var(--brand-coral-light);--color-accent-dark:var(--brand-coral-dark);--color-accent-glow:var(--brand-coral-glow);--color-text-primary:#1a202c;--color-text-secondary:#4a5568;--color-text-tertiary:#718096;--color-text-inverse:#fff;--color-border:#0d1f3c17;--color-border-focus:#f06b6b80;--color-danger:#e53e3e;--color-danger-dark:#c53030;--color-danger-glow:#e53e3e26;--color-warning:#dd6b20;--color-warning-glow:#dd6b2026;--color-success:#38a169;--color-info:#3182ce;--color-verified:#38a169;--color-ai-read:#805ad5;--color-critical:#e53e3e;--color-tag-rx:#3182ce;--color-tag-lab:#805ad5;--color-tag-hospital:#dd6b20;--color-tag-consultation:#38a169;--color-tag-vaccination:#0987a0;--color-tag-imaging:#d53f8c;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a;--shadow-glow:0 0 20px var(--color-accent-glow);--shadow-glow-danger:0 0 20px var(--color-danger-glow);--glass-bg:#ffffffb3;--glass-border:#0000000f;--glass-blur:16px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s cubic-bezier(.4,0,.2,1);--z-dropdown:50;--z-sticky:100;--z-modal-backdrop:200;--z-modal:300;--z-toast:400;--z-emergency:500}[data-theme=dark]{--color-bg-primary:#070e1a;--color-bg-secondary:#0d1b2e;--color-bg-tertiary:#112338;--color-bg-card:#0d1b2ef7;--color-bg-glass:#0d1b2ed1;--color-surface-hover:#f06b6b14;--color-surface-active:#f06b6b26;--color-text-primary:#dde6f2;--color-text-secondary:#8aa3be;--color-text-tertiary:#526a82;--color-text-inverse:#07111f;--color-border:#6491c324;--color-border-focus:#f06b6b8c;--brand-navy-light:#1a3258;--glass-bg:#0d1b2ec2;--glass-border:#6491c81f;--shadow-sm:0 1px 3px #00000073;--shadow-md:0 4px 10px #00000080,0 2px 4px #00000059;--shadow-lg:0 10px 22px #0000008c,0 4px 8px #00000059;--shadow-xl:0 20px 32px #0009,0 8px 12px #00000059;--shadow-glow:0 0 22px #f06b6b38}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:17px}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--leading-normal);min-height:100dvh}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.glass-card:hover{border-color:var(--color-border-focus);box-shadow:var(--shadow-glow)}.glass-card--danger{border-color:#ef444433}.glass-card--danger:hover{box-shadow:var(--shadow-glow-danger)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);display:inline-flex}.badge--verified{color:var(--color-verified);background:#10b98126;border:1px solid #10b9814d}.badge--ai-read{color:var(--color-ai-read);background:#8b5cf626;border:1px solid #8b5cf64d}.badge--critical{color:var(--color-critical);background:#ef444426;border:1px solid #ef44444d}.tag{padding:var(--space-1)var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);font-family:var(--font-mono);align-items:center;display:inline-flex}.tag--rx{color:var(--color-tag-rx);background:#3b82f626}.tag--lab{color:var(--color-tag-lab);background:#8b5cf626}.tag--hospital{color:var(--color-tag-hospital);background:#f59e0b26}.tag--consultation{color:var(--color-tag-consultation);background:#10b98126}.tag--vaccination{color:var(--color-tag-vaccination);background:#06b6d426}.tag--imaging{color:var(--color-tag-imaging);background:#ec489926}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:1024px;padding:0 var(--space-4);margin:0 auto}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-normal)ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp var(--transition-slow)ease forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slide-right{animation:slideInRight var(--transition-slow)ease forwards}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px var(--color-danger-glow)}50%{box-shadow:0 0 24px var(--color-danger-glow),0 0 48px #ef444426}}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}@keyframes accentPulse{0%,to{box-shadow:0 0 8px var(--color-accent-glow)}50%{box-shadow:0 0 20px var(--color-accent-glow),0 0 40px #10b9811f}}.animate-accent-pulse{animation:2.5s ease-in-out infinite accentPulse}@keyframes skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary)25%,#94a3b814 50%,var(--color-bg-tertiary)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton}@keyframes countdownRing{0%{stroke-dashoffset:0}to{stroke-dashoffset:283px}}.countdown-ring{animation:linear forwards countdownRing}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn var(--transition-normal)ease forwards}.stagger-item{opacity:0;animation:slideUp var(--transition-slow)ease forwards}.stagger-item:first-child{animation-delay:0s}.stagger-item:nth-child(2){animation-delay:50ms}.stagger-item:nth-child(3){animation-delay:.1s}.stagger-item:nth-child(4){animation-delay:.15s}.stagger-item:nth-child(5){animation-delay:.2s}.stagger-item:nth-child(6){animation-delay:.25s}.stagger-item:nth-child(7){animation-delay:.3s}.stagger-item:nth-child(8){animation-delay:.35s}.stagger-item:nth-child(9){animation-delay:.4s}.stagger-item:nth-child(10){animation-delay:.45s}@keyframes fillBar{0%{width:0%}to{width:var(--confidence-width,0%)}}.confidence-bar-fill{animation:.8s ease-out forwards fillBar}@keyframes statusDot{0%,to{opacity:1}50%{opacity:.5}}.status-dot--online{background:var(--color-success);animation:2s ease-in-out infinite statusDot}.status-dot--offline{background:var(--color-danger);animation:1s ease-in-out infinite statusDot}
a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-light)}button{cursor:pointer;font-family:var(--font-sans)}input,textarea,select{font-family:var(--font-sans);font-size:var(--text-base)}::selection{background:var(--color-accent);color:var(--color-text-inverse)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}
