@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.dash-root{min-height:100dvh;background:#0a0a0f;color:#e8eaf0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden;width:100%}.dash-glow{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.dash-glow--cyan{width:400px;height:400px;top:-100px;right:-80px;background:radial-gradient(circle,rgba(0,229,255,.1),transparent 70%)}.dash-glow--magenta{width:350px;height:350px;bottom:80px;left:-100px;background:radial-gradient(circle,rgba(255,64,129,.08),transparent 70%)}.dash-header{position:sticky;top:0;z-index:40;background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.dash-header__left{display:flex;align-items:center;gap:10px}.dash-header__avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#00e5ff,#ff4081);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.dash-header__brand{font-size:17px;font-weight:800;letter-spacing:-.02em;color:#fff}.dash-header__right{display:flex;align-items:center;gap:8px}.dash-header__live{display:flex;align-items:center;gap:5px;padding:4px 10px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:9999px;font-size:10px;font-weight:700;color:#34d399;letter-spacing:.04em}.dash-header__live-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:dashPulse 1.8s infinite ease-in-out}.dash-header__refresh{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#6b7280;cursor:pointer;transition:all .15s ease}.dash-header__refresh:hover{background:#00e5ff1a;border-color:#00e5ff4d;color:#00e5ff}.dash-header__refresh.is-spinning svg{animation:dashSpin .8s linear infinite}@keyframes dashPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}@keyframes dashSpin{to{transform:rotate(360deg)}}.dash-main{padding:14px 14px 90px;position:relative;z-index:1;display:flex;flex-direction:column;gap:14px}.dash-kpi{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dash-kpi__card{background:#101018cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px 12px;display:flex;align-items:flex-start;gap:10px;position:relative;overflow:hidden;transition:all .18s ease}.dash-kpi__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.02),transparent 60%);pointer-events:none}.dash-kpi__card--cyan{border-left:3px solid #00e5ff}.dash-kpi__card--emerald{border-left:3px solid #10b981}.dash-kpi__card--amber{border-left:3px solid #eab308}.dash-kpi__card--magenta{border-left:3px solid #ff4081;cursor:pointer}.dash-kpi__card--magenta:active{transform:scale(.98)}.dash-kpi__icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-kpi__icon--cyan{background:#00e5ff1f;color:#00e5ff;border:1px solid rgba(0,229,255,.25)}.dash-kpi__icon--emerald{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.dash-kpi__icon--amber{background:#eab3081f;color:#facc15;border:1px solid rgba(234,179,8,.25)}.dash-kpi__icon--magenta{background:#ff40811f;color:#ff4081;border:1px solid rgba(255,64,129,.25)}.dash-kpi__body{min-width:0;flex:1}.dash-kpi__val{font-size:20px;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.1}.dash-kpi__val-row{display:flex;align-items:center;gap:5px}.dash-kpi__badge{font-size:8px;font-weight:800;color:#000;background:#ff4081;padding:1px 5px;border-radius:4px;text-transform:uppercase}.dash-kpi__label{font-size:10.5px;font-weight:600;color:#9ca3af;margin-top:2px}.dash-kpi__sub{font-size:9.5px;color:#6b7280;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-card{background:#101018bf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px 14px}.dash-card__header{margin-bottom:14px}.dash-card__title{font-size:15px;font-weight:700;color:#f1f5f9;margin:0;display:flex;align-items:center;gap:6px}.dash-card__desc{font-size:12px;color:#6b7280;margin:3px 0 0}.dash-filters{width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:2px 0 4px}.dash-filters::-webkit-scrollbar{display:none}.dash-filters__inner{display:inline-flex;align-items:center;gap:3px;padding:3px;background:#0c0c14e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:9999px;box-shadow:0 4px 16px #0006;width:max-content}.dash-filters__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px 11px;background:transparent;border:none;border-radius:9999px;cursor:pointer;color:#6b7280;font-family:inherit;font-size:11.5px;font-weight:600;white-space:nowrap;transition:color .15s ease;-webkit-user-select:none;user-select:none;outline:none;flex-shrink:0}.dash-filters__btn:hover{color:#e5e7eb}.dash-filters__btn.is-active{color:#fff}.dash-filters__glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;z-index:1}.dash-filters__glow--cyan{background:linear-gradient(135deg,#00e5ff33,#00b4d81a);border:1px solid rgba(0,229,255,.4);box-shadow:0 0 14px #00e5ff33}.dash-filters__glow--amber{background:linear-gradient(135deg,#eab30833,#ca8a041a);border:1px solid rgba(234,179,8,.4);box-shadow:0 0 14px #eab30833}.dash-filters__glow--emerald{background:linear-gradient(135deg,#10b98133,#0596691a);border:1px solid rgba(52,211,153,.4);box-shadow:0 0 14px #10b98133}.dash-filters__glow--rose{background:linear-gradient(135deg,#f43f5e2e,#be123c14);border:1px solid rgba(251,113,133,.38);box-shadow:0 0 14px #f43f5e2e}.dash-filters__content{position:relative;z-index:2;display:inline-flex;align-items:center;gap:5px}.dash-filters__icon{flex-shrink:0;opacity:.8;transition:opacity .15s ease,transform .15s ease}.dash-filters__btn.is-active .dash-filters__icon{opacity:1;transform:scale(1.05)}.dash-filters__icon--emerald{color:#34d399}.dash-filters__icon--rose{color:#fb7185}.dash-radar{position:relative;width:6px;height:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-radar__ping{position:absolute;width:100%;height:100%;border-radius:50%;background:#eab308;opacity:.7;animation:dashRadarPing 1.8s cubic-bezier(0,0,.2,1) infinite}.dash-radar__core{width:4px;height:4px;border-radius:50%;background:#facc15;box-shadow:0 0 5px #eab308}@keyframes dashRadarPing{0%{transform:scale(1);opacity:.7}75%,to{transform:scale(2.2);opacity:0}}.dash-filters__pill{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;min-width:16px;height:15px;border-radius:9999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.06);font-size:9.5px;font-weight:700;color:#9ca3af;font-variant-numeric:tabular-nums}.dash-filters__btn.is-active .dash-filters__pill--cyan{background:#00e5ff33;border-color:#00e5ff66;color:#67e8f9}.dash-filters__btn.is-active .dash-filters__pill--amber{background:#eab30833;border-color:#eab30866;color:#fde047}.dash-filters__btn.is-active .dash-filters__pill--emerald{background:#10b98133;border-color:#34d39966;color:#a7f3d0}.dash-filters__btn.is-active .dash-filters__pill--rose{background:#f43f5e33;border-color:#fb718566;color:#fecdd3}.dash-feed{display:flex;flex-direction:column;gap:8px}.dash-order{display:flex;align-items:flex-start;gap:10px;background:#0e0e16b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px 12px;transition:border-color .15s ease,transform .15s ease}.dash-order:hover{border-color:#00e5ff33;transform:translate(1px)}.dash-order--pendiente{border-left:3px solid #00e5ff}.dash-order--aceptado{border-left:3px solid #10b981;background:#10b9810a}.dash-order--rechazado{border-left:3px solid #f43f5e;opacity:.7}.dash-order__art{width:42px;height:42px;border-radius:8px;overflow:hidden;background:#111;flex-shrink:0}.dash-order__art img{width:100%;height:100%;object-fit:cover;display:block}.dash-order__art-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff08}.dash-order__body{flex:1;min-width:0}.dash-order__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.dash-order__title-group{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap}.dash-order__title{font-size:13px;font-weight:700;color:#f1f5f9;line-height:1.3}.dash-order__votes{display:inline-flex;align-items:center;gap:2px;padding:1px 5px;background:#ff40811f;border:1px solid rgba(255,64,129,.3);border-radius:4px;font-size:9px;font-weight:700;color:#ff4081;flex-shrink:0}.dash-order__status{flex-shrink:0}.dash-status{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:5px;font-size:10px;font-weight:600}.dash-status--pending{background:#00e5ff1f;color:#00e5ff;border:1px solid rgba(0,229,255,.25)}.dash-status--accepted{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.dash-status--rejected{background:#f43f5e1f;color:#fb7185;border:1px solid rgba(244,63,94,.25)}.dash-order__artist{font-size:11px;color:#00e5ff;font-weight:500;margin-top:2px}.dash-order__meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:10px;color:#6b7280;flex-wrap:wrap}.dash-order__meta-item{display:inline-flex;align-items:center;gap:3px}.dash-order__meta-item strong{color:#d1d5db}.dash-order__meta-dot{color:#374151}.dash-empty{text-align:center;padding:40px 14px;color:#4b5563}.dash-empty__icon{color:#1f2937;margin-bottom:10px}.dash-empty h3{font-size:14px;font-weight:600;color:#6b7280;margin:0 0 3px}.dash-empty p{font-size:12px;margin:0}.dash-ranking{display:flex;flex-direction:column;gap:8px}.dash-rank{display:flex;align-items:center;gap:10px;padding:9px 10px;background:#ffffff04;border-radius:8px;border:1px solid rgba(255,255,255,.025);transition:background .15s ease}.dash-rank:hover{background:#ffffff0a}.dash-rank__num{font-weight:800;font-size:13px;color:#4b5563;min-width:24px}.dash-rank__num--top{color:#00e5ff}.dash-rank__thumb{width:36px;height:36px;border-radius:6px;overflow:hidden;background:#ffffff0a;flex-shrink:0}.dash-rank__thumb img{width:100%;height:100%;object-fit:cover}.dash-rank__thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dash-rank__info{flex:1;min-width:0}.dash-rank__name{font-weight:600;font-size:12px;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-rank__artist{font-size:10px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-rank__bar{margin-top:5px;height:3px;background:#ffffff0a;border-radius:2px;overflow:hidden}.dash-rank__bar-fill{height:100%;background:linear-gradient(90deg,#00e5ff,#ff4081);border-radius:2px}.dash-rank__metrics{text-align:right}.dash-rank__pct{font-weight:700;color:#00e5ff;font-size:13px}.dash-rank__votes{font-size:10px;color:#4b5563}.dash-peak{background:#ff40810a;border:1px solid rgba(255,64,129,.12);border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px}.dash-peak__icon{width:40px;height:40px;border-radius:10px;background:#ff40811f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-peak__label{font-size:10px;color:#ff4081;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:1px}.dash-peak__value{font-size:20px;font-weight:800;color:#fff}.dash-metrics{display:flex;flex-direction:column;gap:14px}.dash-chart{background:#0e0e1680;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:14px}.dash-tooltip{background:#08080ef2;border:1px solid rgba(255,255,255,.08);padding:8px 12px;border-radius:8px;box-shadow:0 4px 12px #00000080}.dash-tooltip__hour{color:#6b7280;font-size:11px;margin-bottom:3px}.dash-tooltip__value{color:#ff4081;font-size:13px}.dash-dock{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;z-index:50;padding:0 14px 10px}@media (min-width: 900px){.dash-dock{max-width:560px;padding:0 16px 12px}}.dash-dock__bar{display:flex;align-items:center;justify-content:space-around;padding:10px 6px 8px;background:#0c0c14cc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.07);border-radius:22px;box-shadow:0 8px 32px #00000080}.dash-dock__item{display:flex;flex-direction:column;align-items:center;gap:3px;color:#4b5563;font-size:10px;font-weight:600;cursor:pointer;transition:color .2s ease;-webkit-tap-highlight-color:transparent;padding:4px 10px;border-radius:14px;background:transparent;border:none;font-family:inherit}.dash-dock__item:hover{color:#9ca3af}.dash-dock__item.is-active{color:#00e5ff}.dash-dock__icon-wrap{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease;color:#4b5563}.dash-dock__item.is-active .dash-dock__icon-wrap{background:#00e5ff1f;color:#00e5ff}.dash-dock__item:hover .dash-dock__icon-wrap{background:#ffffff0a;color:#9ca3af}.dash-header__dl{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#ff40811a;border:1px solid rgba(255,64,129,.28);border-radius:8px;color:#ff4081;cursor:pointer;transition:all .15s ease}.dash-header__dl:hover{background:#ff40812e;border-color:#ff408180;color:#fff}.dash-header__dl.is-disabled{opacity:.5;cursor:default}.dash-header__dl.is-disabled svg{animation:dashSpin .8s linear infinite}.dash-sesion{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#101018bf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.06);border-radius:14px}.dash-sesion__info{display:flex;flex-direction:column;gap:1px;min-width:0}.dash-sesion__label{font-size:9px;font-weight:700;letter-spacing:.08em;color:#6b7280;text-transform:uppercase}.dash-sesion__name{font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-sesion__dl{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#00e5ff29,#ff408129);border:1px solid rgba(0,229,255,.35);border-radius:10px;color:#00e5ff;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease;font-family:inherit;flex-shrink:0}.dash-sesion__dl:hover{background:linear-gradient(135deg,#00e5ff47,#ff408147);box-shadow:0 4px 18px #00e5ff38;transform:translateY(-1px)}.dash-sesion__dl.is-disabled{opacity:.55;cursor:default;transform:none}.dash-sesion__dl.is-disabled svg{animation:dashSpin .8s linear infinite}.dash-hist{display:flex;flex-direction:column;gap:12px;min-width:0}.dash-hist__error{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;background:#ff40811a;border:1px solid rgba(255,64,129,.3);border-radius:10px;color:#fda4af;font-size:12px}.dash-hist__list{display:flex;flex-direction:column;gap:12px}.dash-hist__card{background:#12121cb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px}.dash-hist__top{display:flex;align-items:center;gap:10px}.dash-hist__date{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1}.dash-hist__day{font-size:16px;font-weight:800;color:#fff;letter-spacing:-.01em}.dash-hist__periodo{font-size:12px;font-weight:700;color:#00e5ff}.dash-hist__badge{font-size:8px;font-weight:800;letter-spacing:.06em;color:#000;background:#34d399;padding:2px 6px;border-radius:5px;text-transform:uppercase}.dash-hist__dl{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;background:#ff40811f;border:1px solid rgba(255,64,129,.3);border-radius:9px;color:#ff4081;font-size:11px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s ease;flex-shrink:0}.dash-hist__dl:hover{background:#ff408138;border-color:#ff40818c;color:#fff}.dash-hist__dl.is-disabled{opacity:.55;cursor:default}.dash-hist__dl.is-disabled svg{animation:dashSpin .8s linear infinite}.dash-hist__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.dash-hist__metric{display:flex;flex-direction:column;align-items:center;padding:9px 4px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:10px;min-width:0}.dash-hist__metric b{font-size:16px;font-weight:800;color:#fff;line-height:1.1}.dash-hist__metric span{font-size:8.5px;color:#6b7280;margin-top:2px}.dash-hist__songs{display:flex;flex-direction:column;gap:4px}.dash-hist__song{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;background:#ffffff05;min-width:0}.dash-hist__song-num{font-size:10px;font-weight:800;color:#ff4081;flex-shrink:0}.dash-hist__song-name{font-size:12px;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.dash-hist__song-artist{font-size:10.5px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.dash-hist__song-votes{margin-left:auto;font-size:11px;font-weight:700;color:#00e5ff;flex-shrink:0}.dash-hist__footer{margin-top:10px;display:flex;justify-content:center}.dash-hist__refresh{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#9ca3af;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.dash-hist__refresh:hover{color:#00e5ff;border-color:#00e5ff59;background:#00e5ff0f}.dash-footer{display:flex;align-items:center;justify-content:center;padding:8px 0}.dash-footer__status{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;color:#4b5563}.dash-center{min-height:100dvh;background:#0a0a0f;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.dash-spinner{width:44px;height:44px;border-radius:50%;border:3px solid rgba(0,229,255,.12);border-top-color:#00e5ff;animation:dashSpin .9s cubic-bezier(.6,.2,.4,.9) infinite}.dash-loading-text{margin-top:16px;font-size:13px;font-weight:500;color:#00e5ff;letter-spacing:.02em}.dash-error{background:#0e0e16e6;border:1px solid rgba(255,64,129,.25);border-radius:16px;padding:28px 24px;max-width:380px;box-shadow:0 12px 40px #0009}.dash-error h2{margin:0 0 6px;font-size:17px;color:#f8fafc}.dash-error__msg{font-size:12px;color:#6b7280;line-height:1.5;margin:0 0 18px}.dash-error__btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;background:linear-gradient(135deg,#00e5ff,#ff4081);color:#fff;font-weight:700;font-size:12px;border-radius:10px;border:none;cursor:pointer;transition:all .16s ease}.dash-error__btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00e5ff4d}.dash-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 380px){.dash-header__brand{font-size:15px}.dash-header{padding:8px 12px}.dash-main{padding:10px 10px 80px}.dash-kpi__val{font-size:17px}.dash-kpi__label{font-size:9px}.dash-kpi__sub{font-size:8px}.dash-kpi__icon{width:30px;height:30px}.dash-card{padding:14px 12px}.dash-card__title{font-size:14px}.dash-order__title{font-size:12px}.dash-order__artist{font-size:10px}.dash-order__meta{font-size:9px}.dash-status{font-size:9px;padding:1px 5px}.dash-filters__btn{padding:5px 9px;font-size:10.5px}.dash-header__live{padding:3px 7px;font-size:9px}.dash-header__dl{width:28px;height:28px}.dash-sesion{padding:9px 11px}.dash-sesion__name{font-size:12.5px}.dash-sesion__dl{padding:7px 9px;font-size:10px}.dash-hist__day,.dash-hist__metric b{font-size:14px}.dash-hist__dl{padding:6px 8px;font-size:10px}}@media (min-width: 600px){.dash-kpi{grid-template-columns:repeat(4,1fr);gap:12px}.dash-kpi__val{font-size:24px}.dash-main{padding:18px 20px 100px}.dash-metrics{display:grid;grid-template-columns:repeat(2,1fr);align-items:start;gap:14px}.dash-footer{margin-top:8px}.dash-sesion{padding:12px 16px}.dash-sesion__name{font-size:15px}}@media (min-width: 900px){.dash-root{max-width:1180px;margin:0 auto}.dash-main{padding:22px 28px 120px;gap:18px}.dash-header{padding:14px 28px}.dash-header__brand{font-size:19px}.dash-kpi__val{font-size:26px}.dash-card{border-radius:16px;padding:20px 18px}.dash-card__title{font-size:16px}.dash-card__desc{font-size:13px}.dash-filters__inner{background:#0c0c14d9}.dash-feed{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-items:start}.dash-filters__btn{padding:7px 13px;font-size:12.5px}.dash-order{padding:12px 14px}.dash-ranking{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-items:start}.dash-rank{padding:11px 12px}.dash-peak,.dash-chart{padding:16px}.dash-dock__bar{padding:12px 8px 10px;border-radius:24px}body{background:#0a0a0f}.dash-hist__list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:start}}:root{--color-brand: #c026d3;--color-brand-dark: #86198f;--color-brand-light: #e879f9;--color-brand-glow: rgba(192, 38, 211, .35);--color-accent: #818cf8;--color-accent-dark: #4f46e5;--color-bg: #080810;--color-bg-card: #0f0f1a;--color-bg-elevated: #161626;--color-bg-input: #1a1a2e;--color-text: #f1f1f5;--color-text-muted: #8884a0;--color-text-dim: #4a4860;--color-success: #22d3a0;--color-warning: #fbbf24;--color-danger: #f43f5e;--color-info: --color-accent;--color-border: rgba(255,255,255,.07);--color-border-brand: rgba(192, 38, 211, .4);--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 4px 16px rgba(0,0,0,.6);--shadow-brand: 0 0 24px var(--color-brand-glow), 0 0 48px rgba(192,38,211,.15);--shadow-glow: 0 0 12px var(--color-brand-glow);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--glass-bg: rgba(15, 15, 26, .7);--glass-border: rgba(255,255,255,.08);--glass-blur: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit}a{color:var(--color-brand-light);text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gradient-text{background:linear-gradient(135deg,var(--color-brand-light),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:linear-gradient(135deg,var(--color-brand),var(--color-accent-dark));color:#fff;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-full);border:1px solid var(--color-border-brand);box-shadow:var(--shadow-glow);transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);width:100%}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-brand)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-bg-elevated);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-full);border:1px solid var(--color-border);transition:border-color var(--transition-fast),background var(--transition-fast)}.btn-secondary:hover{border-color:var(--color-brand);background:var(--color-bg-card)}.input{width:100%;padding:var(--space-4) var(--space-5);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px #c026d333}.input::placeholder{color:var(--color-text-dim)}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.badge-brand{background:#c026d333;color:var(--color-brand-light);border:1px solid rgba(192,38,211,.3)}.badge-success{background:#22d3a026;color:var(--color-success);border:1px solid rgba(34,211,160,.25)}.badge-warning{background:#fbbf2426;color:var(--color-warning);border:1px solid rgba(251,191,36,.25)}.spinner{width:24px;height:24px;border:3px solid rgba(192,38,211,.2);border-top-color:var(--color-brand);border-radius:50%;animation:spin .7s linear infinite;will-change:transform;transform:translateZ(0)}@keyframes spin{to{transform:rotate(360deg)}}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:var(--space-6) var(--space-4);max-width:480px;margin:0 auto;position:relative}.page:before{content:"";position:fixed;top:-30%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(192,38,211,.12) 0%,transparent 70%);pointer-events:none;z-index:-1}.logo{width:120px;height:auto;margin-bottom:var(--space-6);filter:drop-shadow(0 0 16px var(--color-brand-glow))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .4s ease both}.animate-in-delay-1{animation-delay:.1s}.animate-in-delay-2{animation-delay:.2s}.animate-in-delay-3{animation-delay:.3s}
