.application[data-space=admin] .admin-live-dashboard{max-width:1460px;margin:24px auto 34px;color:#17304d}
.admin-appointments{margin:24px 0;padding:22px;border:1px solid #d6e1ee;border-radius:20px;background:#fff;box-shadow:0 14px 32px #173d6610}
.admin-appointment{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-top:1px solid #e3ebf4}
.admin-appointment>div:first-child{display:grid;gap:4px}.admin-appointment strong{font-size:15px}.admin-appointment span,.admin-appointment small{font-size:12px;color:#536b82}
.admin-appointment>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.admin-appointment a,.admin-appointment button{border:1px solid #c8d9e9;border-radius:10px;padding:9px 12px;background:#eef5fb;color:#173d66;text-decoration:none;font-size:12px;font-weight:700;cursor:pointer}
.admin-appointment button{background:#173d66;color:#fff}
@media(max-width:700px){.admin-appointment{align-items:flex-start;flex-direction:column}.admin-appointment>div:last-child{width:100%}}
.application:not([data-app-view=overview]) .admin-live-dashboard{display:none!important}
.application[data-app-view=overview] #admin-counts{display:none!important}
.admin-dashboard-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}
.admin-dashboard-heading h2{font-size:clamp(29px,3vw,43px);line-height:1.1;margin:7px 0;color:#122d4c}
.admin-dashboard-heading p{margin:0;color:#58708b}
.admin-dashboard-heading button,.admin-dashboard-bottom a{border:1px solid #bdcede;background:#fff;color:#173d66;border-radius:12px;padding:11px 16px;font-size:14px;font-weight:700;font-family:inherit;text-decoration:none;cursor:pointer;transition:transform .25s,box-shadow .25s}
.admin-dashboard-heading button:hover,.admin-dashboard-bottom a:hover{transform:translateY(-3px);box-shadow:0 12px 24px #16375720}
.admin-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.admin-kpi{display:flex;flex-direction:column;min-height:144px;padding:20px 22px;border-radius:20px;color:#fff;text-decoration:none;background:linear-gradient(135deg,#163d67,#0b223d);box-shadow:0 14px 30px #173d6624;position:relative;overflow:hidden;animation:adminRise .6s both;animation-delay:calc(var(--index)*70ms);transition:transform .28s,box-shadow .28s}
.admin-kpi:nth-child(3n+2){background:linear-gradient(135deg,#235c8a,#123857)}
.admin-kpi:nth-child(3n){background:linear-gradient(135deg,#bc2341,#82172f)}
.admin-kpi:before{content:"";position:absolute;width:135px;height:135px;right:-22px;top:-45px;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 0 22px #ffffff0c;animation:adminOrb 6s ease-in-out infinite alternate}
.admin-kpi:hover{transform:translateY(-6px);box-shadow:0 22px 38px #173d6630}
.admin-kpi span{font-size:13px;font-weight:750;letter-spacing:.03em;position:relative}
.admin-kpi strong{font-size:40px;line-height:1.1;margin:15px 0 7px;position:relative;font-variant-numeric:tabular-nums}
.admin-kpi small{font-size:12px;color:#e9f2fa;position:relative}
.admin-kpi b{font-size:16px}
.admin-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.admin-chart{background:#fff;border:1px solid #d8e3ee;border-radius:20px;padding:22px;box-shadow:0 12px 30px #15385c10;animation:adminRise .7s both}
.admin-chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:18px}
.admin-chart h3{margin:0;color:#153a61;font-size:19px}
.admin-chart-head>span{white-space:nowrap;color:#66809a;font-size:12px}
.admin-chart-row{display:grid;grid-template-columns:minmax(100px,145px) 1fr 32px;align-items:center;gap:9px;margin:12px 0;font-size:13px;color:#344e68}
.admin-chart-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-chart-row strong{text-align:right;color:#153a61;font-variant-numeric:tabular-nums}
.admin-chart-track{height:10px;border-radius:20px;background:#edf2f7;overflow:hidden}
.admin-chart-track i{display:block;width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,#1c527f,#52a2d1);animation:adminGrow .8s both;animation-delay:calc(var(--index)*55ms)}
.admin-chart:nth-child(3n) .admin-chart-track i{background:linear-gradient(90deg,#b51d3a,#ee7286)}
.admin-chart-empty{color:#687f94;font-size:13px}
.admin-dashboard-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#e8f0f8;padding:18px;border-radius:18px;margin-top:18px}
.admin-dashboard-bottom p{margin:0;color:#183d64}
.admin-dashboard-bottom>div{display:flex;gap:8px;flex-wrap:wrap}
.admin-dashboard-time{font-size:12px;color:#59738d;margin:12px 3px 0}
.admin-directory{background:#fff;border:1px solid #d8e3ee;border-radius:20px;padding:22px;margin-top:18px;box-shadow:0 12px 30px #15385c10}
.admin-directory-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.admin-directory-tabs button{border:1px solid #cad8e5;background:#eef4fa;color:#234b70;padding:10px 14px;border-radius:11px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer}
.admin-directory-tabs button[aria-selected=true]{background:#173d66;color:#fff;border-color:#173d66}
.admin-directory-person{display:grid;grid-template-columns:36px minmax(130px,1fr) auto auto auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #edf1f5}
.admin-directory-person strong,.admin-directory-person small{display:block}.admin-directory-person strong{color:#193d62}.admin-directory-person small{color:#657b90;font-size:12px;margin-top:3px}
.admin-directory-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e6f0fa;color:#173d66;font-weight:800}
.admin-directory-state{background:#f6e9ec;color:#963246;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:750;white-space:nowrap}
.admin-directory-state.available{background:#e1f4ea;color:#17633b}
.admin-directory-person a{color:#174878;text-decoration:none;font-size:12px;font-weight:750;padding:8px;border:1px solid #ccdbe7;border-radius:9px}
.admin-directory-person a:hover{background:#e7f1f9}
.admin-dashboard-error{padding:20px;background:#fff;border:1px solid #cdddea;border-radius:16px}
@keyframes adminRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes adminGrow{from{width:0}to{width:var(--w)}}
@keyframes adminOrb{to{transform:translate(-14px,18px) scale(1.15)}}
@media(max-width:900px){.admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-charts{grid-template-columns:1fr}}
@media(max-width:600px){.admin-dashboard-heading,.admin-dashboard-bottom{align-items:stretch;flex-direction:column}.admin-kpis{gap:9px}.admin-kpi{min-height:125px;padding:15px}.admin-kpi strong{font-size:32px}.admin-chart{padding:17px}.admin-chart-row{grid-template-columns:minmax(78px,110px) 1fr 25px}}
@media(max-width:700px){.admin-directory-person{grid-template-columns:36px 1fr auto}.admin-directory-person a{grid-row:2}.admin-directory-person a:first-of-type{grid-column:2}.admin-directory-person a:last-of-type{grid-column:3}}
@media(prefers-reduced-motion:reduce){.admin-kpi,.admin-chart,.admin-chart-track i,.admin-kpi:before{animation:none!important;transition:none!important}}

body.application[data-space=admin] .admin-kpi,body.application[data-space=admin] .admin-kpi span,body.application[data-space=admin] .admin-kpi strong{color:#fff!important}
body.application[data-space=admin] .admin-kpi small{color:#e9f2fa!important}
body.application[data-space=admin] .app-identity{color:#f4f8fd!important}


body.application[data-space=admin][data-app-view=overview] #dashboard{display:none!important}