.dashboard-hero{position:relative;display:flex;justify-content:space-between;gap:28px;overflow:hidden;padding:30px 34px;border-radius:20px;background:radial-gradient(circle at 86% 14%,#3fcbff55,transparent 27%),linear-gradient(115deg,#092b50,#125e98 57%,#1583ba);color:#effaff;box-shadow:0 18px 38px #0e416a24}.dashboard-hero:after{content:"";position:absolute;right:-45px;bottom:-82px;width:260px;height:260px;border:1px solid #a4e9ff55;border-radius:50%;box-shadow:0 0 0 36px #a4e9ff12,0 0 0 73px #a4e9ff0d}.dashboard-hero>*{position:relative;z-index:1}.dashboard-kicker,.dashboard-panel header p{margin:0;color:#89d9ff;letter-spacing:1.6px;font-size:11px;font-weight:800}.dashboard-hero h2{margin:5px 0 7px;font-size:25px;letter-spacing:.5px}.dashboard-hero>div>p:last-child{max-width:620px;margin:0;color:#c8e9fa}.dashboard-hero-side{min-width:185px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding-left:19px;border-left:1px solid #b6ecff44}.dashboard-hero-side b{font-size:15px}.dashboard-hero-side small{color:#bde7fa}.dashboard-hero-side button{width:max-content;margin-top:8px;border:1px solid #b5edff88;border-radius:7px;background:#ffffff15;color:#fff;padding:7px 12px;font:inherit;cursor:pointer}.dashboard-pulse{width:9px;height:9px;border-radius:50%;background:#6ff2b4;box-shadow:0 0 0 5px #6ff2b42a}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:17px 0}.dashboard-metrics section{position:relative;min-height:143px;padding:22px;border:1px solid #e2edf6;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 8px 22px #1138580b}.dashboard-metrics section:after{content:"";position:absolute;right:-25px;bottom:-35px;width:105px;height:105px;border:18px solid #e9f5ff;border-radius:50%}.dashboard-metrics p,.dashboard-metrics small{position:relative;z-index:1;display:block;margin:0;color:#71899d}.dashboard-metrics p{margin-top:14px}.dashboard-metrics b{position:relative;z-index:1;display:block;margin:1px 0 2px;font-size:28px;color:#153e62}.metric-icon{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;font-size:19px;font-weight:800}.metric-icon.blue{background:#e8f4ff;color:#1682dc}.metric-icon.cyan{background:#e6fbfb;color:#1cb8bf}.metric-icon.purple{background:#f0ecff;color:#7253d7}.metric-icon.orange{background:#fff3e7;color:#e9832e}.dashboard-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-panel{min-height:250px;border:1px solid #e2edf6;border-radius:15px;background:#fff;padding:20px 22px;box-shadow:0 8px 22px #1138580b}.dashboard-panel header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:19px}.dashboard-panel h3{margin:3px 0 0;color:#183e60;font-size:17px}.dashboard-panel header>span{padding:4px 8px;border-radius:99px;background:#edf7ff;color:#2e83be;font-size:11px}.rank-list{display:grid;gap:12px}.rank-row{display:grid;grid-template-columns:26px minmax(70px,1fr) minmax(70px,1.6fr) 32px;gap:8px;align-items:center}.rank-row .rank-no{font-size:11px;color:#7a9bb3}.rank-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#315a78;font-size:13px}.rank-row i{display:block;height:7px;overflow:hidden;border-radius:999px;background:#edf3f8}.rank-row em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#24b5ef,#247ed4)}.rank-row strong{color:#1d73b7;font-size:12px;text-align:right}.dashboard-empty{padding:48px 0;text-align:center;color:#92a6b6}.action-panel{background:linear-gradient(135deg,#f7fcff,#fff)}.queue-total{background:#fff2e9!important;color:#d87327!important}.queue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.queue-grid button{min-height:110px;border:1px solid #dfedf7;border-radius:12px;background:#fff;cursor:pointer;transition:.18s}.queue-grid button:hover{transform:translateY(-2px);border-color:#75bce6;box-shadow:0 9px 18px #2076aa16}.queue-grid b,.queue-grid span{display:block}.queue-grid b{color:#1c87ce;font-size:26px}.queue-grid span{margin-top:5px;color:#66829a;font-size:12px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e7f0f7;border-radius:11px;overflow:hidden}.platform-grid div{padding:14px;text-align:center;border-right:1px solid #e7f0f7}.platform-grid div:last-child{border:0}.platform-grid b,.platform-grid span{display:block}.platform-grid b{color:#1d638f;font-size:21px}.platform-grid span{margin-top:3px;color:#778fa3;font-size:11px}.dashboard-tip{margin:15px 0 0;color:#90a2b1;font-size:12px;line-height:1.7}@media(max-width:900px){.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-layout{grid-template-columns:1fr}.dashboard-hero{flex-direction:column}.dashboard-hero-side{border-left:0;border-top:1px solid #b6ecff44;padding:15px 0 0}}@media(max-width:520px){.dashboard-metrics{grid-template-columns:1fr}.dashboard-hero{padding:24px}.dashboard-hero h2{font-size:20px}.dashboard-panel{padding:18px}.queue-grid{gap:7px}}
