.top{margin-bottom:17px;padding-bottom:14px}
.toolbar{margin-bottom:18px;padding:11px 17px;border-radius:14px}
.dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:32px;min-height:246px;padding:27px 31px;border:1px solid #2a537a;border-radius:20px;background:radial-gradient(circle at 4% 90%,#376d9a 0,#376d9a00 38%),linear-gradient(120deg,#102941,#17466f);color:#fff;box-shadow:0 18px 36px #123b6026;overflow:hidden;position:relative}
.dashboard-hero::before{content:"";position:absolute;left:-90px;top:-160px;width:350px;height:350px;border:1px solid #ffffff1c;border-radius:50%;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05;pointer-events:none}
.hero-copy,.hero-rate{position:relative;z-index:1}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#d7e8f7;font-size:12px;font-weight:600}.hero-eyebrow i{width:7px;height:7px;border-radius:50%;background:#83d5ad;box-shadow:0 0 0 4px #83d5ad28}
.dashboard-hero h2{margin:8px 0 3px;color:#fff;font-size:clamp(27px,3.4vw,40px);line-height:1.3}.dashboard-hero p{margin:0;color:#d5e5f3;font-size:14px}.dashboard-hero .event-info{margin-top:13px}.dashboard-hero .event-info span{border:1px solid #ffffff32;border-radius:8px;background:#ffffff15;color:#eef6fd;font-size:12px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.hero-actions .btn{min-height:41px}.hero-actions .btn:first-child{background:#fff;color:#133a60}.hero-actions .btn:first-child:hover{background:#eaf3fb}.hero-actions .btn.ghost{border-color:#ffffff70;background:transparent;color:#fff}.hero-actions .btn.ghost:hover{background:#ffffff19}
.hero-rate{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 10px;border:1px solid #ffffff2b;border-radius:16px;background:#ffffff0c}.rate-ring{--rate:0%;width:118px;height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at center,#1b446a 0 62%,transparent 63%),conic-gradient(#8bdab0 var(--rate),#ffffff27 0);direction:ltr}.rate-ring strong{color:#fff;font:700 28px/1.2 'IBM Plex Sans Arabic',sans-serif}.rate-ring span{color:#d7e8f7;font-size:10px}.hero-rate p{margin:14px 0 0;text-align:center;font-size:11px}.hero-rate .progress{width:100%;height:5px;margin:9px 0 0;background:#ffffff2b}.hero-rate .progress i{background:#8bdab0}
#dashboard .stats{margin:17px 0;gap:11px}#dashboard .stat{min-height:124px;padding:17px 19px}#dashboard .stat::before{width:4px;height:auto;top:16px;bottom:16px;right:0;left:auto;border-radius:4px}#dashboard .stat strong{margin:4px 0 0;font-size:32px}#dashboard .stat small{font-size:11px}
.dashboard-activity{padding:22px 24px}.dashboard-activity .panel-head{margin-bottom:14px}.dashboard-activity .panel-head h2{margin:3px 0 0}.dashboard-activity .journey{margin:0 0 19px;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.dashboard-activity .journey div{position:relative;min-height:82px;padding:13px 16px;background:#f7fafc;border:1px solid #e2eaf1}.dashboard-activity .journey b{color:#174c79;font-size:24px}.activity-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 10px}.activity-title h3{margin:0;color:var(--admin-navy);font-size:15px}.activity-title span{color:var(--admin-muted);font-size:12px}
#invitations .panel-head .actions{justify-content:flex-end}#invitations .panel-head .actions .btn{min-height:39px;padding:8px 12px;font-size:12px}
@media(max-width:780px){.dashboard-hero{grid-template-columns:minmax(0,1fr) 150px;gap:15px;padding:22px}.rate-ring{width:101px;height:101px}.hero-rate p{font-size:10px}}
@media(max-width:600px){.top{margin-bottom:12px}.toolbar{margin-bottom:14px;padding:12px}.dashboard-hero{display:block;min-height:0;padding:22px 19px;border-radius:17px}.hero-rate{display:none}.dashboard-hero h2{font-size:29px}.hero-actions{margin-top:19px}.hero-actions .btn{flex:1 1 auto}.dashboard-hero .event-info span{font-size:11px}#dashboard .stats{gap:9px;margin:12px 0}#dashboard .stat{min-height:108px;padding:13px 14px}#dashboard .stat strong{font-size:27px}.dashboard-activity{padding:18px 15px}.dashboard-activity .journey{gap:6px}.dashboard-activity .journey div{padding:9px}.dashboard-activity .journey b{font-size:21px}.dashboard-activity .journey span{font-size:10px}#invitations .panel-head .actions{justify-content:stretch}#invitations .panel-head .actions .btn{flex:1 1 42%}}
