@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');:root{--navy:#091b30;--blue:#286cea;--muted:#64748b;--line:#dfe7ef}*{box-sizing:border-box}body{margin:0;background:#f5f8fc;color:var(--navy);font:15px Cairo,Tahoma,sans-serif}a{color:var(--blue);text-decoration:none}header{background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px max(5vw,20px)}.brand{font-size:25px;font-weight:800;color:var(--navy)}.brand small{font-size:12px;font-weight:600;color:var(--muted)}nav{display:flex;flex-wrap:wrap;align-items:center;gap:17px}nav a{color:var(--navy)}main{max-width:1200px;margin:auto;padding:38px 22px;min-height:75vh}h1{font-size:clamp(27px,4vw,49px);margin:0 0 20px}h2{margin-top:35px}p{line-height:1.95;color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding:75px 0}.hero p{font-size:19px}.eyebrow{color:var(--blue);font-weight:800}.btn,button{display:inline-block;border:0;border-radius:11px;padding:13px 24px;background:var(--blue);color:white;font:inherit;font-weight:700;cursor:pointer}.btn.ghost{background:#e8efff;color:var(--blue)}.btn.tiny{padding:7px 12px}.visual{background:linear-gradient(145deg,#102e55,#09192c);border-radius:25px;padding:40px;color:#fff;min-height:310px;box-shadow:0 20px 55px #0a244c35}.visual p{color:#cbd9eb}.metric{font-size:36px;font-weight:800;color:var(--blue)}.visual .metric{color:#fff;font-size:60px}.metric small{display:block;font-size:15px;color:#a5ccff}.bars{height:90px;display:flex;align-items:end;gap:16px}.bars i{background:#38c2f4;width:15%;border-radius:7px 7px 0 0;height:60%}.bars i:nth-child(2){height:90%}.bars i:nth-child(3){height:46%}.bars i:nth-child(4){height:77%}.bars i:nth-child(5){height:96%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:22px 0}article,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px;box-shadow:0 5px 20px #172f5308}.panel{margin:22px 0}.narrow{max-width:500px;margin:35px auto}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}label{display:block;font-weight:700;margin-bottom:17px}input,select{font:inherit;max-width:100%;border:1px solid #cdd8e4;border-radius:9px;padding:10px;width:100%;background:white;margin-top:6px}table{width:100%;border-collapse:collapse;text-align:right;min-width:760px}th,td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#edf3fb}td form{margin:0 0 7px}td input,td select{max-width:145px;width:auto;margin:3px}.small{padding:7px 10px;font-size:12px}.scroll{overflow:auto}.notice,.error{padding:13px 18px;border-radius:10px;background:#e4f6e9;color:#22683b}.error{background:#ffebeb;color:#a52222}footer{text-align:center;padding:26px;color:var(--muted)}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}nav{gap:10px}.hero{grid-template-columns:1fr;padding:28px 0}main{padding:25px 15px}}
:root{--surface:#fff;--page:#f5f8fc;--text:#091b30;--input:#fff;--thead:#edf3fb;--shadow:#172f5308}body{background:var(--page);color:var(--text);transition:background .2s,color .2s}header,article,.panel{background:var(--surface)}article,.panel{box-shadow:0 5px 20px var(--shadow)}nav a{color:var(--text)}.brand{display:inline-flex;gap:10px;align-items:center;color:var(--blue);white-space:nowrap}.brandmark{width:43px;height:43px;flex:none}.brand small{display:block;line-height:1.2;margin-top:-3px}.tile{display:flex;flex-direction:column;gap:9px;background:var(--surface);padding:22px;border:1px solid var(--line);border-radius:18px;color:var(--text);min-height:135px;transition:transform .18s,box-shadow .18s}.tile:hover,.tile:focus-visible{transform:translateY(-4px);box-shadow:0 13px 30px #286cea22}.tile span,.tile:first-letter{font-size:27px}.tile strong{font-size:28px;color:var(--blue)}.tile.compact{min-height:80px;flex-direction:row;align-items:center}.dash-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.clock{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:13px;color:var(--blue);font-weight:700;direction:ltr}.donut{width:170px;height:170px;border-radius:50%;background:conic-gradient(var(--blue) var(--percent),var(--line) var(--percent));display:grid;place-items:center;margin:auto}.donut span{width:124px;height:124px;display:grid;place-items:center;border-radius:50%;background:var(--surface);font-size:29px;font-weight:800}.alertline{border-right:4px solid #e9a02a;padding:5px 12px;background:#ffedcd30}.warn{color:#c06400}.theme-toggle{background:transparent;color:var(--text);border:1px solid var(--line);padding:4px 12px;font-size:22px}.monthfilter{display:flex;gap:12px;align-items:end}.monthfilter label{margin:0}textarea{display:block;width:100%;min-height:90px;border:1px solid #cdd8e4;background:var(--input);color:var(--text);border-radius:9px;padding:10px;font:inherit}input,select{background:var(--input);color:var(--text)}th{background:var(--thead)}html[data-theme=dark]{--surface:#13273a;--page:#091621;--text:#e9f2fd;--input:#193044;--thead:#1c3850;--line:#37506a;--muted:#b0c3d5;--shadow:#0004;--blue:#70aeff}html[data-theme=dark] .brand,html[data-theme=dark] a{color:#85baff}html[data-theme=dark] nav a,html[data-theme=dark] .tile{color:var(--text)}html[data-theme=dark] .btn,html[data-theme=dark] button:not(.theme-toggle){color:#fff}@media(max-width:760px){.dash-top{display:block}.clock{display:inline-block}}
/* Dashboard shell 2.1 */
.app-layout{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.app-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:#103b4c;color:#effbff;display:flex;flex-direction:column;z-index:30;padding:22px 15px 17px;box-shadow:-4px 0 20px #092a3420}.side-brand{display:flex;align-items:center;gap:11px;color:#fff!important;padding:0 8px 24px;font-weight:800;font-size:23px}.side-brand small{display:block;font-size:11px;color:#acd6df;font-weight:600}.side-brand .brandmark{color:#39a9b8}.side-caption{font-size:11px;color:#a0c5ce;letter-spacing:.03em;padding:11px 14px}.side-nav{display:flex;flex-direction:column;gap:3px}.side-link{display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;border-radius:11px;color:#e6f3f7!important;font-weight:700;font-size:13px;transition:background .18s,transform .18s}.side-link:hover,.side-link:focus-visible{background:#ffffff18;transform:translateX(-2px)}.side-link.active{background:#e4fbff;color:#0b4154!important}.side-icon{width:22px;text-align:center;font-size:19px;line-height:1}.side-bottom{margin-top:auto;border-top:1px solid #ffffff26;padding:13px 0 0}.side-user{display:flex;gap:9px;align-items:center;margin:0 7px 9px;font-size:12px;font-weight:800}.side-user small{display:block;font-size:11px;font-weight:500;color:#abd4df}.user-avatar,.top-avatar{display:grid;place-items:center;flex:none;border-radius:11px;width:37px;height:37px;background:#d7f5f5;color:#0d5562;font-weight:800}.app-content{min-width:0;display:flex;flex-direction:column}.app-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;justify-content:space-between;padding:12px 28px;border-bottom:1px solid var(--line);background:var(--surface);min-height:70px}.top-title{margin-inline-end:auto}.top-title strong{font-size:15px}.top-title small{display:block;font-size:11px;color:var(--muted)}.top-tools{display:flex;align-items:center;gap:11px}.top-date{color:var(--muted);font-size:12px}.top-avatar{width:34px;height:34px}.app-main{width:100%;max-width:1540px;min-height:calc(100vh - 140px);padding:30px 32px;margin:auto}.app-content footer{padding:16px;font-size:12px}.menu-toggle{display:none;background:var(--surface);color:var(--text);border:1px solid var(--line);padding:6px 10px}.sidebar-shade{display:none}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:7px 0 23px}.dashboard-heading h1{font-size:clamp(24px,2.5vw,35px);margin:3px 0}.dashboard-heading p{margin:0}.dash-kicker{font-size:13px;color:#21959f;font-weight:800}.date-badge{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 15px;color:var(--text);font-size:13px;box-shadow:0 5px 18px #0022}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.stat-card{position:relative;min-height:165px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:21px;display:flex;flex-direction:column;color:var(--text)!important;box-shadow:0 8px 20px #0828480b;transition:transform .18s,box-shadow .18s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #08284820}.stat-card strong{font-size:32px;line-height:1.4}.stat-label{font-size:13px;color:var(--muted);margin-bottom:7px}.stat-card small{font-size:11px;color:var(--blue);margin-top:auto}.stat-icon{position:absolute;left:19px;top:20px;display:grid;place-items:center;width:43px;height:43px;border-radius:14px;font-size:22px}.stat-blue{border-color:#cee2fd}.stat-green{border-color:#beeae0}.stat-violet{border-color:#e0d4fa}.stat-orange{border-color:#f6dec4}.stat-blue .stat-icon{background:#e2f0ff;color:#2871d7}.stat-green .stat-icon{background:#e0f6f0;color:#17987c}.stat-violet .stat-icon{background:#efe9fe;color:#7950c7}.stat-orange .stat-icon{background:#fff0e0;color:#d38628}.dashboard-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-columns .panel{margin:0 0 17px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.panel-heading h2{font-size:18px;margin:0}.panel-heading a{font-size:12px;font-weight:700}.occupancy-layout{display:flex;align-items:center;gap:25px;justify-content:space-evenly;padding:9px 0}.occupancy-layout .donut{flex:none;margin:0;background:conic-gradient(#189a82 var(--percent),#e9f0f4 var(--percent))}.occupancy-layout .donut span{font-size:28px}.occupancy-layout .donut small{font-size:10px;display:block;text-align:center;color:var(--muted);font-weight:500}.occupancy-legend{flex:1;max-width:225px}.occupancy-legend>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.occupancy-legend span{flex:1;color:var(--muted)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%}.dot.green{background:#189a82}.dot.blue{background:#438cce}.dot.orange{background:#ec992e}.small-note{font-size:11px;margin:6px 0 0}.alert-item{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:12px 2px}.alert-item:last-child{border-bottom:0}.alert-bubble{display:grid;place-items:center;border-radius:12px;width:39px;height:39px;background:#fff0dd;color:#c77a22;font-size:22px}.alert-item small{display:block;color:var(--muted)}.empty-state{padding:34px 10px;color:#17896e;text-align:center}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-actions a{display:flex;align-items:center;gap:12px;padding:13px;background:var(--page);border:1px solid var(--line);border-radius:12px;color:var(--text)!important;font-size:22px}.quick-actions a:hover{border-color:var(--blue);background:var(--surface)}.quick-actions span{font-size:12px;font-weight:800}.quick-actions small{display:block;font-size:10px;color:var(--muted);font-weight:400}.status-pill{display:inline-block;background:#e8f7f4;color:#087b67;border-radius:20px;padding:3px 9px;font-size:11px}.dashboard-columns table{min-width:500px}.public-header{position:relative}html[data-theme=dark] .app-sidebar{background:#0d2d3b}html[data-theme=dark] .side-link.active{background:#234e61;color:#fff!important}html[data-theme=dark] .stat-icon{background:#233d50}html[data-theme=dark] .status-pill{background:#205445;color:#d3fff2}html[data-theme=dark] .occupancy-layout .donut{background:conic-gradient(#30b99d var(--percent),#30465a var(--percent))}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}}@media(max-width:760px){.app-layout{display:block}.app-sidebar{position:fixed;right:0;top:0;width:270px;max-width:84vw;transform:translateX(105%);transition:transform .2s}.app-sidebar.open{transform:translateX(0)}.sidebar-shade.show{display:block;position:fixed;inset:0;background:#061c2ca8;border:0;border-radius:0;padding:0;z-index:25}.menu-toggle{display:inline-block}.app-topbar{flex-direction:row;align-items:center;padding:10px 15px}.app-main{padding:19px 14px}.top-date{display:none}.dashboard-heading{align-items:flex-start}.date-badge{font-size:11px;padding:8px}.stats-grid{gap:10px}.stat-card{padding:14px;min-height:143px}.stat-icon{position:static;width:32px;height:32px;font-size:17px;margin-bottom:4px}.stat-card strong{font-size:27px}.occupancy-layout{flex-wrap:wrap}.quick-actions{grid-template-columns:1fr 1fr}}@media(max-width:430px){.dashboard-heading{display:block}.date-badge{display:inline-block;margin-top:12px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-label{font-size:11px}.quick-actions{grid-template-columns:1fr}}