:root{--navy:#153847;--teal:#18aab4;--teal2:#e9f9fa;--cyan:#24b7cc;--pink:#f62375;--purple:#ce39fc;--orange:#f9aa0a;--ink:#1d2933;--muted:#687782;--line:#dce4e8;--bg:#f4f8f9;--white:#fff;--danger:#b42318;--shadow:0 8px 30px rgba(21,56,71,.09)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:15px}a{color:var(--teal);text-decoration:none}h1,h2,h3{color:var(--navy);margin-top:0}h1{font-size:1.65rem}h2{font-size:1.2rem}p{line-height:1.5}.muted{color:var(--muted)}
.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:24px 18px;position:sticky;top:0;height:100vh;border-top:5px solid transparent;border-image:linear-gradient(90deg,var(--pink),var(--purple),var(--cyan),var(--orange)) 1}.brand{display:flex;align-items:center;justify-content:center;margin:0 4px 25px;background:#fff;border-radius:14px;padding:11px 8px;box-shadow:0 8px 24px rgba(0,0,0,.14)}.brand-logo{display:block;width:190px;height:auto;max-height:145px;object-fit:contain}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;font-weight:800;font-size:1.25rem}.nav a{display:block;color:#d6e3e8;padding:12px 14px;border-radius:9px;margin:4px 0}.nav a:hover,.nav a.active{background:linear-gradient(90deg,rgba(36,183,204,.28),rgba(24,170,180,.13));color:#fff;box-shadow:inset 3px 0 0 var(--cyan)}.sidebar-foot{position:absolute;left:20px;right:20px;bottom:22px;font-size:.8rem;color:#a9c3cd}.main{padding:30px;max-width:1400px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:24px}.user-pill{background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:99px;font-size:.85rem}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow);margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{position:relative;overflow:hidden}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--cyan)}.stat:nth-child(2):before{background:var(--pink)}.stat:nth-child(3):before{background:var(--orange)}.stat strong{display:block;font-size:2rem;color:var(--teal)}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}
label{font-weight:650;color:#354550;font-size:.87rem}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #c8d3d9;border-radius:8px;padding:10px 11px;font:inherit;color:var(--ink);background:#fff}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(11,143,135,.13);border-color:var(--teal)}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.btn{border:0;border-radius:8px;padding:10px 15px;font-weight:700;cursor:pointer;display:inline-block}.btn.primary{background:var(--teal);color:#fff}.btn.secondary{background:var(--teal2);color:#06736d}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn.danger{background:#fff0ef;color:var(--danger)}.full{width:100%;margin-top:18px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.search{display:flex;gap:8px;max-width:540px}.search input{margin:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}tr:hover td{background:#fafcfc}.badge{display:inline-block;padding:4px 8px;border-radius:99px;background:var(--teal2);color:#06736d;font-size:.75rem;font-weight:750}.alert{padding:13px 15px;border-radius:9px;margin-bottom:18px}.alert.success{background:#eaf8ef;color:#176b35}.alert.error{background:#fff0ef;color:var(--danger)}.empty{text-align:center;padding:34px;color:var(--muted)}
.login-bg,.setup-bg{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#123544,#17606b)}.login-bg:before,.setup-bg:before{content:"";position:fixed;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,var(--pink),var(--purple),var(--cyan),var(--orange))}.login-card,.setup-card{width:min(100%,460px);background:#fff;padding:34px;border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.setup-card{width:min(100%,720px)}.login-logo{display:block;width:245px;max-width:85%;height:auto;margin:0 auto 18px}.login-card h1,.setup-card h1{margin-bottom:6px}.patient-head{display:flex;justify-content:space-between;align-items:start;gap:18px}.patient-name{font-size:2rem;margin-bottom:4px}.history-item{border-left:3px solid var(--teal);padding:5px 0 5px 18px;margin:22px 0}.history-meta{display:flex;gap:12px;align-items:center;margin-bottom:10px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.detail{background:#f7f9fa;border-radius:8px;padding:11px}.detail strong{display:block;font-size:.75rem;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.print-only{display:none}
@media(max-width:850px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap}.sidebar-foot{display:none}.main{padding:18px}.stats,.grid.two,.grid.three,.grid.four,.detail-grid{grid-template-columns:1fr}.span-2,.span-3,.span-4{grid-column:span 1}.topbar,.patient-head{align-items:flex-start;flex-direction:column}}
@media print{body{background:#fff;font-size:12px}.sidebar,.topbar,.no-print,.btn{display:none!important}.app{display:block}.main{padding:0;max-width:none}.card{box-shadow:none;border:0;padding:0}.print-only{display:block}.history-item{break-inside:avoid}.detail{border:1px solid #ddd;background:#fff}}