:root{color-scheme:light;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;background:#0b1f33;color:#f8fafc}*{box-sizing:border-box}body{margin:0}.screen{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding:2.5rem 3rem;background:radial-gradient(circle at top right,#1d4ed640,transparent 40%),linear-gradient(160deg,#0b1f33,#102a43 55%,#0b1f33)}.top{display:flex;justify-content:space-between;align-items:center}.brand{font-size:1.6rem;font-weight:800;letter-spacing:.04em}.clock{font-size:1.8rem;font-variant-numeric:tabular-nums;opacity:.9}.main{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.75rem;padding:2rem 0}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:1.1rem;opacity:.75}.patient{margin:0;font-size:clamp(3.5rem,9vw,7rem);line-height:1.05;font-weight:800}.patient.idle{opacity:.85}.box{margin:0;font-size:clamp(2rem,4vw,3.2rem);color:#93c5fd;font-weight:700}.doctor{margin:0;font-size:1.6rem;opacity:.9}.recent{border-top:1px solid #ffffff22;padding-top:1rem}.recent h2{margin:0 0 .75rem;font-size:1rem;text-transform:uppercase;letter-spacing:.12em;opacity:.7}.recent ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.recent li{display:flex;flex-direction:column;gap:.2rem;background:#ffffff10;border-radius:12px;padding:.85rem 1rem}.recent strong{font-size:1.15rem}.recent span{opacity:.75;font-size:.95rem}
