:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090b10;--panel:#111420;--panel-soft:#171b2b;--text:#eff2ff;--muted:#9ea7c2;--accent:#5c83ff;--accent-soft:#2b3d85;--success:#39d499;--danger:#ff6f8f;--radius:18px;--card-1:#1a2036;--card-2:#151b2f;--card-border:#2b3964}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background-color:#111420;background-image:radial-gradient(circle at 20% -10%,#23305d 0%,#090b10f0 44%,#111420 78%);background-repeat:no-repeat;background-size:100% 100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.app-shell{max-width:1080px;margin:0 auto;padding:1.8rem 1.8rem 6.2rem}.app-header{justify-content:space-between;align-items:center;display:flex}.app-header h1{margin:.25rem 0 0;font-size:clamp(1.35rem,2vw,2rem)}.header-icon-link{color:#d5defe;border:1px solid #2b3558;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;text-decoration:none;display:inline-flex}.header-icon-link:hover{color:#f2f5ff;border-color:#4f67b5}.sync-button,.secondary-button{color:var(--text);cursor:pointer;background:#1b2442;border:1px solid #2a3765;border-radius:999px;padding:.55rem .9rem;font-weight:600}.status-row{color:var(--muted);justify-content:flex-start;align-items:center;gap:.5rem;margin-top:1rem;font-size:.85rem;display:flex}.status-row p{margin:0}.status-refresh{color:#cfd8fb;cursor:pointer;background:0 0;border:1px solid #2b3558;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:.86rem;line-height:1;display:inline-flex}.status-refresh:hover{color:#eef2ff;border-color:#4c62ab}.dashboard-body{margin-top:1.35rem}.dashboard-section,.panel-with-skeleton{position:relative}.dashboard-skeleton-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;z-index:12;background:#0a0d18b8;border:1px solid #5266aa47;border-radius:22px;position:absolute;overflow:hidden;box-shadow:0 18px 50px #00000047}.dashboard-skeleton-overlay:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff1f 50%,#0000 100%);animation:1.25s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.revenue-skeleton{flex-direction:column;min-height:520px;padding:2.4rem 1.2rem 1.2rem;display:flex;inset:3.15rem 0 0}.list-skeleton{gap:.85rem;min-height:280px;padding:.9rem .4rem;display:grid;inset:3.4rem 0 0}.skeleton-pill,.skeleton-number,.skeleton-row span,.skeleton-chart span,.skeleton-list-row span{background:linear-gradient(120deg,#37467ab8,#5b6eb285);border-radius:999px}.skeleton-pill{width:150px;height:18px;margin:0 auto 1.4rem}.skeleton-number{width:min(76%,360px);height:clamp(62px,14vw,86px);margin:0 auto}.skeleton-row{justify-content:center;gap:1rem;margin:1.2rem 0 2.2rem;display:flex}.skeleton-row span{width:116px;height:18px}.skeleton-chart{flex:1;align-items:end;gap:.85rem;min-height:150px;display:flex}.skeleton-chart span{border-radius:12px 12px 4px 4px;flex:1;min-height:42px}.skeleton-list-row{background:#19223eb3;border:1px solid #4d609e47;border-radius:14px;justify-content:space-between;align-items:center;min-height:70px;padding:.9rem 1rem;display:flex}.skeleton-list-row span:first-child{width:48%;height:16px}.skeleton-list-row span:last-child{width:26%;height:18px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.row-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.35rem;display:flex}.filters-inline{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.active-tag-badge{color:#e7eeff;cursor:pointer;background:#1d2d59;border:1px solid #3f5fb8;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .7rem;font-size:.8rem;font-weight:700;line-height:1;display:inline-flex}.badge-close{opacity:.9;align-items:center;font-size:.95rem;line-height:1;display:inline-flex;transform:translateY(-.5px)}.granularity-toggle{background:#141a2d;border:1px solid #29355e;border-radius:999px;padding:.2rem;display:flex}.toggle{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.4rem .7rem;font-size:.83rem;font-weight:600}.toggle.active{color:var(--text);background:#253764}.kpi-stage{margin-top:1rem;padding:1.25rem 0 .7rem;overflow:hidden}.kpi-carousel{width:100%;transition:transform .28s;display:flex}.kpi-card{text-align:center;flex-direction:column;flex:0 0 100%;justify-content:center;min-height:250px;padding:.55rem .8rem;display:flex}.kpi-title{color:#ccd4ff;opacity:.95;margin:0;font-size:1.1rem}.kpi-current{letter-spacing:-.02em;margin:1rem 0;font-size:clamp(2.55rem,9.2vw,3.95rem);font-weight:700}.kpi-row{color:#c8cff8;justify-content:center;gap:1.1rem;margin-top:.45rem;font-size:1.02rem;display:flex}.kpi-row span:first-child{opacity:.85}.kpi-row .delta{font-weight:700}.kpi-row .delta.up{color:#8ff2cb}.kpi-row .delta.down{color:#ff9bb2}.kpi-dots{justify-content:center;gap:.4rem;margin-top:.45rem;display:flex}.kpi-dot{cursor:pointer;background:#59649a;border:0;border-radius:999px;width:7px;height:7px;transition:all .16s}.kpi-dot.active{background:#eef2ff;width:18px}.delta.up{color:var(--success);font-weight:700}.delta.down{color:var(--danger);font-weight:700}.panel{background:0 0;border:0;border-radius:0;margin-top:1.45rem;padding:.5rem 0}.panel-head{justify-content:space-between;align-items:center;gap:.9rem;margin-bottom:.45rem;display:flex}.panel-head h3{color:#f0f3ff;letter-spacing:.01em;margin:0;font-size:1.02rem;position:relative}.panel-head h3:after{content:"";opacity:.85;background:linear-gradient(90deg,#6a8eff 0%,#8f74ff 100%);border-radius:99px;width:46px;height:2px;margin-top:.4rem;display:block}.bar-chart{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;gap:.95rem;margin-top:.85rem;padding:5.2rem .35rem 0;display:flex;position:relative;overflow:auto visible}.bar-chart::-webkit-scrollbar{display:none}.chart-tooltip{background:#12182b;border:1px solid #27345d;border-radius:12px;margin-top:.8rem;padding:.65rem .75rem}.tooltip-label{margin:0;font-size:.82rem;font-weight:700}.tooltip-values{color:var(--muted);flex-wrap:wrap;gap:.85rem;margin-top:.3rem;font-size:.82rem;display:flex}.bar-item{color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1 1 0;align-items:center;gap:.4rem;min-width:32px;padding:0;display:flex;position:relative}.bar-item p{color:var(--muted);margin:0;font-size:.78rem}.bar-item.active p{color:#eff2ff}.bar-stack{align-items:flex-end;gap:.2rem;height:130px;display:flex}.bar-item.active .bar.current{box-shadow:0 0 0 2px #7a96ff55}.chart-tooltip-inline{white-space:normal;z-index:20;min-width:170px;max-width:min(240px,100vw - 56px);position:absolute;top:-78px;left:50%;transform:translate(-50%)}.bar{border-radius:8px;width:13px}.bar.current{background:linear-gradient(#9cb4ff 0%,#7b99ff 38%,#5d78e6 100%);box-shadow:0 5px 12px #5c7df261}.bar.previous{opacity:.58;background:linear-gradient(#4d5679 0%,#3f4767 100%)}.bar-item.active .bar.previous{opacity:.72}.tag-list{gap:.9rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.tag-list li{border:1px solid var(--card-border);background:linear-gradient(150deg,#1b2440 0%,#18203a 55%,#141a31 100%);border-radius:14px;justify-content:space-between;align-items:center;padding:.9rem 1rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 8px 22px #080b1647}.tag-list li:hover{border-color:#5675c8;transform:translateY(-1px);box-shadow:0 10px 26px #090e1c57,inset 0 0 0 1px #6788e155}.tag-list li.active{background:linear-gradient(150deg,#23315b 0%,#1b2648 52%,#17203a 100%);border-color:#88a2ff;box-shadow:0 10px 28px #0a0f2066,inset 0 0 0 1px #7292f6}.tag-name{color:#f3f6ff;margin:0;font-weight:600}.tag-sub{color:var(--muted);margin:.2rem 0 0;font-size:.8rem}.tag-values{text-align:right;flex-direction:column;align-items:flex-end;gap:.45rem;min-width:108px;display:flex}.tag-values p{margin:0}.tag-values p:first-child{color:#eef2ff;font-weight:700}.connection-item{padding-right:3.4rem!important}.connection-list .tag-values{padding-top:.15rem}.icon-button{color:#9fb3ef;cursor:pointer;z-index:2;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;padding:0;font-size:1.08rem;font-weight:700;line-height:0;transition:color .16s,transform .16s,opacity .16s;display:inline-flex;position:absolute;top:50%;right:.95rem;transform:translateY(-50%)}.icon-button:hover{color:#e9efff;transform:translateY(-50%)scale(1.08)}.icon-button:active{color:#ffb8c4;transform:translateY(-50%)scale(.96)}.icon-button span{display:inline-block;transform:translateY(-.5px)}.confirm-sheet{background:#121729;border:1px solid #2d3a68;border-radius:20px;width:100%;max-width:min(430px,100vw - 2.5rem);padding:1.1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #00000073}.confirm-sheet h4{margin:0 0 .55rem;font-size:1.08rem}.confirm-sheet strong{color:#eef3ff}.danger-button{color:#fff1f4;cursor:pointer;background:linear-gradient(#7d2638 0%,#5f1c2a 100%);border:1px solid #b34b63;border-radius:999px;padding:.5rem .85rem;font-size:.84rem;font-weight:700}.danger-button:hover{color:#fff;border-color:#e06b83}.log-message{overflow-wrap:anywhere;white-space:normal;max-width:min(48vw,360px)}.log-detail-pre{color:#d8e0ff;white-space:pre-wrap;word-break:break-word;background:#0f1526;border:1px solid #2b3864;border-radius:10px;max-height:52vh;margin:.75rem 0 0;padding:.8rem;font-size:.76rem;line-height:1.45;overflow:auto}.secondary-button{background:linear-gradient(#212d4f 0%,#1a2340 100%);border-color:#3b4d85}.secondary-button:hover{color:#f2f5ff;border-color:#5a76cb}.tag-row-hitbox{cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.tag-filter-overlay{z-index:30;background:#06080e94;position:fixed;inset:0}.tag-filter-sheet{background:#121729;border-top:1px solid #2d3a68;border-radius:20px 20px 0 0;max-width:760px;margin:0 auto;padding:1rem 1rem 1.2rem;position:absolute;bottom:0;left:0;right:0}.tag-filter-head{justify-content:space-between;align-items:center;display:flex}.tag-filter-head h4{margin:0;font-size:1.02rem}.filter-close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-weight:600}.tag-filter-help{color:var(--muted);margin:.7rem 0 0;font-size:.84rem}.tag-filter-options{flex-wrap:wrap;gap:.55rem;margin-top:.95rem;display:flex}.filter-chip{color:#d6ddfb;cursor:pointer;background:#18203b;border:1px solid #2d3c6c;border-radius:999px;padding:.45rem .8rem;font-size:.84rem;font-weight:600}.filter-chip.active{color:#eef2ff;background:#3452ad;border-color:#5e82f4}.tag-filter-actions{justify-content:flex-end;gap:.7rem;margin-top:1.15rem;display:flex}@media (max-width:760px){.app-shell{padding:1.35rem 1.25rem 4.8rem}.tag-filter-sheet{padding:1rem .9rem 1.15rem}}