.hero-dashboard-wrap{position:relative;min-width:0;isolation:isolate;padding:36px 0 28px}
.hero-dashboard-wrap::before{content:"";position:absolute;inset:8% -5%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,rgba(80,174,190,.19),transparent 69%);filter:blur(24px);pointer-events:none}
.hero-dashboard{position:relative;width:100%;max-width:660px;margin-inline:auto;overflow:hidden;border:1px solid rgba(166,223,230,.36);border-radius:19px;background:linear-gradient(142deg,rgba(28,75,91,.85),rgba(8,29,42,.93) 43%,rgba(7,28,39,.95));box-shadow:0 34px 80px rgba(0,12,23,.4),0 0 40px rgba(99,191,207,.11),inset 0 1px rgba(224,250,252,.16);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform:perspective(1300px) rotateY(-3deg) rotateX(2deg);transition:transform .45s ease,box-shadow .45s ease}
.hero-dashboard:hover,.hero-dashboard:focus-within{transform:perspective(1300px) rotateY(0) rotateX(0);box-shadow:0 38px 85px rgba(0,12,23,.46),0 0 45px rgba(99,191,207,.18),inset 0 1px rgba(224,250,252,.18)}
.hero-dashboard::before{content:"";position:absolute;z-index:4;top:0;left:12%;width:48%;height:1px;background:linear-gradient(90deg,transparent,rgba(205,252,255,.8),transparent);box-shadow:0 0 17px #a0e1e9;pointer-events:none}
.dashboard-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 18px;border-bottom:1px solid rgba(187,226,233,.17);background:rgba(117,196,211,.045)}
.dashboard-brand{display:flex;align-items:center;gap:9px;color:#f0fcfc;font-size:.68rem;font-weight:800;letter-spacing:.16em;white-space:nowrap}.dashboard-brand img{width:22px;height:26px;object-fit:contain}.dashboard-brand small{display:inline;margin-left:5px;color:#80b4be;font-size:.54rem;letter-spacing:.12em}
.dashboard-live{display:flex;align-items:center;gap:9px;color:#a8d0d7;font-size:.52rem;font-weight:800;letter-spacing:.12em;white-space:nowrap}.dashboard-live i,.dashboard-statusbar i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#78d2d8;box-shadow:0 0 0 4px rgba(120,210,216,.12),0 0 12px rgba(120,210,216,.75);animation:dashboard-pulse 2.7s ease-in-out infinite}
.dashboard-body{display:grid;grid-template-columns:126px minmax(0,1fr);min-height:395px}
.dashboard-nav{display:flex;flex-direction:column;gap:5px;padding:20px 10px;border-right:1px solid rgba(187,226,233,.13);background:rgba(6,25,36,.35)}
.dashboard-nav button{display:flex;align-items:center;gap:7px;width:100%;padding:12px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#8db5c0;text-align:left;font-size:.62rem;font-weight:700;transition:color .2s,background .2s,border-color .2s}.dashboard-nav button:hover{color:#e3f8f9;background:rgba(154,220,229,.1)}.dashboard-nav button[aria-selected="true"]{color:#e8fbfc;background:linear-gradient(90deg,rgba(111,199,213,.2),rgba(111,199,213,.055));border-color:rgba(134,213,224,.22);box-shadow:inset 2px 0 #85d7df}.dashboard-nav-icon{width:17px;text-align:center;color:#88d1d8;font-size:1rem;line-height:1}
.dashboard-workspace{min-width:0;padding:24px 23px 20px}.dashboard-panel[hidden]{display:none}.dashboard-panel{animation:dashboard-reveal .32s ease both}.dashboard-panel-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:20px}.dashboard-overline{color:#8bc6d0;font-size:.52rem;font-weight:800;letter-spacing:.15em}.dashboard-panel h2{margin:5px 0 0;color:#f3fbfc;font-size:1.16rem;line-height:1.15;letter-spacing:-.035em}.dashboard-period{flex:none;padding:6px 8px;border:1px solid rgba(165,220,227,.21);border-radius:5px;color:#aacbd0;font-size:.53rem;font-weight:700;white-space:nowrap}
.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dashboard-metric{display:flex;flex-direction:column;min-height:101px;padding:12px 11px;border:1px solid rgba(165,220,227,.16);border-radius:9px;background:linear-gradient(140deg,rgba(127,199,211,.11),rgba(127,199,211,.035));box-shadow:inset 0 1px rgba(242,255,255,.07)}.dashboard-metric>span{color:#a9cbd1;font-size:.6rem}.dashboard-metric strong{margin:9px 0 auto;color:#fff;font-size:1.5rem;line-height:1;letter-spacing:-.055em}.dashboard-metric strong small{color:#7fa9b3;font-size:.7rem;font-weight:600}.dashboard-metric>i{display:block;position:relative;height:3px;margin-top:11px;overflow:hidden;border-radius:3px;background:rgba(142,205,216,.16)}.dashboard-metric>i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--fill);border-radius:3px;background:linear-gradient(90deg,#43a5b4,#9be2e8);box-shadow:0 0 9px #6ac5d0}.dashboard-metric-accent{border-color:rgba(235,166,56,.3);background:linear-gradient(140deg,rgba(235,166,56,.13),rgba(235,166,56,.02))}.dashboard-metric-accent strong{color:#f5be69}.dashboard-metric-accent>small{color:#d4b886;font-size:.52rem;line-height:1.2}
.dashboard-chart{margin-top:11px;padding:14px 15px 11px;border:1px solid rgba(165,220,227,.16);border-radius:9px;background:linear-gradient(150deg,rgba(109,187,200,.085),rgba(0,0,0,.07))}.dashboard-chart-head{display:flex;justify-content:space-between;color:#b5d2d7;font-size:.62rem;font-weight:700}.dashboard-chart-head b{color:#bce9eb}.dashboard-chart-bars{display:flex;align-items:end;justify-content:space-between;gap:9px;height:77px;margin-top:12px;padding:0 7px 0;border-bottom:1px solid rgba(156,211,219,.18);background:repeating-linear-gradient(to top,transparent 0,transparent 24px,rgba(183,224,230,.065) 25px)}.dashboard-chart-bars i{display:block;flex:1;max-width:24px;height:var(--bar-height);border-radius:3px 3px 0 0;background:linear-gradient(180deg,#93e0e8,#327e90);box-shadow:0 0 14px rgba(113,210,224,.18);transform-origin:bottom;animation:dashboard-grow .7s cubic-bezier(.2,.8,.2,1) backwards}.dashboard-chart-bars i:nth-child(3n){background:linear-gradient(180deg,#eeb85b,#9b6f2b)}.dashboard-chart-bars i:nth-child(2){animation-delay:.06s}.dashboard-chart-bars i:nth-child(3){animation-delay:.12s}.dashboard-chart-bars i:nth-child(4){animation-delay:.18s}.dashboard-chart-bars i:nth-child(5){animation-delay:.24s}.dashboard-chart-bars i:nth-child(6){animation-delay:.3s}.dashboard-chart-bars i:nth-child(7){animation-delay:.36s}.dashboard-chart-bars i:nth-child(8){animation-delay:.42s}.dashboard-chart-bars i:nth-child(9){animation-delay:.48s}.dashboard-chart-bars i:nth-child(10){animation-delay:.54s}.dashboard-chart-axis{display:flex;justify-content:space-between;margin-top:9px;color:#6e9aa6;font-size:.46rem;font-weight:800;letter-spacing:.09em}
.dashboard-sheet-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:9px}.dashboard-sheet-list{display:flex;flex-direction:column;gap:7px}.dashboard-sheet{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:68px;padding:9px 10px;border:1px solid rgba(165,220,227,.14);border-radius:8px;background:rgba(119,190,201,.055);text-align:left;color:#ecf9fa;transition:background .2s,border-color .2s}.dashboard-sheet:hover,.dashboard-sheet.is-active{background:rgba(102,191,205,.18);border-color:rgba(142,221,231,.43)}.dashboard-sheet b{display:block;font-size:.65rem}.dashboard-sheet small{display:block;margin-top:4px;color:#91b6bf;font-size:.51rem}.dashboard-sheet em{color:#9dd0d7;font-size:.49rem;font-style:normal;white-space:nowrap}.dashboard-sheet-detail{display:flex;flex-direction:column;min-height:219px;padding:16px 13px;border:1px solid rgba(165,220,227,.19);border-radius:9px;background:linear-gradient(150deg,rgba(133,215,224,.14),rgba(133,215,224,.025))}.dashboard-sheet-detail strong{margin:18px 0 6px;font-size:.96rem;letter-spacing:-.03em}.dashboard-sheet-detail p{margin:0;color:#b4d2d8;font-size:.62rem;line-height:1.55}.dashboard-detail-track{height:5px;margin-top:auto;overflow:hidden;border-radius:4px;background:rgba(142,205,216,.15)}.dashboard-detail-track i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#53b2be,#a7e6e7);transition:width .4s ease}.dashboard-sheet-detail>small{margin-top:9px;color:#91c8d0;font-size:.53rem}
.dashboard-sync-visual{display:flex;align-items:center;justify-content:center;gap:10px;min-height:112px;margin-bottom:12px;border:1px solid rgba(165,220,227,.16);border-radius:9px;background:radial-gradient(ellipse at center,rgba(84,175,191,.17),transparent 70%)}.dashboard-sync-visual span{padding:12px 9px;border:1px solid rgba(169,223,230,.31);border-radius:7px;background:rgba(122,198,210,.1);color:#d4f4f6;font-size:.56rem;font-weight:800;letter-spacing:.08em}.dashboard-sync-visual i{width:7px;height:7px;border-radius:50%;background:#96dce2;box-shadow:0 0 11px #92d7df;animation:dashboard-travel 1.6s ease-in-out infinite alternate}.dashboard-sync-visual i:nth-of-type(2){animation-delay:.25s}.dashboard-sync-visual i:nth-of-type(3){animation-delay:.5s}.dashboard-sync-card{display:flex;align-items:start;gap:10px;min-height:70px;padding:11px 12px;border:1px solid rgba(165,220,227,.16);border-radius:8px;background:rgba(115,186,200,.08)}.dashboard-sync-dot{flex:none;width:8px;height:8px;margin-top:3px;border-radius:50%;background:#e8aa4e;box-shadow:0 0 0 5px rgba(232,170,78,.12)}.dashboard-sync-card.is-complete .dashboard-sync-dot{background:#8de1d5;box-shadow:0 0 0 5px rgba(141,225,213,.12)}.dashboard-sync-card strong{display:block;color:#eaf9f9;font-size:.71rem}.dashboard-sync-card p{margin:5px 0 0;color:#a3c3ca;font-size:.59rem;line-height:1.45}.dashboard-sync-action{margin-top:11px;padding:10px 13px;border:1px solid rgba(143,222,232,.42);border-radius:7px;background:rgba(119,207,218,.14);color:#dcf8f9;font-size:.63rem;font-weight:800;transition:background .2s,transform .2s}.dashboard-sync-action:hover{background:rgba(119,207,218,.24);transform:translateY(-2px)}
.dashboard-statusbar{display:flex;justify-content:space-between;gap:8px;padding:12px 17px;border-top:1px solid rgba(187,226,233,.15);color:#81b2be;font-size:.49rem;font-weight:800;letter-spacing:.12em}.dashboard-statusbar span:first-child{display:flex;align-items:center;gap:8px}.dashboard-statusbar i{width:5px;height:5px}.hero-dashboard-caption{max-width:620px;margin:16px auto 0;color:#87b3bd;font-size:.62rem;letter-spacing:.035em;text-align:center;line-height:1.5}
.dashboard-metric:first-child>i::after{width:80%}.dashboard-metric:nth-child(2)>i::after{width:75%}
.dashboard-chart-bars i:nth-child(1){height:52%}.dashboard-chart-bars i:nth-child(2){height:69%}.dashboard-chart-bars i:nth-child(3){height:62%}.dashboard-chart-bars i:nth-child(4){height:85%}.dashboard-chart-bars i:nth-child(5){height:73%}.dashboard-chart-bars i:nth-child(6){height:91%}.dashboard-chart-bars i:nth-child(7){height:80%}.dashboard-chart-bars i:nth-child(8){height:100%}.dashboard-chart-bars i:nth-child(9){height:87%}.dashboard-chart-bars i:nth-child(10){height:96%}
#dashboard-sheet-progress{width:75%}.dashboard-sheet-detail.is-complete #dashboard-sheet-progress{width:100%}
@keyframes dashboard-pulse{50%{opacity:.45;box-shadow:0 0 0 7px rgba(120,210,216,0),0 0 18px rgba(120,210,216,.35)}}@keyframes dashboard-grow{from{transform:scaleY(.05);opacity:.25}to{transform:scaleY(1);opacity:1}}@keyframes dashboard-reveal{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes dashboard-travel{from{opacity:.3;transform:translateX(-6px)}to{opacity:1;transform:translateX(6px)}}
@media(max-width:1100px){.dashboard-body{grid-template-columns:104px minmax(0,1fr)}.dashboard-nav{padding-inline:6px}.dashboard-nav button{font-size:.55rem;padding-inline:5px}.dashboard-workspace{padding:17px 15px}.dashboard-sheet-layout{grid-template-columns:1fr}.dashboard-sheet-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-sheet{display:block;min-height:78px}.dashboard-sheet em{display:block;margin-top:7px}.dashboard-sheet-detail{min-height:130px}.dashboard-sheet-detail strong{margin-top:9px}.dashboard-detail-track{margin-top:13px}}
@media(max-width:800px){.hero-dashboard-wrap{max-width:650px;margin:20px auto 0;padding:0}.hero-dashboard{transform:none}.hero-dashboard:hover,.hero-dashboard:focus-within{transform:none}.dashboard-body{grid-template-columns:126px minmax(0,1fr)}.dashboard-nav{padding-inline:10px}.dashboard-nav button{font-size:.62rem;padding-inline:8px}.dashboard-workspace{padding:24px 23px}.dashboard-sheet-layout{grid-template-columns:1.08fr .92fr}.dashboard-sheet-list{display:flex}.dashboard-sheet{display:flex;min-height:68px}.dashboard-sheet em{display:inline;margin:0}.dashboard-sheet-detail{min-height:219px}.dashboard-sheet-detail strong{margin-top:18px}.dashboard-detail-track{margin-top:auto}}
@media(max-width:560px){.hero-dashboard-wrap{margin-top:34px}.dashboard-topbar{min-height:49px;padding:8px 11px}.dashboard-brand{font-size:.58rem}.dashboard-brand small{font-size:.45rem}.dashboard-live{font-size:.42rem;letter-spacing:.04em}.dashboard-body{display:block;min-height:0}.dashboard-nav{flex-direction:row;gap:4px;padding:8px;border-right:0;border-bottom:1px solid rgba(187,226,233,.13)}.dashboard-nav button{justify-content:center;gap:4px;padding:8px 2px;font-size:.53rem}.dashboard-nav button[aria-selected="true"]{box-shadow:inset 0 -2px #85d7df}.dashboard-nav-icon{width:auto;font-size:.8rem}.dashboard-workspace{min-height:335px;padding:17px 12px 15px}.dashboard-panel-head{margin-bottom:14px}.dashboard-panel h2{font-size:1rem}.dashboard-period{font-size:.46rem}.dashboard-metrics{gap:5px}.dashboard-metric{min-height:91px;padding:9px 7px}.dashboard-metric>span{font-size:.51rem}.dashboard-metric strong{font-size:1.27rem}.dashboard-metric-accent>small{font-size:.43rem}.dashboard-chart{margin-top:8px}.dashboard-chart-bars{height:72px}.dashboard-sheet-layout{grid-template-columns:1fr}.dashboard-sheet-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.dashboard-sheet{display:block;min-height:72px;padding:7px}.dashboard-sheet b{font-size:.53rem}.dashboard-sheet small,.dashboard-sheet em{font-size:.43rem}.dashboard-sheet em{display:block;margin-top:6px}.dashboard-sheet-detail{min-height:109px;padding:10px}.dashboard-sheet-detail strong{margin:6px 0 3px;font-size:.82rem}.dashboard-sheet-detail p{font-size:.53rem}.dashboard-detail-track{margin-top:9px}.dashboard-sheet-detail>small{margin-top:5px;font-size:.47rem}.dashboard-statusbar{font-size:.4rem;padding:10px}.hero-dashboard-caption{font-size:.58rem}}
@media(max-width:380px){.dashboard-live{max-width:116px;white-space:normal;line-height:1.2}.dashboard-nav button{font-size:.48rem}.dashboard-nav-icon{display:none}.dashboard-period{display:none}}
@media(prefers-reduced-motion:reduce){.hero-dashboard,.dashboard-panel,.dashboard-chart-bars i,.dashboard-live i,.dashboard-statusbar i,.dashboard-sync-visual i{animation:none;transition:none}}