:root{color-scheme:light;--page: #f4f6f7;--surface: #ffffff;--surface-raised: rgba(255, 255, 255, .84);--surface-soft: #f0f2f3;--surface-hover: #e9edef;--text: #16191d;--text-soft: #626973;--text-faint: #9299a2;--line: #dfe3e6;--line-soft: #eaedef;--green: #119b64;--green-soft: #e1f4eb;--teal: #0b7f7a;--teal-soft: #dff2f0;--blue: #2f6e9d;--blue-soft: #e2eef7;--yellow: #a67d00;--yellow-soft: #f7efcd;--red: #c73e49;--red-soft: #f8e3e5;--shadow-sm: 0 1px 2px rgba(18, 24, 29, .06), 0 8px 24px rgba(18, 24, 29, .04);--shadow-lg: 0 24px 70px rgba(18, 24, 29, .18);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=dark]{color-scheme:dark;--page: #121212;--surface: #191a1c;--surface-raised: rgba(28, 29, 31, .86);--surface-soft: #222427;--surface-hover: #2b2d30;--text: #f2f3f4;--text-soft: #a9adb3;--text-faint: #747981;--line: #303236;--line-soft: #282a2d;--green: #4bc78d;--green-soft: #17372a;--teal: #68d0ca;--teal-soft: #173534;--blue: #7db8e5;--blue-soft: #1b3244;--yellow: #dfc154;--yellow-soft: #393319;--red: #ef7780;--red-soft: #402125;--shadow-sm: 0 1px 1px rgba(255, 255, 255, .03) inset, 0 12px 30px rgba(0, 0, 0, .18);--shadow-lg: 0 28px 80px rgba(0, 0, 0, .5)}*{box-sizing:border-box;letter-spacing:0}html{min-width:320px;background:var(--page)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--page);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:218px;padding:20px 14px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface-raised) 94%,transparent);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}.brand-block{display:flex;align-items:center;gap:11px;min-height:44px;padding:0 7px}.brand-logo{width:36px;height:36px;display:block;flex:0 0 auto;object-fit:contain}.brand-block div{min-width:0}.brand-block strong,.brand-block span{display:block}.brand-block strong{font-size:14px;font-weight:720}.brand-block div span{margin-top:2px;color:var(--text-faint);font-size:10px}.side-nav{display:grid;gap:4px;margin-top:30px}.side-nav a,.quiet-button{height:40px;display:flex;align-items:center;gap:11px;padding:0 11px;border:0;border-radius:7px;color:var(--text-soft);background:transparent;font-size:13px;font-weight:620;cursor:pointer;transition:color .15s ease,background-color .15s ease,transform .1s ease}.side-nav a:hover,.quiet-button:hover{color:var(--text);background:var(--surface-soft)}.side-nav a:active,.quiet-button:active{transform:scale(.98)}.side-nav a.router-link-active{color:var(--text);background:var(--surface-hover);box-shadow:inset 3px 0 var(--teal)}.sidebar-footer{margin-top:auto;display:grid;gap:8px}.source-health{display:flex;align-items:center;gap:8px;padding:10px 11px;color:var(--text-faint);font-size:10px}.source-health i,.live-status i,.system-card footer i,.status-chip i{width:7px;height:7px;display:inline-block;flex:0 0 auto;border-radius:50%;background:var(--green);box-shadow:0 0 10px color-mix(in srgb,var(--green) 60%,transparent)}.source-health i.offline,.live-status.offline i,.system-card footer i.offline{background:var(--red)}.quiet-button{width:100%}.main-area{min-height:100vh;margin-left:218px}.topbar{position:sticky;top:0;z-index:30;height:72px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:color-mix(in srgb,var(--page) 82%,transparent);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.topbar:after{content:"";position:absolute;inset:auto 0 0;height:14px;pointer-events:none;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--page) 72%,transparent));opacity:.55;transform:translateY(100%)}.topbar p{margin:0 0 3px;color:var(--text-faint);font-size:10px}.topbar h1{margin:0;font-size:20px;line-height:1.2;font-weight:740}.topbar-actions,.control-actions{display:flex;align-items:center;gap:8px}.live-status{height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:7px;color:var(--text-soft);background:var(--surface-raised);font-size:11px}.icon-button,.card-icon{display:inline-grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--surface-raised);cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .1s ease}.icon-button{width:34px;height:34px}.icon-button:hover,.card-icon:hover{color:var(--teal);background:var(--surface-hover)}.icon-button:active,.card-icon:active{transform:scale(.94)}.page-content{width:min(100% - 48px,1640px);margin:0 auto;padding:18px 0 54px}.view-stack{display:grid;gap:28px}.notice{padding:12px 14px;border:1px solid var(--line);border-radius:7px;margin-bottom:16px;font-size:12px}.error-notice{color:var(--red);background:var(--red-soft)}.eyebrow{display:block;margin-bottom:5px;color:var(--text-faint);font-size:9px;font-weight:720;text-transform:uppercase}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-sm)}.summary-strip>div{min-width:0;padding:17px 18px;border-right:1px solid var(--line-soft)}.summary-strip>div:last-child{border-right:0}.summary-strip span{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--text-soft);font-size:11px}.summary-strip strong{display:block;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:24px;line-height:1.1;font-weight:720;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.summary-strip small{display:block;margin-top:7px;overflow:hidden;color:var(--text-faint);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.danger{color:var(--red)!important}.good{color:var(--green)!important}.warn{color:var(--yellow)!important}.bad{color:var(--red)!important}.section-block{min-width:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}.section-heading h2{margin:0;font-size:16px;line-height:1.2;font-weight:710}.text-link{display:inline-flex;align-items:center;gap:5px;color:var(--text-soft);font-size:11px}.text-link:hover{color:var(--teal)}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.system-card{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-sm)}.system-top,.system-title,.system-card footer{display:flex;align-items:center}.system-top{justify-content:space-between;gap:14px}.system-title{gap:11px;min-width:0}.system-mark{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:var(--teal);background:var(--teal-soft)}.system-mark.video{color:var(--blue);background:var(--blue-soft)}.system-title h3{margin:0;font-size:15px;font-weight:720}.system-title p{margin:3px 0 0;color:var(--text-faint);font-size:9px}.status-chip{height:27px;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:0 8px;border-radius:6px;color:var(--green);background:var(--green-soft);font-size:10px;font-weight:680;white-space:nowrap}.status-chip.degraded,.status-chip.lightgreen{color:var(--yellow);background:var(--yellow-soft)}.status-chip.outage{color:var(--red);background:var(--red-soft)}.status-chip.disabled,.status-chip.nodata{color:var(--text-soft);background:var(--surface-soft)}.status-chip.degraded i,.status-chip.lightgreen i{background:var(--yellow);box-shadow:none}.status-chip.outage i{background:var(--red);box-shadow:none}.status-chip.disabled i,.status-chip.nodata i{background:var(--text-faint);box-shadow:none}.system-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;padding:16px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.system-stats div{padding:0 14px;border-right:1px solid var(--line-soft)}.system-stats div:first-child{padding-left:0}.system-stats div:last-child{border:0}.system-stats span,.system-stats strong{display:block}.system-stats span{color:var(--text-faint);font-size:9px}.system-stats strong{margin-top:7px;font-family:ui-monospace,monospace;font-size:19px}.system-card footer{justify-content:space-between;gap:12px;padding-top:13px;color:var(--text-faint);font-size:9px}.system-card footer span{display:flex;align-items:center;gap:7px}.overview-columns,.finance-layout,.settings-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px}.activity-panel,.chart-panel,.event-panel,.timeline-panel,.settings-panel,.delivery-panel{min-width:0}.empty-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--text-faint);text-align:center}.empty-state.large{min-height:360px;border:1px dashed var(--line);border-radius:8px}.empty-state strong{color:var(--text-soft);font-size:12px}.empty-state span{font-size:10px}.attention-list,.mini-events{border-top:1px solid var(--line)}.attention-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 3px;border-bottom:1px solid var(--line-soft)}.attention-row>i{width:8px;height:8px;border-radius:50%;background:var(--yellow)}.attention-row>i.outage{background:var(--red)}.attention-row strong,.attention-row span{display:block}.attention-row strong{font-size:12px}.attention-row span{margin-top:3px;color:var(--text-faint);font-size:9px}.attention-row b{color:var(--yellow);font-family:ui-monospace,monospace;font-size:14px}.finance-brief{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.finance-brief div{padding:14px 11px;border-right:1px solid var(--line-soft)}.finance-brief div:first-child{padding-left:2px}.finance-brief div:last-child{border:0}.finance-brief span,.finance-brief strong{display:block}.finance-brief span{color:var(--text-faint);font-size:9px}.finance-brief strong{margin-top:7px;font-family:ui-monospace,monospace;font-size:16px}.mini-events>div{display:flex;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px solid var(--line-soft);color:var(--text-soft);font-size:10px}.mini-events time{color:var(--text-faint)}.control-row{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px}.segmented-control{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.segmented-control button,.theme-options button{height:31px;padding:0 12px;border:0;border-radius:6px;color:var(--text-soft);background:transparent;font-size:11px;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .1s ease}.segmented-control button:active,.theme-options button:active{transform:scale(.96)}.segmented-control button.active,.theme-options button.active{color:var(--text);background:var(--surface);box-shadow:0 1px 3px #00000017}.secondary-button,.primary-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border-radius:7px;font-size:11px;font-weight:650;cursor:pointer;transition:transform .1s ease,background-color .15s ease}.secondary-button{border:1px solid var(--line);background:var(--surface)}.primary-button{border:1px solid #101214;color:#fff;background:#17191c}[data-theme=dark] .primary-button{border-color:#e5e6e8;color:#151719;background:#eff0f1}.secondary-button:hover{background:var(--surface-hover)}.primary-button:hover{background:#282b2f}[data-theme=dark] .primary-button:hover{background:#d8dadd}.secondary-button:active,.primary-button:active{transform:scale(.97)}button:disabled{opacity:.48;cursor:not-allowed}.quiet-meta{display:inline-flex;align-items:center;gap:6px;color:var(--text-faint);font-size:10px}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(355px,1fr));gap:14px;align-items:start}.channel-card{min-width:0;padding:15px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.channel-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--teal) 30%,var(--line))}.channel-card.outage{border-color:color-mix(in srgb,var(--red) 55%,var(--line))}.channel-card.degraded{border-color:color-mix(in srgb,var(--yellow) 50%,var(--line))}.channel-card.compact{padding:13px}.channel-card.compact .metric-grid{margin-top:12px}.channel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-height:46px}.channel-identity{min-width:0}.channel-name-row{display:flex;align-items:center;gap:7px;min-width:0}.channel-name-row h3{margin:0;overflow:hidden;font-size:15px;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.channel-identity p{margin:5px 0 0;color:var(--text-faint);font-size:9px}.source-chip{display:inline-flex;align-items:center;min-height:21px;padding:0 6px;border-radius:5px;color:var(--teal);background:var(--teal-soft);font-size:9px;white-space:nowrap}.source-chip.video{color:var(--blue);background:var(--blue-soft)}.source-chip.monitor{color:var(--text-soft);background:var(--surface-soft)}.channel-actions{display:flex;align-items:center;gap:3px}.card-icon{width:27px;height:27px;border-color:transparent;color:var(--text-faint);background:transparent}.drag-handle{cursor:grab;touch-action:none}.drag-handle:active{cursor:grabbing}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.metric-grid>div{min-width:0;padding:12px 9px;border-right:1px solid var(--line-soft)}.metric-grid>div:first-child{padding-left:0}.metric-grid>div:last-child{padding-right:0;border:0}.metric-grid span,.metric-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-grid span{margin-bottom:7px;color:var(--text-faint);font-size:8px}.metric-grid strong{font-family:ui-monospace,monospace;font-size:15px;font-variant-numeric:tabular-nums}.rate-line{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px 0 13px;border-bottom:1px solid var(--line-soft)}.rate-line span{color:var(--text-faint);font-size:9px}.rate-line strong{font-family:ui-monospace,monospace;font-size:23px;line-height:1}.metric-grid strong.no-data{font-family:inherit;font-size:10px;white-space:normal;overflow-wrap:anywhere;line-height:1.5}.rate-line strong.no-data,.drawer-metrics strong.no-data{font-family:inherit;font-size:14px;line-height:1.4;color:var(--text-faint)}.trend-block{margin-top:13px}.trend-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:var(--text-faint);font-size:8px}.status-bars{--bar-count: 1;display:grid;grid-template-columns:repeat(var(--bar-count),minmax(2px,1fr));align-items:center;gap:2px;width:100%;height:29px;overflow:hidden}.status-bar{width:100%;min-width:2px;height:29px;padding:0;border:0;border-radius:2px;background:var(--text-faint);opacity:.92;cursor:default;transform-origin:center;transition:transform .12s ease,filter .12s ease,opacity .12s ease}.status-bar:hover,.status-bar:focus-visible{z-index:2;transform:scaleY(1.16);filter:brightness(1.08);opacity:1}.status-bar.operational,.status-bar.excellent{background:var(--green)}.status-bar.lightgreen{background:#77b950}.status-bar.degraded{background:#c5a000}.status-bar.outage{background:#dc4650}.status-bar.disabled,.status-bar.nodata{background:var(--text-faint);opacity:.42}.channel-footer{display:flex;align-items:center;gap:11px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line-soft);color:var(--text-faint);font-size:8px}.channel-footer button{margin-left:auto;padding:4px 0;border:0;color:var(--text-soft);background:transparent;font-size:9px;cursor:pointer}.channel-footer button:hover{color:var(--teal)}.drag-ghost{opacity:.32}.drag-chosen{transform:scale(.99);box-shadow:var(--shadow-lg)}.floating-tooltip{position:fixed;z-index:100;max-width:min(360px,calc(100vw - 24px));padding:9px 11px;border:1px solid #3b3f45;border-radius:7px;color:#f7f8f9;background:#1c1f23;box-shadow:0 12px 34px #00000047;font-size:10px;line-height:1.45;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(3px) scale(.98);transition:opacity .12s ease,transform .12s ease}.floating-tooltip.visible{opacity:1;transform:translateY(0) scale(1)}.drawer-layer{position:fixed;inset:0;z-index:80;display:flex;justify-content:flex-end;background:#06080a42;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.detail-drawer{width:min(520px,calc(100vw - 20px));height:100%;overflow:auto;padding:24px;border-left:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-lg);animation:drawer-in .34s cubic-bezier(.16,1,.3,1)}.detail-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.detail-drawer h2{margin:10px 0 0;font-size:22px}.detail-drawer header p{margin:5px 0 0;color:var(--text-faint);font-size:10px}.drawer-metrics{display:grid;grid-template-columns:repeat(2,1fr);margin-top:28px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.drawer-metrics>div{padding:15px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.drawer-metrics>div:nth-child(2n){border-right:0}.drawer-metrics>div:nth-last-child(-n+2){border-bottom:0}.drawer-metrics span,.drawer-metrics strong{display:block}.drawer-metrics span{color:var(--text-faint);font-size:9px}.drawer-metrics strong{margin-top:7px;font-family:ui-monospace,monospace;font-size:17px}.drawer-section{margin-top:28px}.drawer-section .status-bars,.drawer-section .status-bar{height:36px}.detail-list{margin-top:28px;border-top:1px solid var(--line)}.detail-list>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;padding:13px 0;border-bottom:1px solid var(--line-soft);font-size:10px}.detail-list span{color:var(--text-faint)}.detail-list strong{overflow-wrap:anywhere;font-weight:560}@keyframes drawer-in{0%{transform:translate(32px);opacity:0}to{transform:translate(0);opacity:1}}.date-control,.search-control{height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:7px;color:var(--text-soft);background:var(--surface)}.date-control input,.search-control input{min-width:0;padding:0;border:0;outline:0;color:var(--text);background:transparent;font-size:10px}.search-control{width:min(240px,100%)}.search-control input{width:100%}.quota-chart{width:100%;height:340px}.chart-panel,.event-panel{padding-top:2px}.event-panel{min-height:390px}.ranking-heading{align-items:center}.ranking-summary{min-height:36px;display:flex;align-items:center;gap:10px;padding:0 3px;border-top:1px solid var(--line);border-bottom:1px solid var(--line-soft);color:var(--text-faint);font-size:8px}.ranking-summary>span{font-weight:700}.ranking-summary>strong{color:var(--text-soft);font-size:9px;font-weight:590}.ranking-summary>button{margin-left:auto;padding:4px 0;border:0;color:var(--teal);background:transparent;font-size:9px;cursor:pointer}.customer-ranking{min-height:304px}.customer-rank-row{width:100%;min-height:60px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 3px;border:0;border-bottom:1px solid var(--line-soft);color:var(--text);background:transparent;text-align:left}button.customer-rank-row{cursor:pointer;transition:background-color .14s ease}button.customer-rank-row:hover{background:color-mix(in srgb,var(--surface-hover) 58%,transparent)}.rank-number{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;color:var(--text-faint);background:var(--surface-soft);font-family:ui-monospace,monospace;font-size:10px;font-weight:720;font-variant-numeric:tabular-nums}.rank-number.rank-1{color:#9a7200;background:#f8efc9}.rank-number.rank-2{color:#68717a;background:#edf0f2}.rank-number.rank-3{color:#9a6540;background:#f4e7dc}[data-theme=dark] .rank-number.rank-1{color:#e3c251;background:#393219}[data-theme=dark] .rank-number.rank-2{color:#c7ccd1;background:#303338}[data-theme=dark] .rank-number.rank-3{color:#d6a47f;background:#3b2b22}.rank-customer{min-width:0}.rank-customer>strong,.rank-customer>small{display:block}.rank-customer>strong{overflow:hidden;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.rank-customer>small{margin-top:4px;overflow:hidden;color:var(--text-faint);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.rank-customer .ledger-source{font-size:8px}.rank-progress{width:100%;height:2px;display:block;margin-top:7px;overflow:hidden;border-radius:1px;background:var(--surface-soft)}.rank-progress>i{height:100%;display:block;border-radius:inherit;background:var(--teal)}.rank-amount{text-align:right;white-space:nowrap}.rank-amount strong,.rank-amount small{display:block}.rank-amount strong{color:var(--green);font-family:ui-monospace,monospace;font-size:11px;font-variant-numeric:tabular-nums}.rank-amount small{margin-top:4px;color:var(--text-faint);font-size:8px}.ranking-empty{min-height:304px}.customer-drawer-summary{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.customer-drawer-summary>div{padding:14px 12px;border-right:1px solid var(--line-soft)}.customer-drawer-summary>div:first-child{padding-left:0}.customer-drawer-summary>div:last-child{border-right:0}.customer-drawer-summary span,.customer-drawer-summary strong{display:block}.customer-drawer-summary span{color:var(--text-faint);font-size:8px}.customer-drawer-summary strong{margin-top:6px;font-family:ui-monospace,monospace;font-size:16px;font-variant-numeric:tabular-nums}.customer-ranking.full{max-height:calc(100vh - 210px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.customer-ranking.full .customer-rank-row{min-height:58px}.ledger-heading{align-items:center}.ledger-controls{display:flex;align-items:center;gap:10px}.mini-segmented{height:28px;display:inline-flex;align-items:center;gap:1px;padding:2px;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft)}.mini-segmented button{height:22px;padding:0 8px;border:0;border-radius:5px;color:var(--text-faint);background:transparent;font-size:9px;cursor:pointer;transition:color .14s ease,background-color .14s ease,transform .1s ease}.mini-segmented button:hover{color:var(--text)}.mini-segmented button:active{transform:scale(.96)}.mini-segmented button.active{color:var(--text);background:var(--surface);box-shadow:0 1px 3px #00000014}.ledger-viewport{position:relative;border-top:1px solid var(--line)}.ledger-viewport:after{content:"";position:absolute;inset:auto 0 0;height:20px;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--page));opacity:.8}.cash-ledger{max-height:340px;overflow:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.cash-ledger::-webkit-scrollbar{width:5px}.cash-ledger::-webkit-scrollbar-thumb{border-radius:3px;background:var(--line)}.ledger-columns,.cash-row{display:grid;grid-template-columns:62px minmax(110px,1fr) minmax(72px,auto) auto;align-items:center;gap:12px}.ledger-columns{position:sticky;top:0;z-index:2;min-height:30px;padding:0 3px;color:var(--text-faint);background:color-mix(in srgb,var(--page) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:8px}.ledger-columns span:last-child{text-align:right}.cash-row{width:100%;min-height:59px;padding:8px 3px;border:0;border-bottom:1px solid var(--line-soft);color:var(--text);background:transparent;text-align:left;cursor:pointer;transition:background-color .14s ease}.cash-row:hover{background:color-mix(in srgb,var(--surface-hover) 58%,transparent)}.cash-row:active{background:var(--surface-hover)}.cash-row time span,.cash-row time strong,.ledger-account strong,.ledger-account small{display:block}.cash-row time span{color:var(--text-faint);font-size:8px}.cash-row time strong{margin-top:3px;color:var(--text-soft);font-family:ui-monospace,monospace;font-size:10px;font-weight:580;font-variant-numeric:tabular-nums}.ledger-account{min-width:0}.ledger-account strong{overflow:hidden;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.ledger-account small{margin-top:4px;color:var(--text-faint);font-size:8px}.ledger-source{display:inline-flex;align-items:center;gap:6px;color:var(--text-soft);font-size:8px;white-space:nowrap}.ledger-source i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--teal)}.ledger-source i.video{background:var(--blue)}.cash-row>b{color:var(--green);font-family:ui-monospace,monospace;font-size:11px;font-weight:680;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.ledger-empty{border-top:1px solid var(--line)}.finance-detail-amount{margin-top:32px;padding:20px 0 23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.finance-detail-amount span,.finance-detail-amount strong{display:block}.finance-detail-amount span{color:var(--text-faint);font-size:9px}.finance-detail-amount strong{margin-top:8px;color:var(--green);font-family:ui-monospace,monospace;font-size:32px;font-variant-numeric:tabular-nums}.transaction-details{margin:0}.transaction-details>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line-soft)}.transaction-details dt{color:var(--text-faint);font-size:9px}.transaction-details dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--text);font-size:10px;font-weight:580;text-align:right}.transaction-details dd .ledger-source{justify-content:flex-end;font-size:10px}.table-panel{position:relative}.table-heading{align-items:center}.data-table-wrap{overflow:auto;border-top:1px solid var(--line)}.data-table{min-width:740px}.data-table td strong{color:var(--text)}.loading-overlay{position:absolute;inset:42px 0 0;display:grid;place-items:center;color:var(--text-soft);background:color-mix(in srgb,var(--page) 72%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:10px}.model-table,.data-table{width:100%;border-collapse:collapse}.model-table th,.model-table td,.data-table th,.data-table td{padding:11px 10px;border-bottom:1px solid var(--line-soft);text-align:left;font-size:10px}.model-table th,.data-table th{color:var(--text-faint);font-weight:600}.model-table td,.data-table td{color:var(--text-soft)}.model-table td strong{color:var(--text)}.notification-overview{display:grid;grid-template-columns:minmax(300px,1.4fr) .45fr .45fr auto;align-items:stretch;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-sm)}.mail-config{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px 16px;border-right:1px solid var(--line-soft)}.mail-icon,.info-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:var(--blue);background:var(--blue-soft)}.mail-config div>span,.mail-config div>strong,.mail-config small{display:block}.mail-config div>span{color:var(--text-faint);font-size:8px}.mail-config div>strong{margin-top:3px;font-size:12px}.mail-config small{margin-top:3px;overflow:hidden;color:var(--text-soft);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.delivery-number{display:flex;flex-direction:column;justify-content:center;padding:13px 16px;border-right:1px solid var(--line-soft)}.delivery-number span{color:var(--text-faint);font-size:8px}.delivery-number strong{margin-top:5px;font-family:ui-monospace,monospace;font-size:19px}.notification-overview>.primary-button{align-self:center;margin:0 14px}.settings-layout{align-items:start}.toggle-list{border-top:1px solid var(--line)}.toggle-row{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line-soft);cursor:pointer}.toggle-row div strong,.toggle-row div span{display:block}.toggle-row div strong{font-size:11px}.toggle-row div span{margin-top:3px;color:var(--text-faint);font-size:9px}.toggle-row input,.inline-toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-row>i,.inline-toggle i{position:relative;width:34px;height:20px;flex:0 0 auto;border-radius:10px;background:var(--surface-hover);transition:background-color .16s ease}.toggle-row>i:after,.inline-toggle i:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000003d;transition:transform .22s cubic-bezier(.16,1,.3,1)}.toggle-row input:checked+i,.inline-toggle input:checked+i{background:var(--green)}.toggle-row input:checked+i:after,.inline-toggle input:checked+i:after{transform:translate(14px)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.field-grid>label>span{display:block;margin-bottom:7px;color:var(--text-soft);font-size:9px}.field-grid input{width:100%;height:35px;padding:0 10px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--surface-soft);font-size:10px}.suffix-input{position:relative}.suffix-input input{padding-right:36px}.suffix-input span{position:absolute;top:50%;right:10px;color:var(--text-faint);font-size:9px;transform:translateY(-50%)}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line-soft)}.form-footer>span{color:var(--green);font-size:9px}.delivery-list{max-height:588px;overflow:auto;border-top:1px solid var(--line)}.delivery-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 2px;border-bottom:1px solid var(--line-soft)}.delivery-row svg{margin-top:1px}.success-icon{color:var(--green)}.danger-icon{color:var(--red)}.delivery-row strong,.delivery-row span,.delivery-row small{display:block}.delivery-row strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.delivery-row span{margin-top:4px;color:var(--text-faint);font-size:8px}.delivery-row small{margin-top:4px;color:var(--red);font-size:8px}.delivery-row time{color:var(--text-faint);font-size:8px;white-space:nowrap}.activity-timeline{position:relative;max-width:980px;padding-left:12px}.activity-timeline:before{content:"";position:absolute;top:19px;bottom:19px;left:27px;width:1px;background:var(--line)}.activity-timeline article{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:10px 0 18px}.activity-icon{z-index:1;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:var(--text-soft);background:var(--surface-soft);box-shadow:0 0 0 5px var(--page)}.activity-icon.outage{color:var(--red);background:var(--red-soft)}.activity-icon.degraded{color:var(--yellow);background:var(--yellow-soft)}.activity-icon.operational{color:var(--green);background:var(--green-soft)}.activity-timeline header{display:flex;align-items:center;gap:8px}.activity-timeline header strong{font-size:11px}.activity-timeline p{margin:6px 0;color:var(--text-soft);font-family:ui-monospace,monospace;font-size:9px;line-height:1.6;overflow-wrap:anywhere}.activity-timeline time{color:var(--text-faint);font-size:8px}.settings-page{display:grid;gap:34px;max-width:940px}.saved-indicator{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-size:9px}.setting-group,.info-row{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line-soft)}.setting-copy{min-width:0}.setting-copy strong,.setting-copy span,.info-row div strong,.info-row div span{display:block}.setting-copy strong,.info-row div strong{font-size:11px}.setting-copy span,.info-row div span{margin-top:4px;color:var(--text-faint);font-size:9px}.theme-options{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.theme-options button{display:inline-flex;align-items:center;gap:6px}.inline-toggle{cursor:pointer}.inline-toggle i{display:block}.info-row{justify-content:flex-start}.info-row>b,.info-row>.status-chip{margin-left:auto}.info-row>b{color:var(--text-soft);font-size:10px}.safety-note{margin:14px 0 0;padding:11px 12px;border:1px solid var(--line);border-radius:7px;color:var(--text-soft);background:var(--surface-soft);font-size:9px;line-height:1.6}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--page)}.login-panel{width:min(100%,390px);padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(26px) saturate(150%);backdrop-filter:blur(26px) saturate(150%)}.login-brand{display:flex;align-items:center;gap:9px}.login-brand>img{width:34px;height:34px;display:block;object-fit:contain}.login-brand strong{font-size:12px}.login-copy{margin:44px 0 30px}.login-copy h1{margin:0;font-size:30px;line-height:1.1;font-weight:740}.login-copy p{margin:10px 0 0;color:var(--text-soft);font-size:11px}.login-panel label{display:block;margin-bottom:8px;color:var(--text-soft);font-size:10px}.key-field{height:46px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 5px 0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);transition:border-color .15s ease,box-shadow .15s ease}.key-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 12%,transparent)}.key-field.invalid{border-color:var(--red)}.key-field>svg{color:var(--text-faint)}.key-field input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:12px}.key-field button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:7px;color:#fff;background:#17191c;cursor:pointer}.field-error{margin:8px 0 0;color:var(--red);font-size:9px}.login-panel>footer{display:flex;align-items:center;gap:7px;margin-top:34px;color:var(--text-faint);font-size:9px}.login-panel>footer i{width:7px;height:7px;border-radius:50%;background:var(--green)}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-nav{display:none}@media(max-width:1080px){.overview-columns,.finance-layout,.settings-layout{grid-template-columns:1fr}.notification-overview{grid-template-columns:minmax(270px,1fr) .4fr .4fr}.notification-overview>.primary-button{grid-column:1 / -1;margin:12px}}@media(max-width:780px){.sidebar{display:none}.main-area{margin-left:0}.topbar{height:64px;padding:0 16px}.page-content{width:calc(100% - 24px);padding:14px 0 86px}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-strip>div:nth-child(2){border-right:0}.summary-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}.system-grid,.channel-grid{grid-template-columns:1fr}.control-row{align-items:stretch;flex-direction:column}.control-actions{justify-content:space-between}.mobile-nav{position:fixed;z-index:50;inset:auto 10px 10px;height:58px;display:grid;grid-template-columns:repeat(5,1fr);padding:5px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-raised) 93%,transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:6px;color:var(--text-faint);font-size:8px}.mobile-nav a.router-link-active{color:var(--teal);background:var(--surface-soft)}.notification-overview{grid-template-columns:1fr 1fr}.mail-config{grid-column:1 / -1;border-right:0;border-bottom:1px solid var(--line-soft)}.delivery-number:nth-child(3){border-right:0}.field-grid{grid-template-columns:1fr}}@media(max-width:520px){.topbar p{display:none}.summary-strip strong{font-size:19px}.system-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.system-stats div{padding:0 8px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid>div:nth-child(2){border-right:0}.metric-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}.segmented-control{width:100%}.segmented-control button{flex:1;padding:0 8px}.floating-tooltip{white-space:normal}.finance-brief{grid-template-columns:1fr}.finance-brief div,.finance-brief div:first-child{padding:12px 2px;border-right:0;border-bottom:1px solid var(--line-soft)}.detail-drawer{width:100vw;padding:18px}.ranking-heading{align-items:flex-start}.ranking-heading .mini-segmented{flex:0 0 auto}.customer-rank-row{grid-template-columns:25px minmax(0,1fr) auto;gap:8px}.rank-number{width:22px;height:22px}.customer-drawer-summary>div{padding:12px 8px}.customer-drawer-summary strong{font-size:14px}.customer-ranking.full{max-height:calc(100vh - 190px)}.ledger-heading{align-items:flex-start}.ledger-controls{align-items:flex-end;flex-direction:column-reverse;gap:5px}.ledger-columns,.cash-row{grid-template-columns:54px minmax(0,1fr) auto}.ledger-columns span:nth-child(3){display:none}.cash-row{grid-template-areas:"time account amount" ". source amount";gap:3px 10px;padding:10px 3px}.cash-row time{grid-area:time;align-self:start}.ledger-account{grid-area:account}.ledger-source{grid-area:source}.cash-row>b{grid-area:amount}.cash-ledger{max-height:390px}.finance-detail-amount strong{font-size:27px}.theme-options button{padding:0 9px}}@media(prefers-reduced-motion:reduce){.detail-drawer{animation:none}.cash-row,.customer-rank-row,.mini-segmented button{transition:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.detail-drawer{animation:none}}@media(prefers-reduced-transparency:reduce){.sidebar,.topbar,.mobile-nav,.login-panel{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}