.mobile-logout{display:none;align-items:center;gap:7px;text-decoration:none;color:#b42318;background:#fff1f0;border:1px solid #ffc9c4;border-radius:14px;padding:10px 13px;font-weight:900}.mobile-logout svg{width:19px;height:19px}
.analytics-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border-radius:28px;color:#fff;background:linear-gradient(125deg,#071f3b,#075b6b 70%,#13afa9);box-shadow:0 20px 45px rgba(3,43,66,.18);margin-bottom:18px}.analytics-hero h2{font-size:clamp(25px,4vw,42px);margin:8px 0}.analytics-hero p{margin:0;color:#d7fbf8}.analytics-hero-mark{display:grid;place-items:center;width:90px;height:90px;border-radius:26px;background:#ffffff20;font-size:60px}.analytics-filters{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr)) auto auto;gap:12px;align-items:end;padding:16px;background:#fff;border:1px solid #d9e7ed;border-radius:20px;margin-bottom:18px}.analytics-filters label{font-weight:800}.analytics-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.analytics-kpis article{padding:21px;background:#fff;border:1px solid #d9e7ed;border-radius:22px;box-shadow:0 10px 28px #06344b0b}.analytics-kpis span,.analytics-kpis small{display:block;color:#61758a}.analytics-kpis b{display:block;font-size:clamp(26px,3vw,38px);color:#06294c;margin:7px 0}.analytics-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;margin-bottom:16px}.analytics-panel{padding:22px}.gender-chart{width:190px;aspect-ratio:1;margin:14px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#087f9c 0 var(--male-end),#e06396 var(--male-end) var(--female-end),#d8e1e7 var(--female-end) 360deg);position:relative}.gender-chart:after{content:"";position:absolute;inset:25px;background:#fff;border-radius:50%}.gender-chart>div{position:relative;z-index:1;text-align:center}.gender-chart b{display:block;font-size:31px}.gender-chart small{color:#728196}.chart-legend{display:grid;gap:9px}.chart-legend span{display:flex;align-items:center;gap:8px}.chart-legend b{margin-inline-start:auto}.chart-legend i{width:11px;height:11px;border-radius:50%}.chart-legend .male{background:#087f9c}.chart-legend .female{background:#e06396}.chart-legend .unknown{background:#d8e1e7}.distribution-groups{display:grid;grid-template-columns:1fr 1fr;gap:22px}.metric-bar{display:grid;grid-template-columns:90px 1fr 35px;align-items:center;gap:9px;margin:13px 0}.metric-bar>i,.table-mini-bar{height:10px;background:#eaf1f4;border-radius:20px;overflow:hidden}.metric-bar em,.table-mini-bar span{display:block;height:100%;background:linear-gradient(90deg,#12b9af,#07819a);border-radius:inherit}.governorate-panel{margin-bottom:24px}.governorate-panel .compact{max-width:260px}.analytics-table th{white-space:nowrap}.table-mini-bar{min-width:120px}.personal-data-card form{align-items:end}
.permission-preset-note{padding:12px 14px;border-radius:14px;background:#eafaf8;color:#075b61}.permission-picker{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:9px}.permission-picker label{display:flex;gap:9px;align-items:flex-start;padding:11px;background:#f6f9fb;border:1px solid #dfebef;border-radius:12px;font-weight:700}.staff-card-v2{border:1px solid #dce9ee;border-radius:20px;padding:18px;background:#fff}.staff-permissions-list{display:flex;flex-wrap:wrap;gap:7px}.staff-permissions-list span{background:#edf8f7;color:#09656b;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:800}
@media(max-width:900px){.mobile-logout{display:flex}.top-actions{gap:7px}.top-actions .profile-chip{max-width:110px;overflow:hidden}.analytics-filters{grid-template-columns:1fr 1fr}.analytics-kpis{grid-template-columns:1fr 1fr}.analytics-grid{grid-template-columns:1fr}.permission-picker{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.mobile-logout{padding:10px}.mobile-logout span{display:inline}.analytics-hero{padding:22px}.analytics-hero-mark{display:none}.analytics-filters,.analytics-kpis,.distribution-groups,.permission-picker{grid-template-columns:1fr}.analytics-filters .btn{width:100%}.analytics-panel{padding:16px}.governorate-panel .section-head{align-items:stretch}.governorate-panel .compact{max-width:none}.table-mini-bar{min-width:80px}}