:root{--bg:#020617;--panel:rgba(7,18,39,.78);--soft:rgba(255,255,255,.055);--line:rgba(148,213,255,.18);--line2:rgba(255,255,255,.10);--text:#f8fafc;--muted:#94a3b8;--cyan:#22d3ee;--cyan2:#67e8f9;--green:#22c55e;--yellow:#f59e0b;--red:#fb7185;--radius:24px;--shadow:0 26px 90px rgba(0,195,255,.16);--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(circle at 10% -10%,rgba(34,211,238,.22),transparent 30%),radial-gradient(circle at 85% 10%,rgba(37,99,235,.22),transparent 32%),linear-gradient(180deg,#020617 0%,#06132a 48%,#020617 100%);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(103,232,249,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 45% 20%,#000 0%,transparent 72%);z-index:-2}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{color:inherit}.container{width:min(1240px,calc(100% - 32px));margin:auto}.glass{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.hidden{display:none!important}.mt{margin-top:14px}.topbar{position:sticky;top:0;z-index:80;border-bottom:1px solid var(--line2);background:rgba(2,6,23,.84);backdrop-filter:blur(16px)}.topbar-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;border:1px solid rgba(103,232,249,.32);background:rgba(34,211,238,.10);box-shadow:0 0 34px rgba(34,211,238,.22);font-size:28px;font-weight:900}.brand-title{font-weight:1000;letter-spacing:.4px;text-transform:uppercase;font-size:16px}.brand-sub{font-size:12px;color:var(--muted);margin-top:3px}.nav{display:flex;gap:20px;align-items:center;color:#cbd5e1;font-size:13px;font-weight:850}.nav a:hover{color:var(--cyan2)}.top-actions{display:flex;gap:10px;align-items:center}.btn{border:none;cursor:pointer;border-radius:15px;padding:12px 16px;font-weight:1000;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn-primary{background:linear-gradient(135deg,var(--cyan2),#60a5fa);color:#020617;box-shadow:0 16px 46px rgba(34,211,238,.23)}.btn-ghost{background:rgba(255,255,255,.045);color:#fff;border:1px solid var(--line2)}.btn-outline{background:transparent;color:#dbeafe;border:1px solid var(--line)}.btn-dark{background:rgba(2,6,23,.62);color:#dbeafe;border:1px solid var(--line)}.btn-danger{background:rgba(251,113,133,.14);color:#ffe4e6;border:1px solid rgba(251,113,133,.28)}.full{width:100%}.hero{position:relative;padding:58px 0 30px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:26px;align-items:stretch}.hero-copy{padding:34px}.kicker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:950;border:1px solid rgba(103,232,249,.28);background:rgba(34,211,238,.09);color:#cffafe}.badge.green{border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.1);color:#dcfce7}.badge.yellow{border-color:rgba(245,158,11,.30);background:rgba(245,158,11,.11);color:#fef3c7}.badge.red{border-color:rgba(251,113,133,.32);background:rgba(251,113,133,.12);color:#ffe4e6}.badge.slate{border-color:rgba(148,163,184,.18);background:rgba(148,163,184,.08);color:#e2e8f0}.badge.cyan{border-color:rgba(103,232,249,.26);background:rgba(34,211,238,.10);color:#cffafe}.hero h1{font-size:clamp(38px,5.4vw,70px);line-height:.98;letter-spacing:-2px;margin:0;font-weight:1000}.gradient{background:linear-gradient(135deg,#fff,#a5f3fc,#93c5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:#cbd5e1;line-height:1.75;font-size:17px;margin:22px 0 0;max-width:710px}.lead.small{font-size:16px}.hero-actions,.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.trust-row div{border:1px solid var(--line2);background:rgba(255,255,255,.045);border-radius:18px;padding:14px}.trust-row strong{display:block;font-size:20px}.trust-row span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.virtual-stage{position:relative;min-height:540px;overflow:hidden;padding:22px;background:radial-gradient(circle at 52% 38%,rgba(103,232,249,.24),transparent 24%),linear-gradient(145deg,rgba(8,47,73,.78),rgba(2,6,23,.58))}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(103,232,249,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.055) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at 50% 45%,#000,transparent 74%)}.clinic-ring{position:absolute;border:1px solid rgba(103,232,249,.22);border-radius:999px;box-shadow:0 0 24px rgba(34,211,238,.12)}.ring-one{width:440px;height:170px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg)}.ring-two{width:620px;height:245px;left:50%;top:52%;transform:translate(-50%,-50%) rotate(8deg)}.doctor-hologram{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:180px;height:330px;border-radius:90px 90px 42px 42px;border:1px solid rgba(103,232,249,.45);background:linear-gradient(180deg,rgba(103,232,249,.25),rgba(34,211,238,.05));box-shadow:0 0 64px rgba(34,211,238,.35),inset 0 0 28px rgba(103,232,249,.18)}.pulse-core{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);font-size:76px;color:#cffafe;text-shadow:0 0 35px rgba(103,232,249,.9)}.doctor-hologram:after{content:"VIRTUAL CLINIC";position:absolute;bottom:-44px;left:50%;transform:translateX(-50%);width:230px;text-align:center;color:#a5f3fc;font-weight:1000;font-size:13px;letter-spacing:.18em}.floating-card{position:absolute;width:198px;padding:14px;border-radius:18px;border:1px solid var(--line);background:rgba(2,6,23,.70);backdrop-filter:blur(10px)}.floating-card strong{display:block;font-size:13px}.floating-card span{display:block;color:var(--muted);font-size:12px;line-height:1.45;margin-top:5px}.f1{left:24px;top:86px}.f2{right:22px;top:110px}.f3{left:40px;bottom:70px}.f4{right:36px;bottom:82px}section{padding:58px 0}.section-title{text-align:center;margin:0 auto 30px;max-width:820px}.section-title span{font-size:12px;color:var(--cyan2);font-weight:1000;letter-spacing:.28em;text-transform:uppercase}.section-title h2{font-size:clamp(28px,4vw,46px);letter-spacing:-1.2px;line-height:1.08;margin:10px 0 0}.section-title p{color:#cbd5e1;line-height:1.7;margin:14px auto 0}.grid{display:grid;gap:15px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{padding:18px}.card h2,.card h3{margin-top:0}.card h3{font-size:19px}.card p,.muted-text{color:#cbd5e1;line-height:1.65}.checker-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.symptom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.symptom{border:1px solid var(--line2);background:rgba(255,255,255,.04);color:#e2e8f0;border-radius:16px;padding:12px 10px;cursor:pointer;text-align:left;font-weight:850}.symptom.active{border-color:rgba(103,232,249,.50);background:rgba(34,211,238,.13);color:#cffafe}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-stack{display:grid;gap:12px}label{display:block;color:#dbeafe;font-weight:850;font-size:13px}input,textarea,select{width:100%;border:1px solid var(--line2);background:rgba(2,6,23,.50);color:#fff;outline:0;border-radius:15px;padding:12px;margin-top:7px}textarea{min-height:95px;resize:vertical}select option{color:#020617}.triage-result{min-height:268px;border:1px solid var(--line2);background:rgba(2,6,23,.40);border-radius:20px;padding:18px}.empty-state{color:#94a3b8;line-height:1.7}.warning-box,.triage-red{border:1px solid rgba(251,113,133,.32);background:rgba(251,113,133,.11);color:#ffe4e6;border-radius:18px;padding:14px;line-height:1.65}.triage-yellow{border:1px solid rgba(245,158,11,.32);background:rgba(245,158,11,.11);color:#fef3c7;border-radius:18px;padding:14px;line-height:1.65}.triage-green{border:1px solid rgba(34,197,94,.28);background:rgba(34,197,94,.10);color:#dcfce7;border-radius:18px;padding:14px;line-height:1.65}.list-stack{display:grid;gap:10px}.list-row,.info-line,.result-line{border:1px solid var(--line2);background:rgba(2,6,23,.38);border-radius:16px;padding:12px;color:#dbeafe;line-height:1.55}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.list-row:hover{border-color:rgba(103,232,249,.34);background:rgba(34,211,238,.10)}.list-row strong{display:block}.list-row span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.doctor-image{height:135px;border-radius:18px;background:linear-gradient(135deg,rgba(103,232,249,.22),rgba(37,99,235,.17));display:grid;place-items:center;font-size:58px;border:1px solid var(--line);margin-bottom:12px}.mini-list{display:grid;gap:9px}.mini-list div{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line2);background:rgba(2,6,23,.38);border-radius:14px;padding:10px;color:#dbeafe}.mini-list span{color:var(--cyan2);font-size:12px}.setup-warning{padding-top:20px}.warning-card{border-color:rgba(251,191,36,.4);background:rgba(245,158,11,.10)}code{background:rgba(255,255,255,.08);border:1px solid var(--line2);border-radius:8px;padding:2px 6px;color:#cffafe}.login-screen{min-height:calc(100vh - 76px);display:flex;align-items:center;justify-content:center;padding:36px 0}.login-card{width:min(1000px,calc(100% - 32px));display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.login-visual{padding:34px;background:radial-gradient(circle at 50% 20%,rgba(103,232,249,.23),transparent 28%),linear-gradient(145deg,rgba(8,47,73,.72),rgba(2,6,23,.56))}.login-visual h2{font-size:42px;line-height:1.05;margin:18px 0 0}.login-form{padding:34px;background:rgba(2,6,23,.58)}.login-form h2{margin:0 0 8px}.login-form .btn{width:100%;margin-top:12px}.demo-box{margin-top:16px;border:1px solid var(--line2);background:rgba(255,255,255,.04);border-radius:18px;padding:14px;color:#cbd5e1;line-height:1.75;font-size:13px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}.auth-tab{border:1px solid var(--line2);background:rgba(255,255,255,.04);color:#dbeafe;border-radius:14px;padding:11px;cursor:pointer;font-weight:900}.auth-tab.active{background:rgba(34,211,238,.13);border-color:rgba(103,232,249,.35)}.app-shell{min-height:calc(100vh - 76px);display:grid;grid-template-columns:280px 1fr}.sidebar{border-right:1px solid var(--line2);background:rgba(2,6,23,.70);padding:18px;position:sticky;top:76px;height:calc(100vh - 76px);overflow:auto}.side-brand{margin-bottom:16px}.side-label{color:var(--muted);font-size:12px;font-weight:1000;letter-spacing:.18em;text-transform:uppercase;margin:14px 0}.side-menu{display:grid;gap:7px}.side-link{width:100%;display:flex;align-items:center;gap:10px;padding:13px;border:1px solid transparent;background:transparent;color:#cbd5e1;border-radius:15px;cursor:pointer;font-weight:900;text-align:left}.side-link:hover,.side-link.active{border-color:rgba(103,232,249,.24);background:rgba(34,211,238,.11);color:#cffafe}.private-main{padding:22px;overflow:auto}.private-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.private-top h2{margin:0;font-size:31px;letter-spacing:-.8px}.private-top p{color:#94a3b8;margin:6px 0 0}.private-section{display:none}.private-section.active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric{padding:18px}.metric span{color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:1000;letter-spacing:.08em}.metric strong{display:block;font-size:31px;margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.patient-layout{display:grid;grid-template-columns:360px 1fr;gap:16px}.full-input{width:100%;margin-bottom:12px}.patient-list{display:grid;gap:10px}.patient-item{border:1px solid var(--line2);background:rgba(2,6,23,.38);border-radius:18px;padding:14px;cursor:pointer}.patient-item.active,.patient-item:hover{background:rgba(34,211,238,.11);border-color:rgba(103,232,249,.34)}.patient-item strong{display:block}.patient-item span{display:block;color:#94a3b8;font-size:13px;margin-top:4px;line-height:1.45}.record-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.record-head h3{font-size:29px;margin:10px 0 0}.vital-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0}.vital{border:1px solid var(--line2);background:rgba(2,6,23,.38);border-radius:16px;padding:13px;text-align:center}.vital span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:1000}.vital strong{font-size:18px}.clinical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.clinical-box{border:1px solid var(--line2);background:rgba(2,6,23,.38);border-radius:18px;padding:14px}.rx-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}.rx-card,.doc-card{border:1px solid var(--line2);background:rgba(2,6,23,.38);border-radius:18px;padding:14px;margin-bottom:10px}.rx-card h4{margin:0}.rx-card p{color:#cbd5e1;line-height:1.55;margin:8px 0 0}.chat-layout{display:grid;grid-template-columns:270px 1fr;overflow:hidden}.chat-users{border-right:1px solid var(--line2);padding:14px;display:grid;gap:10px;align-content:start}.chat-user{border:1px solid var(--line2);background:rgba(2,6,23,.38);border-radius:16px;padding:12px;cursor:pointer;font-weight:900}.chat-user.active{background:rgba(34,211,238,.12);border-color:rgba(103,232,249,.30)}.chat-user span{display:block;color:#94a3b8;font-size:12px;margin-top:4px}.chat-panel{display:grid;grid-template-rows:1fr auto;min-height:520px}.chat-messages{padding:18px;overflow:auto;display:flex;flex-direction:column;gap:10px}.message{max-width:75%;border:1px solid var(--line2);border-radius:18px;padding:12px;line-height:1.5;background:rgba(255,255,255,.05)}.message.me{margin-left:auto;background:rgba(34,211,238,.12);border-color:rgba(103,232,249,.24)}.message small{display:block;color:#94a3b8;margin-top:6px}.chat-input{display:flex;gap:10px;border-top:1px solid var(--line2);padding:14px}.chat-input input{margin:0}.patient-hero{padding:22px;display:flex;justify-content:space-between;gap:18px;align-items:center}.patient-hero h2{font-size:34px;margin:14px 0 0}.modal{position:fixed;inset:0;background:rgba(2,6,23,.72);z-index:200;display:flex;align-items:center;justify-content:center;padding:18px}.modal-card{width:min(720px,100%);padding:24px;position:relative}.modal-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;font-size:22px}.toast{position:fixed;right:18px;bottom:18px;background:#0f172a;border:1px solid var(--line);color:#dbeafe;border-radius:16px;padding:14px 16px;box-shadow:var(--shadow);z-index:260;display:none;max-width:360px;line-height:1.5}@media(max-width:1120px){.nav{display:none}.hero-grid,.checker-grid,.grid-4,.grid-3,.two-col,.dashboard-grid,.patient-layout,.rx-layout,.login-card{grid-template-columns:1fr}.app-shell{grid-template-columns:1fr}.sidebar{position:relative;top:0;height:auto;border-right:0;border-bottom:1px solid var(--line2)}.side-menu{display:flex;flex-wrap:wrap;gap:7px}.side-link{width:auto}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar-inner{min-height:auto;padding:12px 0}.brand-title{font-size:13px}.brand-sub{display:none}.hero-copy{padding:22px}.doctor-hologram,.clinic-ring{display:none}.floating-card{position:relative;inset:auto!important;width:100%;margin-bottom:10px}.trust-row,.symptom-grid,.form-row,.metric-grid,.clinical-grid,.vital-grid,.chat-layout{grid-template-columns:1fr}.private-top{flex-direction:column;align-items:stretch}.message{max-width:100%}}
.modal-large{width:min(1040px,100%);max-height:92vh;overflow:auto}
@media print{
  .topbar,.sidebar,.private-top,.btn,.modal,.toast{display:none!important}
  body{background:#fff;color:#000}
  .app-shell{display:block!important}
  .private-main{padding:0}
  .glass,.rx-card,.clinical-box,.info-line{box-shadow:none!important;background:#fff!important;color:#000!important;border-color:#ddd!important}
}

.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;border-bottom:1px solid var(--line2);padding-bottom:10px}
.tab-btn{border:1px solid var(--line2);background:rgba(255,255,255,.04);color:#dbeafe;border-radius:14px;padding:10px 13px;cursor:pointer;font-weight:900}
.tab-btn.active{background:rgba(34,211,238,.14);border-color:rgba(103,232,249,.38);color:#cffafe}
.tab-pane{display:none;margin-top:16px}
.tab-pane.active{display:block}
.timeline-item{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line2);background:rgba(2,6,23,.38);border-radius:18px;padding:13px;margin-bottom:10px}
.timeline-item>span{font-size:24px}
.timeline-item strong{display:block;color:#e0f2fe}
.timeline-item p{margin:6px 0 0;color:#cbd5e1}


/* V5 Doctor Command Center */
.command-hero{padding:24px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:18px;background:
radial-gradient(circle at 14% 10%,rgba(34,211,238,.18),transparent 30%),
linear-gradient(135deg,rgba(8,47,73,.82),rgba(2,6,23,.62))}
.command-hero h2{font-size:34px;margin:12px 0 6px;letter-spacing:-1px}
.command-hero p{color:#cbd5e1;margin:0;line-height:1.55}
.command-clock{text-align:right;border:1px solid var(--line);background:rgba(2,6,23,.45);border-radius:20px;padding:16px;min-width:190px}
.command-clock strong{display:block;font-size:34px;color:#cffafe}
.command-clock span{color:#94a3b8;font-size:13px}
.command-metrics{grid-template-columns:repeat(4,1fr)}
.command-metric{position:relative;overflow:hidden}
.command-metric:after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:999px;background:rgba(103,232,249,.10);filter:blur(2px)}
.command-metric em{display:block;font-style:normal;color:#94a3b8;margin-top:6px;font-size:12px}
.command-metric.danger{border-color:rgba(251,113,133,.38);background:linear-gradient(180deg,rgba(251,113,133,.13),rgba(255,255,255,.035))}
.command-metric.warning{border-color:rgba(245,158,11,.38);background:linear-gradient(180deg,rgba(245,158,11,.13),rgba(255,255,255,.035))}
.command-metric.stable{border-color:rgba(34,211,238,.22)}
.quick-actions{padding:14px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.command-card{min-height:280px}
.command-card.wide{grid-column:1 / -1}
.command-list{display:grid;gap:10px}
.command-row{border:1px solid var(--line2);background:rgba(2,6,23,.38);border-radius:18px;padding:13px;display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer}
.command-row:hover{border-color:rgba(103,232,249,.42);background:rgba(34,211,238,.10)}
.command-row strong{display:block;color:#f8fafc}
.command-row span{display:block;color:#94a3b8;font-size:12px;margin-top:4px;line-height:1.45}
.command-row.danger{border-color:rgba(251,113,133,.35);background:rgba(251,113,133,.10)}
.command-row.warning{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.09)}
.command-row.stable{border-color:rgba(34,211,238,.16)}
.mini-action{border:1px solid var(--line);background:rgba(34,211,238,.12);color:#cffafe;border-radius:12px;padding:8px 10px;font-weight:900;cursor:pointer}
.timeline-mini{max-height:480px;overflow:auto;padding-right:4px}
@media(max-width:1120px){.command-metrics{grid-template-columns:repeat(2,1fr)}.command-grid{grid-template-columns:1fr}.command-clock{text-align:left}}
@media(max-width:760px){.command-hero{flex-direction:column;align-items:stretch}.command-metrics{grid-template-columns:1fr}}
