.dashboard-page{background:linear-gradient(135deg,#f8f4fb,#f3edf7 55%,#fffaf0)}.dashboard-page main>h1{margin-bottom:15px}.dashboard-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:170px;margin-bottom:24px;padding:28px 34px;overflow:hidden;border-radius:24px;color:#fff;background:linear-gradient(125deg,var(--p),#321044 70%,#1c0927);box-shadow:0 18px 0 #2c0c3b,0 30px 50px #3b155032;transform:translateY(-4px)}.dashboard-hero::before{content:"";position:absolute;inset:-110% 45% auto -20%;height:320px;background:radial-gradient(circle,#ffffff20,transparent 68%);transform:rotate(18deg)}.dashboard-hero::after{content:"";position:absolute;width:230px;height:230px;right:-55px;top:-70px;border:35px solid #ffffff0b;border-radius:50%}.dashboard-hero>div{position:relative;z-index:1}.hero-kicker{color:var(--g);font-size:.7rem;font-weight:900;letter-spacing:.2em}.dashboard-hero h2{margin:7px 0 6px;color:#fff;font-size:clamp(1.5rem,3vw,2.35rem)}.dashboard-hero p{margin:0;color:#d9cfe0}.hero-emblem{perspective:600px}.dashboard-logo,.hero-emblem .logo-fallback{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 18px 12px #0008);transform:rotateY(-12deg) rotateX(5deg)}.hero-emblem .logo-fallback{font-size:22px;border:3px solid var(--g)}
.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;margin-bottom:24px;perspective:1200px}.metric-card{position:relative;display:flex;align-items:center;gap:17px;min-height:132px;padding:22px;overflow:hidden;border:1px solid #fff;border-radius:19px;background:linear-gradient(145deg,#fff,#f7f2f9);box-shadow:10px 13px 24px #30103e19,-5px -5px 15px #fff,0 7px 0 #ded3e4;transition:transform .2s,box-shadow .2s;transform-style:preserve-3d}.metric-card::after{content:"";position:absolute;width:100px;height:100px;right:-42px;top:-42px;border-radius:50%;background:var(--card-color);opacity:.09}.metric-card:hover{transform:translateY(-7px) rotateX(2deg);box-shadow:13px 22px 34px #30103e24,-5px -5px 15px #fff,0 9px 0 #d4c6dc}.metric-icon{flex:0 0 55px;height:55px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(145deg,var(--card-color),color-mix(in srgb,var(--card-color) 58%,#170520));box-shadow:inset 2px 2px 5px #ffffff42,inset -4px -5px 8px #0003,0 9px 14px color-mix(in srgb,var(--card-color) 30%,transparent);font-size:1.55rem;transform:translateZ(18px)}.metric-card>div:last-child{min-width:0}.metric-card small{display:block;color:#75697c;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.metric-card b{display:block;margin:3px 0;color:#28162f;font-size:clamp(1.35rem,2.2vw,1.9rem);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card span{color:#8b7e91;font-size:.72rem}.metric-card.purple{--card-color:#6d2593}.metric-card.gold{--card-color:#c79719}.metric-card.violet{--card-color:#9454b5}.metric-card.emerald{--card-color:#23845a}.metric-card.blue{--card-color:#276aa4}.metric-card.rose{--card-color:#a23e64}
.dashboard-lower{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.dashboard-panel{padding:24px;border:1px solid #fff;border-radius:22px;background:linear-gradient(145deg,#fff,#f9f5fb);box-shadow:12px 16px 32px #32114318,-5px -5px 14px #fff,0 8px 0 #ded4e4}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.panel-heading span{color:var(--p);font-size:.66rem;font-weight:900;letter-spacing:.14em}.panel-heading h2{margin:2px 0 0}.status-dot{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:20px;background:#e7f7ee;color:#26724f!important;letter-spacing:0!important}.status-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:#28a76d;box-shadow:0 0 0 4px #28a76d1e}.ring-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:20px}.progress-ring{width:126px;max-width:100%;aspect-ratio:1;border-radius:50%;padding:14px;background:conic-gradient(var(--p) calc(var(--value)*1%),#eadfed 0);box-shadow:inset -7px -7px 12px #0001,inset 7px 7px 12px #fff8,0 12px 20px #41155620;transform:rotateX(8deg)}.progress-ring>div{width:100%;height:100%;display:grid;place-content:center;text-align:center;border-radius:50%;background:linear-gradient(145deg,#fff,#eee7f1);box-shadow:inset 4px 5px 10px #fff,inset -5px -6px 10px #28103918}.progress-ring b{color:var(--p);font-size:1.45rem}.progress-ring small{display:block;color:#7d7182;font-size:.7rem}.gold-ring{background:conic-gradient(var(--g) calc(var(--value)*1%),#eee5d4 0)}.student-balance>div{height:23px;border-radius:12px;background:linear-gradient(90deg,var(--p) 0 var(--male),var(--g) var(--male) 100%);box-shadow:inset 0 4px 6px #fff5,inset 0 -5px 7px #0002,0 8px 15px #39124824}.student-balance p{display:flex;justify-content:space-between;margin:13px 0 4px;font-size:.78rem}.student-balance p span:first-child{color:var(--p)}.student-balance p span:last-child{color:#98720a}.student-balance small{color:#887b8e;font-size:.7rem}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.action-grid a{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:1px 11px;padding:14px;border:1px solid #e8dfea;border-radius:14px;color:#35243d;text-decoration:none;background:linear-gradient(145deg,#fff,#f4edf7);box-shadow:0 6px 0 #e1d5e6,0 11px 18px #38124812;transition:.18s}.action-grid a:hover{transform:translateY(-4px);box-shadow:0 9px 0 #d9cae0,0 16px 25px #38124822}.action-grid i{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--p),#30103f);box-shadow:inset 2px 2px 4px #fff4,0 7px 11px #3c155134;color:var(--g);font-style:normal;font-size:1.25rem}.action-grid b{font-size:.86rem}.action-grid small{color:#887d8d;font-size:.67rem}
@media(max-width:1120px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-lower{grid-template-columns:1fr}.ring-grid{justify-items:center}}
@media(max-width:650px){.dashboard-hero{min-height:150px;padding:23px 20px;border-radius:18px;box-shadow:0 10px 0 #2c0c3b,0 20px 35px #3b15502b}.dashboard-logo,.hero-emblem .logo-fallback{width:68px;height:68px}.dashboard-hero p{font-size:.78rem}.dashboard-stats{grid-template-columns:1fr;gap:16px}.metric-card{min-height:110px}.dashboard-lower{gap:17px}.dashboard-panel{padding:18px}.ring-grid{grid-template-columns:1fr 1fr}.student-balance{grid-column:1/3;width:100%}.action-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.metric-card,.action-grid a{transition:none}.metric-card:hover,.action-grid a:hover{transform:none}}
.status-dot.sync-error{background:#fff1dd;color:#925a12!important}.status-dot.sync-error::before{background:#e49a24}.live-pulse{animation:livePulse .6s ease}@keyframes livePulse{0%{transform:scale(1);color:inherit}50%{transform:scale(1.08);color:var(--p)}100%{transform:scale(1);color:inherit}}
@media print{.dashboard-page{background:#fff}.dashboard-hero{color:#111;background:#fff;box-shadow:none;border:2px solid var(--p)}.dashboard-hero h2{color:var(--p)}.dashboard-stats,.dashboard-lower{display:block}.metric-card,.dashboard-panel{box-shadow:none;margin-bottom:12px}.action-panel{display:none}}