:root{--navy:#062e59;--navy2:#08457d;--blue:#0867d9;--bg:#f5f8fc;--line:#dfe8f2;--text:#12304e;--muted:#71849a;--green:#109a61;--red:#d84b4b}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}.hidden{display:none!important}
.btn{border:0;border-radius:9px;padding:11px 15px;font-weight:700;cursor:pointer}.primary{background:var(--blue);color:#fff}.ghost{background:#fff;border:1px solid var(--line);color:#28557f}
.login-screen{min-height:100vh;background:linear-gradient(135deg,#04254a,#07518d);display:grid;place-items:center;padding:30px}.login-brand{position:absolute;top:35px;left:45px;color:#fff;display:flex;gap:12px;align-items:center}.login-brand h1{margin:0}.login-brand p{margin:2px 0;color:#c9dff3}.mark{width:54px;height:54px;border-radius:14px;background:#fff;color:#0a63c4;display:grid;place-items:center;font-weight:900}.sm{width:42px;height:42px;border-radius:11px}.login-card{width:min(430px,94vw);background:#fff;padding:30px;border-radius:20px;box-shadow:0 35px 80px #001b3955}.badge{display:inline-block;background:#e8f3ff;color:#0a65c6;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900}.login-card h2{font-size:27px;margin-bottom:8px}.login-card p,.login-card small{color:var(--muted);font-size:12px}.login-card label{display:block;font-size:11px;font-weight:700;margin:14px 0 6px}.login-card input,.login-card select{width:100%;height:44px;border:1px solid var(--line);border-radius:9px;padding:0 11px}.login-card .btn{width:100%;height:46px;margin-top:18px}.login-card small{display:block;text-align:center;margin-top:12px}
.sidebar{position:fixed;inset:0 auto 0 0;width:280px;background:linear-gradient(180deg,var(--navy),var(--navy2));color:#fff;display:flex;flex-direction:column}.brand{height:76px;padding:15px;display:flex;gap:10px;align-items:center;border-bottom:1px solid #ffffff17}.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span{font-size:9px;color:#bdd6ed;margin-top:3px}.business-card{margin:14px;padding:12px;border:1px solid #ffffff1e;border-radius:12px;background:#ffffff0b}.business-card small,.business-card b,.business-card span{display:block}.business-card small{font-size:7px;color:#9dc3e6}.business-card b{font-size:12px;margin:4px 0}.business-card span{font-size:9px;color:#c6dbef}
.search{margin:0 14px 15px;height:42px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #ffffff24;background:#ffffff0a;border-radius:10px}.search input{width:100%;border:0;outline:0;background:transparent;color:#fff}.search input::placeholder{color:#b9cfe3}
nav{flex:1;overflow:auto;padding:0 10px 18px}.group{margin-bottom:17px}.group-label{font-size:9px;letter-spacing:.12em;color:#94bddd;padding:0 10px 7px;font-weight:900}.nav-item{width:100%;height:42px;border:0;background:transparent;color:#dfeefa;display:flex;align-items:center;gap:10px;border-radius:8px;padding:0 11px;font-size:12px;font-weight:650;cursor:pointer}.nav-item:hover,.nav-item.active{background:var(--blue);color:#fff}.user{margin:10px 13px 15px;border-top:1px solid #ffffff14;padding-top:12px;display:flex;gap:9px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:#fff;color:#0b5ea9;display:grid;place-items:center;font-weight:900}.user b,.user small{display:block}.user b{font-size:10px}.user small{font-size:8px;color:#b9d2e8}
main{margin-left:280px;min-height:100vh}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 22px}.global{width:min(390px,35vw);height:40px;border:1px solid var(--line);border-radius:9px;display:flex;gap:7px;align-items:center;padding:0 11px}.global input{border:0;outline:0;width:100%}.actions{display:flex;gap:8px;align-items:center}.actions select,.actions button{height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 9px}.demo{font-size:8px;font-weight:900;background:#fff0c7;color:#8b5a00;padding:6px 8px;border-radius:999px}
.content{max-width:1600px;margin:0 auto;padding:20px 22px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.eyebrow{font-size:9px;letter-spacing:.12em;font-weight:900;color:var(--blue)}.page-head h1{font-size:27px;margin:4px 0}.page-head p{font-size:12px;color:var(--muted);margin:0}.profile-strip{display:flex;gap:8px;overflow:auto;padding-bottom:15px}.profile-card{min-width:118px;height:82px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}.profile-card span{font-size:22px}.profile-card b{font-size:8px;text-align:center}.profile-card.active{background:var(--blue);color:#fff;border-color:transparent}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:11px}.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;min-height:96px}.kpi span,.kpi b,.kpi small{display:block}.kpi span{font-size:8px;color:#536b84;font-weight:800}.kpi b{font-size:17px;margin-top:7px}.kpi small{font-size:7px;color:var(--muted);margin-top:5px}.kpi.good b{color:var(--green)}.kpi.bad b{color:var(--red)}
.quick{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:11px}.quick button{height:76px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;font-size:9px;font-weight:700}.quick button i{display:block;font-style:normal;font-size:20px;margin-bottom:6px}
.grid3{display:grid;grid-template-columns:1.25fr 1.1fr .75fr;gap:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.card h2{font-size:14px;margin:0}.card p{font-size:9px;color:var(--muted)}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.chart{height:210px;border-bottom:1px solid #e8eef5;display:flex;align-items:flex-end;gap:7px;padding:15px 8px 4px}.bar{flex:1;background:linear-gradient(180deg,#2e86e3,var(--blue));border-radius:4px 4px 0 0;min-height:6px}.donut{width:135px;height:135px;border-radius:50%;margin:18px auto;background:conic-gradient(var(--blue) 0 30%,#10a36d 30% 54%,#f2a123 54% 74%,#e74d62 74% 88%,#7556d8 88%);display:grid;place-items:center}.donut:after{content:"TZS 32.4M";width:75px;height:75px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}
table{width:100%;border-collapse:collapse}th,td{padding:9px 7px;border-bottom:1px solid #edf1f5;text-align:left;font-size:9px}th{font-size:8px;color:#61758b;background:#f8fafc}.status{display:inline-block;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:900}.ok{background:#e9f8f0;color:#087c4d}.warn{background:#fff4df;color:#9c6512}.bad{background:#fff0f0;color:#b83e3e}
.module-hero{padding:18px 20px;border-radius:14px;background:linear-gradient(135deg,#073a70,var(--blue));color:#fff;margin-bottom:12px}.module-hero h2{font-size:22px;margin:4px 0}.module-hero p{font-size:10px;color:#dcecf9}.profit{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#f4fbf7,#fff);border:1px solid #d9ecdf;border-radius:12px}.profit strong{font-size:27px;color:var(--green)}.profit h2{font-size:19px;margin:3px 0}.profit p{font-size:9px;color:var(--muted)}
.rooms,.meds{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.room,.med{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.room h3,.med h3{font-size:11px;margin:9px 0}.room p,.med p{font-size:8px;color:var(--muted)}.price{font-size:12px;font-weight:900;color:var(--blue)}.room button,.med button{width:100%;margin-top:8px}
.safe{margin-top:14px;background:#fff;border:1px dashed #bbd3e9;border-radius:12px;padding:13px;display:flex;gap:10px;align-items:center}.safe>div{width:34px;height:34px;border-radius:50%;background:#eaf8f1;color:#0a8f59;display:grid;place-items:center;font-weight:900}.safe p{font-size:8px;color:var(--muted);margin:0}footer{background:linear-gradient(90deg,#07376b,#07518c);color:#dcecf8;padding:13px 22px;display:flex;justify-content:space-between}footer b,footer span{display:block;font-size:8px}.toast{position:fixed;right:22px;bottom:22px;background:#0c385f;color:#fff;padding:12px 15px;border-radius:10px;opacity:0;transform:translateY(15px);transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:1200px){.kpis{grid-template-columns:repeat(3,1fr)}.quick{grid-template-columns:repeat(4,1fr)}.grid3{grid-template-columns:1fr 1fr}.rooms,.meds{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.sidebar{display:none}main{margin-left:0}.rooms,.meds{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.page-head{align-items:flex-start;flex-direction:column}.kpis{grid-template-columns:repeat(2,1fr)}.quick{grid-template-columns:repeat(2,1fr)}.grid2,.grid3{grid-template-columns:1fr}.rooms,.meds{grid-template-columns:1fr}.global{display:none}}