*{box-sizing:border-box}body{color:#10243e;background:#f4f7fb;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}#root{min-height:100vh}.login-shell{background:radial-gradient(circle at 100% 0,#dff8ff,#f4f7fb 42%);place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{background:#fff;border:1px solid #dce7f2;border-radius:18px;width:min(440px,100%);padding:1.2rem;box-shadow:0 20px 48px #0c23401f}.login-card h2{margin:1.1rem 0 .25rem}.login-subtitle{color:#556f8b;margin:0 0 1rem}.login-form{gap:.85rem;display:grid}.login-form label{color:#2d4c6f;gap:.35rem;font-size:.9rem;font-weight:600;display:grid}.login-form input{border:1px solid #cfdeeb;border-radius:10px;outline:none;padding:.72rem .8rem}.login-form input:focus{border-color:#00a7c4;box-shadow:0 0 0 3px #00a7c426}.login-btn{color:#fff;cursor:pointer;background:#0b2f57;border:0;border-radius:10px;padding:.75rem .9rem;font-weight:700}.login-error{color:#b42318;margin:0;font-size:.85rem}.admin-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#ecf6ff;background:linear-gradient(#072141,#0b2f57);padding:1.25rem}.brand{align-items:center;gap:.9rem;margin-bottom:1.4rem;display:flex}.brand h1{margin:0;font-size:1.1rem}.brand p{color:#afc6df;margin:.15rem 0 0;font-size:.8rem}.brand-badge{background:#00a7c4;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.doctor-mini{background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;margin-bottom:.9rem;padding:.8rem}.doctor-mini h3{margin:.2rem 0;font-size:.95rem}.small{color:#b8d1e8;margin:0;font-size:.76rem}.menu{flex-direction:column;gap:.55rem;display:flex}.menu-item{color:#c8ddf2;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:.65rem;width:100%;padding:.75rem .8rem;font-weight:600;display:flex}.menu-item.active,.menu-item:hover{color:#fff;background:#ffffff24}.content{padding:1.4rem}.topbar{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.2rem;display:flex}.topbar-actions{align-items:center;gap:.65rem;display:flex}.topbar h2{margin:0;font-size:1.5rem}.topbar p{color:#536984;margin:.35rem 0 0}.searchbox{background:#fff;border:1px solid #d8e2ed;border-radius:10px;align-items:center;gap:.5rem;min-width:320px;padding:.6rem .75rem;display:flex}.searchbox input{border:0;outline:0;width:100%}.logout-btn{color:#133458;cursor:pointer;background:#fff;border:1px solid #d0dbe8;border-radius:10px;padding:.62rem .85rem;font-weight:700}.kpis{grid-template-columns:repeat(4,1fr);gap:.85rem;display:grid}.card{background:#fff;border:1px solid #dce7f2;border-radius:14px;padding:1rem}.kpi p{color:#58708c;margin:0;font-size:.85rem}.kpi h3{margin:.4rem 0;font-size:1.65rem}.kpi span{color:#00a7c4;font-size:.82rem}.grid-2,.grid-main{grid-template-columns:2fr 1fr;gap:.85rem;margin-top:.85rem;display:grid}.chart-card h4,.table-card h4,.list-card h4,.profile-card h4{margin:0 0 .8rem}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid #e5edf5;padding:.7rem .5rem;font-size:.9rem}th{color:#49637f}tr.selected-row{background:#f1f9ff}.split-layout{grid-template-columns:2.2fr 1fr;gap:.85rem;display:grid}.detail-card p{color:#334e67;margin:.35rem 0}.divider{background:#e4edf6;height:1px;margin:.7rem 0}.timeline{color:#35516d;flex-direction:column;gap:.55rem;margin:0;padding-left:1rem;display:flex}.chip{border-radius:999px;padding:.2rem .55rem;font-size:.74rem;font-weight:700;display:inline-block}.chip-green{color:#0f8a3a;background:#e8f8ee}.chip-amber{color:#b56b00;background:#fff4e5}.chip-red{color:#c33;background:#ffe8e8}.list-card ul{flex-direction:column;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}.list-card li{color:#2f4964;align-items:center;gap:.55rem;display:flex}.profile-card p{margin:.4rem 0}.table-card{overflow-x:auto}@media (width<=1200px){.kpis{grid-template-columns:repeat(2,1fr)}.grid-main,.split-layout{grid-template-columns:1fr}}@media (width<=900px){.admin-shell{grid-template-columns:1fr}.sidebar{padding:.9rem}.doctor-mini{margin-bottom:.6rem}.menu{flex-direction:row;padding-bottom:.2rem;overflow-x:auto}.menu-item{min-width:max-content;padding:.65rem .75rem}.content{padding:.9rem}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{flex-direction:column;align-items:stretch;width:100%}.searchbox{width:100%;min-width:0}.logout-btn{width:100%}}@media (width<=640px){.kpis{grid-template-columns:1fr}.card{padding:.85rem}.topbar h2{font-size:1.2rem}.topbar p{font-size:.9rem}th,td{padding:.55rem .45rem;font-size:.82rem}}