/* Dashboard and administration polish */
.dx-period{display:inline-flex;gap:4px;align-items:center;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--soft);flex-shrink:0}
.dx-period button{background:transparent;color:var(--muted);border-radius:7px;padding:7px 12px;font-size:11px;white-space:nowrap}
.dx-period button.active{background:var(--panel);color:var(--green);font-weight:700;box-shadow:0 2px 7px #00000012}
.dx-live-chart{height:205px;margin-top:10px}
.dx-control-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.dx-control-tools label{display:flex;align-items:center;gap:9px;flex:1;min-width:210px;color:var(--muted)}
.dx-control-tools label svg{width:17px;height:17px;flex-shrink:0}
.dx-control-tools input{width:100%;min-width:0;background:var(--panel);border-color:var(--line);padding:9px 12px;font-size:12px}
.dx-control-tools>span{font-size:11px;color:var(--muted);white-space:nowrap}
.dx-admin-card .card-head{margin-bottom:16px}
.resource-tabs{display:flex;gap:7px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:5px 2px 12px;margin-bottom:12px}
.resource-tabs button{flex:0 0 auto;min-height:40px;padding:9px 17px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:12px;white-space:nowrap;transition:background .18s,border-color .18s,color .18s,transform .18s}
.resource-tabs button:hover{border-color:var(--ring);background:var(--soft);color:var(--ink);transform:translateY(-1px)}
.resource-tabs button.active{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 4px 12px #0c65451c}
.dx-admin-card{padding:21px}
.dx-admin-card .tablewrap{border:1px solid var(--line);border-radius:11px}
.dx-admin-card table{min-width:620px}
.dx-admin-card th{font-size:11px}
.dx-admin-card td{font-size:12px}
.dx-admin-card tbody tr{transition:background .15s}
.dx-admin-card tbody tr[hidden]{display:none}
.dx-admin-card .dialog-actions{gap:7px}
.dx-admin-card .btn.small{min-height:30px}
.dx-admin-card .btn.danger{background:var(--red-bg);color:var(--red-ink)}
.heading{align-items:flex-start}
.heading h1{font-size:27px;letter-spacing:-.4px}
.heading>.row{flex-wrap:wrap}
.brand-hero,.life-hero{border-radius:19px;box-shadow:0 8px 26px #0a30200a}
.brand-hero{margin-bottom:20px;padding:29px 34px;min-height:190px}
.brand-hero h2,.life-hero h2{font-size:28px;line-height:1.35}
.brand-hero p,.life-hero p{line-height:1.9}
.stats{gap:14px;margin-bottom:20px}
.stat{border-radius:15px;min-height:145px;padding:19px}
.stat .number{font-size:33px}
.stat:hover{transform:translateY(-2px)}
.dashboard-grid,.dashboard-bottom{gap:17px;margin-bottom:18px}
.dashboard-grid>.card,.dashboard-bottom>.card{min-width:0}
.card{border-radius:15px}
.card-head{align-items:center}
.card-head h2{font-size:16px}
.card-head p{font-size:11px;color:var(--muted);margin-top:5px}
.dashboard-grid .card,.dashboard-bottom .card{padding:21px}
.dashboard-grid .task{padding:13px 0}
.dashboard-grid .task strong{font-size:12px}
.dashboard-grid .task .muted{font-size:10px}
.quick-insight{border:1px solid var(--line);background:var(--soft);border-radius:11px}
.team-note{border:1px solid var(--line);background:var(--soft-green);color:var(--green)}
.performance-total strong{font-size:28px}
.dx-live-chart text{font-family:Tajawal,sans-serif;fill:var(--muted);font-size:10px}
@media(max-width:1000px){
 .resource-tabs{padding-bottom:10px}
 .resource-tabs button{padding:9px 14px}
 .brand-hero{padding:24px}
 .dashboard-grid,.dashboard-bottom{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
 .heading{gap:12px}
 .heading h1{font-size:23px}
 .brand-hero{padding:22px 20px;min-height:0}
 .brand-hero h2,.life-hero h2{font-size:23px}
 .brand-hero p,.life-hero p{font-size:12px}
 .brand-hero .hero-art,.life-hero>svg{display:none}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .stat{padding:14px;min-height:132px}
 .stat .number{font-size:28px}
 .dashboard-grid .card,.dashboard-bottom .card{padding:16px}
 .resource-tabs{margin-inline:-2px}
 .resource-tabs button{font-size:11px;min-height:38px;padding:8px 13px}
 .dx-control-tools{align-items:stretch;gap:9px}
 .dx-control-tools label{min-width:100%;flex-basis:100%}
 .dx-control-tools>span{align-self:center}
 .dx-live-chart{height:175px}
 .dx-period button{padding:6px 9px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.resource-tabs button,.stat{transition:none}.resource-tabs button:hover,.stat:hover{transform:none}}
.dx-no-match{padding:14px 12px;text-align:center;color:var(--muted);font-size:12px;border:1px dashed var(--line);border-radius:10px;margin-top:12px}
.resource-tabs button:focus-visible,.dx-period button:focus-visible,.dx-control-tools input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}