@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@300;400;500;600&family=Orbitron:wght@400;500;600;700;800;900&display=swap";:root{--bg-primary: #050D1A;--bg-surface: #0A1628;--bg-elevated: #0F1F3D;--accent-teal: #00D4BD;--accent-blue: #3D7FFF;--accent-red: #FF4757;--accent-amber: #FFB020;--accent-green: #00E676;--text-primary: #E8F4FD;--text-muted: #6B8CAE;--text-dim: #3A5578;--border-subtle: rgba(0, 212, 189, .15);--border-glass: rgba(0, 212, 189, .08);--glow-teal: 0 0 20px rgba(0, 212, 189, .4);--glow-blue: 0 0 20px rgba(61, 127, 255, .4);--glow-red: 0 0 20px rgba(255, 71, 87, .4);--glow-amber: 0 0 20px rgba(255, 176, 32, .4)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:IBM Plex Mono,monospace;overflow:hidden}.font-syne{font-family:Syne,sans-serif}.font-mono{font-family:IBM Plex Mono,monospace}.font-orbitron{font-family:Orbitron,monospace}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-teal);border-radius:2px}.glass-card{background:#0a1628b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:12px}.glass-card-elevated{background:#0f1f3dcc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,212,189,.2);border-radius:12px}.dot-grid{background-image:radial-gradient(rgba(0,212,189,.12) 1px,transparent 1px);background-size:28px 28px}.gradient-border{position:relative;border-radius:12px}.gradient-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:13px;padding:1px;background:linear-gradient(135deg,var(--accent-teal),var(--accent-blue),var(--accent-teal));background-size:200% 200%;animation:gradientShift 3s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.pulse-dot{width:8px;height:8px;border-radius:50%;display:inline-block;animation:pulseDot 2s ease-in-out infinite}.pulse-dot.teal{background:var(--accent-teal);box-shadow:0 0 #00d4bdb3}.pulse-dot.red{background:var(--accent-red);box-shadow:0 0 #ff4757b3}.pulse-dot.amber{background:var(--accent-amber);box-shadow:0 0 #ffb020b3}.pulse-dot.blue{background:var(--accent-blue);box-shadow:0 0 #3d7fffb3}.pulse-dot.green{background:var(--accent-green);box-shadow:0 0 #00e676b3}@keyframes pulseDot{0%{box-shadow:0 0 0 0 currentColor;transform:scale(1)}50%{box-shadow:0 0 0 6px #0000;transform:scale(1.1)}to{box-shadow:0 0 #0000;transform:scale(1)}}.glow-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.glow-ring:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid var(--accent-teal);opacity:.6;animation:ringPulse 2s ease-in-out infinite}.glow-ring:after{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;border:1px solid var(--accent-teal);opacity:.2;animation:ringPulse 2s ease-in-out infinite .3s}@keyframes ringPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.2;transform:scale(1.08)}}.glow-ring-red:before{border-color:var(--accent-red)}.glow-ring-red:after{border-color:var(--accent-red)}.emergency-glow{animation:emergencyPulse 1.5s ease-in-out infinite}@keyframes emergencyPulse{0%,to{box-shadow:0 0 15px #ff47574d,0 0 30px #ff47571a}50%{box-shadow:0 0 30px #ff475799,0 0 60px #ff475733}}.btn-teal{background:linear-gradient(135deg,var(--accent-teal),#00b8a4);color:#050d1a;font-family:Syne,sans-serif;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;letter-spacing:.05em}.btn-teal:hover{box-shadow:0 0 30px #00d4bd99,0 0 60px #00d4bd33;transform:translateY(-1px)}.btn-red{background:#ff475726;color:var(--accent-red);font-family:IBM Plex Mono,monospace;font-weight:600;border:1px solid rgba(255,71,87,.4);cursor:pointer;transition:all .3s ease}.btn-red:hover{background:#ff475740;box-shadow:var(--glow-red)}.btn-outline{background:#00d4bd14;color:var(--accent-teal);font-family:IBM Plex Mono,monospace;font-weight:500;border:1px solid rgba(0,212,189,.3);cursor:pointer;transition:all .3s ease}.btn-outline:hover{background:#00d4bd26;box-shadow:var(--glow-teal)}.page-enter{animation:pageEnter .4s ease forwards}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.scanlines{position:relative}.scanlines:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:9999}.ticker-wrap{overflow:hidden;white-space:nowrap}.ticker-content{display:inline-block;animation:ticker 30s linear infinite}@keyframes ticker{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;font-family:IBM Plex Mono,monospace;letter-spacing:.05em;text-transform:uppercase}.badge-teal{background:#00d4bd1f;color:var(--accent-teal);border:1px solid rgba(0,212,189,.25)}.badge-blue{background:#3d7fff1f;color:var(--accent-blue);border:1px solid rgba(61,127,255,.25)}.badge-red{background:#ff47571f;color:var(--accent-red);border:1px solid rgba(255,71,87,.25)}.badge-amber{background:#ffb0201f;color:var(--accent-amber);border:1px solid rgba(255,176,32,.25)}.badge-green{background:#00e6761f;color:var(--accent-green);border:1px solid rgba(0,230,118,.25)}.badge-grey{background:#6b8cae1f;color:var(--text-muted);border:1px solid rgba(107,140,174,.25)}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .25s ease;border-left:3px solid transparent;color:var(--text-muted);font-family:Syne,sans-serif;font-weight:500;font-size:14px;white-space:nowrap}.sidebar-item:hover{background:#00d4bd0f;color:var(--text-primary);border-left-color:#00d4bd66}.sidebar-item.active{background:#00d4bd1a;color:var(--accent-teal);border-left-color:var(--accent-teal);box-shadow:inset 0 0 20px #00d4bd0d}.input-field{background:#0a1628cc;border:1px solid rgba(0,212,189,.2);border-radius:8px;color:var(--text-primary);font-family:IBM Plex Mono,monospace;font-size:14px;padding:12px 16px;width:100%;transition:all .3s ease;outline:none}.input-field:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px #00d4bd1a}.input-field::placeholder{color:var(--text-dim)}.visit-card{background:#0a162899;border:1px solid rgba(0,212,189,.15);border-radius:10px;padding:14px;cursor:pointer;transition:all .25s ease;text-align:center;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--text-muted)}.visit-card:hover{border-color:#00d4bd66;color:var(--accent-teal);background:#00d4bd0d}.visit-card.selected{border-color:var(--accent-teal);color:var(--accent-teal);background:#00d4bd1a;box-shadow:var(--glow-teal)}.visit-card.emergency{border-color:#ff47574d;color:var(--accent-red)}.visit-card.emergency:hover,.visit-card.emergency.selected{border-color:var(--accent-red);background:#ff475714;box-shadow:var(--glow-red);animation:emergencyPulse 1.5s ease infinite}.ekg-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer;transition:all .3s ease}.ekg-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-teal);cursor:pointer;box-shadow:0 0 12px #00d4bdcc;transition:all .2s ease}.ekg-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.token-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050d1af7;display:flex;align-items:center;justify-content:center;z-index:1000;animation:pageEnter .5s ease}.token-badge{width:200px;height:200px;border-radius:50%;border:3px solid var(--accent-teal);display:flex;align-items:center;justify-content:center;flex-direction:column;background:#00d4bd0d;animation:ringPulse 2s ease-in-out infinite,tokenReveal .6s cubic-bezier(.34,1.56,.64,1) ease;box-shadow:0 0 60px #00d4bd4d,0 0 120px #00d4bd1a}@keyframes tokenReveal{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.skeleton{background:linear-gradient(90deg,#0a162880 25%,#00d4bd0d,#0a162880 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-bar-bg{background:#00d4bd1a;border-radius:4px;overflow:hidden;height:6px}.progress-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent-teal),var(--accent-blue));transition:width 1s ease}.terminal-log{background:#020a0d;border:1px solid rgba(0,230,118,.2);border-radius:8px;font-family:IBM Plex Mono,monospace;font-size:12px;color:#00e676;line-height:1.8;overflow-y:auto}.doctor-card{background:#0a1628b3;border:1px solid var(--border-subtle);border-radius:10px;padding:14px;transition:all .25s ease}.doctor-card:hover{border-color:#00d4bd4d;background:#0a1628e6}.kanban-col{background:#0a162880;border:1px solid var(--border-glass);border-radius:10px;padding:12px;min-height:300px}.patient-card{background:#0a1628cc;border:1px solid rgba(0,212,189,.12);border-radius:8px;padding:12px;margin-bottom:10px;transition:all .25s ease;cursor:pointer}.patient-card:hover{border-color:#00d4bd4d;transform:translate(2px)}.patient-card.active-patient{border-color:var(--accent-teal);box-shadow:0 0 20px #00d4bd33,-4px 0 0 var(--accent-teal);background:#00d4bd0d}.patient-card.no-show{opacity:.4;border-style:dashed}.count-animate{animation:countBounce .4s cubic-bezier(.34,1.56,.64,1)}@keyframes countBounce{0%{transform:scale(1.3);color:var(--accent-teal)}to{transform:scale(1)}}.toggle-switch{position:relative;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#6b8cae33;border-radius:13px;transition:.3s;border:1px solid rgba(107,140,174,.3)}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:var(--text-muted);border-radius:50%;transition:.3s}input:checked+.toggle-slider{background:#00d4bd33;border-color:var(--accent-teal)}input:checked+.toggle-slider:before{transform:translate(22px);background:var(--accent-teal)}.orbitron-timer{font-family:Orbitron,monospace;font-size:40px;font-weight:700;color:var(--accent-teal);text-shadow:0 0 20px rgba(0,212,189,.6);letter-spacing:.1em}.gauge-container{position:relative;width:120px;height:70px;margin:0 auto}.gauge-arc{fill:none;stroke-linecap:round}.scroll-panel{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,212,189,.3) transparent}@keyframes float1{0%,to{transform:translateY(0) rotate(-5deg);opacity:.6}50%{transform:translateY(-20px) rotate(-5deg);opacity:.9}}@keyframes float2{0%,to{transform:translateY(-10px) rotate(8deg);opacity:.5}50%{transform:translateY(10px) rotate(8deg);opacity:.8}}@keyframes float3{0%,to{transform:translateY(5px) rotate(-3deg);opacity:.4}50%{transform:translateY(-15px) rotate(-3deg);opacity:.7}}.float-1{animation:float1 4s ease-in-out infinite}.float-2{animation:float2 5s ease-in-out infinite 1s}.float-3{animation:float3 3.5s ease-in-out infinite .5s}.heatmap-cell{border-radius:4px;transition:all .3s ease}.donut-segment{transition:stroke-dashoffset 1s ease}.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:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.h-full{height:100%}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-lg{font-size:18px}.text-xl{font-size:22px}.text-2xl{font-size:28px}.text-3xl{font-size:36px}.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr)}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr)}.p-4{padding:16px}.p-6{padding:24px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.opacity-50{opacity:.5}
