:root{color:#172342;font-synthesis:none;--navy:#172342;--navy-soft:#24325c;--accent:#f58a2b;--primary:#6675d4;--line:#dfe5ef;--muted:#76829c;--panel:#fff;--page-gap:clamp(12px, 1.5vw, 24px);background:#f2f5fa;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{max-width:100%;overflow-x:hidden}body{background:#f2f5fa;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar{z-index:50;color:#fff;background:linear-gradient(110deg,#172342 0%,#273867 70%,#2e4077 100%);align-items:center;gap:18px;height:64px;padding:0 20px;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 8px 28px #141f3d2e}.menu-button{color:#fff;background:0 0;border:1px solid #fff3;border-radius:9px;width:38px;height:38px}.brand{color:#fff;align-items:baseline;gap:8px;text-decoration:none;display:flex}.brand strong{color:#ffad62;font-size:23px}.brand span{font-weight:700}.brand em{background:#ffffff1f;border-radius:5px;padding:2px 6px;font-size:10px;font-style:normal}.topbar-status{border:1px solid #fff3;border-radius:8px;gap:9px;margin-left:auto;padding:7px 12px;font-size:12px;display:flex}.topbar-status strong{color:#62d5a3}.user-chip{color:#fff;background:0 0;border:0;align-items:center;gap:8px;display:flex}.user-chip>span{background:linear-gradient(145deg,#7889eb,#f58a2b);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.user-chip strong{text-align:left;display:grid}.user-chip small{color:#ffffff9e;font-weight:400}.side-nav{z-index:40;color:#bdc6d9;background:#17213b;flex-direction:column;gap:7px;width:210px;padding:22px 10px;display:flex;position:fixed;inset:64px auto 0 0}.side-nav button{min-height:46px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:0 16px;display:flex}.side-nav button.active,.side-nav button:hover{color:#fff;background:#334479}.side-nav button.active{box-shadow:inset 3px 0 var(--accent)}.workspace{min-width:0;min-height:100vh;margin-left:210px;padding-top:64px}.app-shell.nav-compact .side-nav{width:68px;padding-inline:8px}.app-shell.nav-compact .side-nav button{justify-content:center;padding-inline:0;font-size:19px}.app-shell.nav-compact .side-nav button span{display:none}.app-shell.nav-compact .workspace{margin-left:68px}.page-content{min-width:0;max-width:100%;padding:var(--page-gap)}.page-heading{background:linear-gradient(100deg,#fffaf5,#fff 32%,#fbfcff);border:1px solid #e2e6ef;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;min-height:112px;padding:22px 26px;display:flex;box-shadow:0 8px 28px #24325c0d}.page-heading>div{min-width:0}.page-heading h1{margin:3px 0 4px;font-size:clamp(22px,2vw,30px)}.page-heading p{color:var(--muted);margin:0}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800;color:var(--accent)!important}.filter-toggle{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:8px;flex:none;padding:10px 14px;display:none}.source-tabs{background:#e9edf5;border-radius:10px;gap:4px;max-width:100%;margin:14px 0;padding:5px;display:inline-flex;overflow-x:auto}.source-tabs button{color:#66718a;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;min-width:104px;padding:9px 13px}.source-tabs button.active{color:#fff;background:var(--navy-soft);box-shadow:0 4px 12px #24325c2e}.dataset-switcher{grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;margin-bottom:16px;display:grid}.dataset-card{text-align:left;border:1px solid #dfe4ee;border-top:3px solid var(--accent);cursor:pointer;background:#fff;border-radius:12px;gap:5px;min-height:104px;padding:16px 18px;display:grid;box-shadow:0 8px 20px #23325b0d}.dataset-card:hover{border-color:#f2ad72;transform:translateY(-1px)}.dataset-card strong{font-size:17px}.dataset-card span{color:var(--muted);font-size:13px}.dataset-card em{color:var(--primary);font-size:12px;font-style:normal;font-weight:700}.billing-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.billing-panel,.filter-panel,.cost-card,.cost-filter-bar{background:#fff;border:1px solid #e2e7f0;border-radius:14px;box-shadow:0 9px 30px #1f2d4d0e}.billing-panel{min-width:0;overflow:hidden}.panel-toolbar{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:15px 20px;display:flex}.panel-toolbar h2{margin:0 0 5px;font-size:17px}.version-note{color:var(--muted);margin:0;font-size:12px}.toolbar-summary{white-space:nowrap;align-items:center;gap:14px;font-size:13px;display:flex}.primary-action{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:7px;padding:8px 13px;box-shadow:0 4px 12px #6675d440}.primary-action:disabled{opacity:.55}.export-progress{color:#53617b;background:#f1f4fa;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:flex}.export-progress code{text-overflow:ellipsis;max-width:110px;overflow:hidden}.export-published{color:#187650;background:#e9f8f1}.export-failed{color:#b13939;background:#fff0f0}.filter-panel{position:sticky;top:80px;overflow:hidden}.filter-panel>header{background:linear-gradient(110deg,#f7f8fd,#fffaf6);border-bottom:1px solid #e8ecf3;justify-content:space-between;align-items:center;height:54px;padding:0 16px;display:flex}.filter-panel>header button{background:0 0;border:0;font-size:24px;display:none}.page-filter-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;min-width:0;display:grid}.page-filter-main{gap:16px;min-width:0;display:grid}.page-filter-toggle{justify-self:end}.filter-panel-body{max-height:calc(100vh - 150px);overflow-y:auto}.page-filter-panel .business-filters,.page-filter-panel .cost-filter-bar{box-shadow:none;border:0;border-radius:0;grid-template-columns:1fr;align-items:stretch;margin:0;padding:18px}.page-filter-panel .business-filters>p{grid-column:auto;line-height:1.55}.record-actions{justify-content:flex-end;gap:8px;display:flex}.unified-filters{gap:16px;padding:18px;display:grid}.unified-filters label,.cost-filter-bar label{color:#4c5870;gap:7px;font-size:13px;font-weight:700;display:grid}.unified-filters input,.unified-filters select,.cost-filter-bar input,.cost-filter-bar select{background:#fff;border:1px solid #d7ddea;border-radius:7px;outline:none;width:100%;min-height:38px;padding:8px 10px}.unified-filters input:focus,.cost-filter-bar input:focus,.cost-filter-bar select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6675d41f}.search-field{align-items:center;display:flex;position:relative}.search-field>span{color:#7a859b;position:absolute;left:10px}.search-field input{padding-left:30px}.filter-hint{color:#929bad;margin:0;font-size:12px;line-height:1.5}.billing-table-wrap{max-width:100%;overflow:auto}.billing-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:770px}.billing-table th{z-index:5;color:#4d5870;text-align:left;background:#f7f9fc;height:48px;padding:0 12px;font-size:13px;position:sticky;top:0}.billing-table td{background:#fff;border-top:1px solid #edf0f5;height:58px;padding:8px 12px;font-size:13px}.billing-table tbody tr:hover td{background:#f8faff}.selection-column{width:46px;text-align:center!important}.selection-column[data-sticky-column]{left:0}.account-column{width:154px;left:46px}.customer-column{width:var(--customer-width);left:200px}.billing-table [data-sticky-column]{z-index:4;position:sticky}.billing-table th[data-sticky-column]{z-index:7}.billing-table td[data-sticky-column=customer],.billing-table th[data-sticky-column=customer]{box-shadow:8px 0 14px -14px #172342}.amount-column{white-space:nowrap;width:156px;text-align:right!important}.open-column{width:52px;text-align:center!important}.column-resizer{z-index:8;cursor:col-resize;touch-action:none;background:0 0;border:0;border-left:2px solid #0000;width:9px;position:absolute;inset:7px -4px 7px auto}.column-resizer:hover{border-color:var(--primary)}.copy-id,.mobile-id{color:#1769d2;cursor:copy;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-flex}.row-open{width:30px;height:30px;color:var(--primary);cursor:pointer;background:#fff;border:1px solid #d8deeb;border-radius:7px;font-size:22px}.billing-mobile-list{display:none}.pagination{color:#68748d;border-top:1px solid #edf0f5;justify-content:flex-end;align-items:center;gap:10px;min-height:62px;padding:10px 18px;font-size:13px;display:flex}.pagination>span:first-child{margin-right:auto}.pagination button,.pagination select{background:#fff;border:1px solid #d9dfeb;border-radius:7px;padding:7px 10px}.pagination button:disabled{opacity:.4}.state-panel{color:var(--muted);text-align:center;background:#fafbfe;border:1px dashed #d9dfeb;border-radius:10px;margin:18px;padding:26px}.state-error{color:#a73737;background:#fff5f5;border-color:#efcaca}.table-skeleton{gap:10px;padding:16px;display:grid}.table-skeleton span{background:linear-gradient(90deg,#f2f4f8,#e8ecf4,#f2f4f8) 0 0/200% 100%;border-radius:8px;height:44px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.detail-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f183052;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail-drawer{background:#fff;width:min(1080px,100vw - 90px);height:100%;overflow:auto;box-shadow:-16px 0 50px #0e172f2e}.detail-drawer>header{z-index:20;border-bottom:1px solid var(--line);background:#fffffff5;justify-content:space-between;align-items:center;min-height:74px;padding:14px 20px;display:flex;position:sticky;top:0}.detail-drawer h2{margin:3px 0 0}.detail-drawer small{color:#1769d2;font-family:monospace}.detail-drawer>header button{border:1px solid var(--line);background:#fff;border-radius:8px;width:36px;height:36px;font-size:24px}.detail-total{color:#fff;background:linear-gradient(100deg,#24325c,#5e6dca);border-radius:10px;justify-content:space-between;margin:18px 20px;padding:18px;display:flex}.bill-tree{border:1px solid #dfe4ed;border-radius:9px;margin:0 20px 30px;overflow:hidden}.bill-tree-header,.bill-tree-row{grid-template-columns:minmax(360px,1fr) 180px 160px;align-items:center;display:grid}.bill-tree-header{color:#4e5b72;background:#f3f5f9;min-height:42px;font-size:12px;font-weight:800}.bill-tree-header span,.bill-tree-row>span,.bill-tree-row>strong{padding:9px 12px}.bill-tree-header span:last-child{text-align:right}.bill-tree-row{border-top:1px solid #e7eaf0;min-height:42px;font-size:12px;list-style:none}.bill-tree-row::-webkit-details-marker{display:none}.bill-tree-label{overflow-wrap:anywhere;padding-left:calc(12px + var(--tree-depth) * 20px)!important}details>summary .bill-tree-label:before{content:"▸";color:#52617c;width:16px;display:inline-block}details[open]>summary .bill-tree-label:before{content:"▾"}.bill-tree-usage{color:#63708a}.bill-tree-amount{text-align:right;white-space:nowrap}.bill-tree-service>summary,.bill-tree-section>summary{background:#fafbfe;font-weight:800}.cost-filter-bar{grid-template-columns:150px minmax(220px,1fr) 160px 160px auto;align-items:end;gap:12px;margin:14px 0;padding:16px;display:grid}.segmented{height:38px;display:flex}.segmented button{background:#fff;border:1px solid #d7ddea;min-width:70px}.segmented button:first-child{border-radius:7px 0 0 7px}.segmented button:last-child{border-radius:0 7px 7px 0}.segmented button.active{color:#fff;border-color:var(--primary);background:var(--primary)}.cost-card{padding:20px}.cost-card>header{justify-content:space-between;align-items:baseline;display:flex}.cost-card h2{margin:0}.cost-card header span{color:var(--muted);font-size:12px}.cost-bars{border-bottom:1px solid var(--line);align-items:end;gap:8px;height:280px;margin:24px 0;padding:12px 4px 0;display:flex;overflow-x:auto}.cost-bar-item{text-align:center;grid-template-rows:1fr auto auto;gap:5px;min-width:64px;height:100%;display:grid}.cost-bar{justify-content:center;align-items:end;display:flex}.cost-bar i{width:32px;height:var(--bar-height);background:linear-gradient(#7887e0,#5366c8);border-radius:5px 5px 0 0;min-height:2px}.cost-bar-item small{color:var(--muted)}.cost-bar-item strong{text-overflow:ellipsis;white-space:nowrap;max-width:84px;font-size:10px;overflow:hidden}.cost-table-wrap{overflow:auto}.cost-table{border-collapse:collapse;width:100%;min-width:620px}.cost-table th,.cost-table td{text-align:left;border-bottom:1px solid #e8ebf1;padding:11px 12px;font-size:13px}.cost-table td:last-child,.cost-table th:last-child{text-align:right}.account360-page{gap:16px;display:grid}.account360-heading{background:linear-gradient(105deg,#fffaf5,#fff 32%,#f8f9ff);border:1px solid #e2e6ef;border-radius:14px;justify-content:space-between;align-items:center;gap:22px;min-height:130px;padding:22px 26px;display:flex;box-shadow:0 8px 28px #24325c0d}.account360-heading h1{margin:0;font-size:clamp(24px,2vw,32px)}.account360-title{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.account360-title>span{color:#5363bd;background:#f2f4ff;border:1px solid #d9dff1;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800}.account360-copy{margin-top:10px;font-size:13px}.account360-actions{align-items:end;gap:10px;display:flex}.account360-actions label{color:#68748d;gap:6px;font-size:12px;font-weight:700;display:grid}.account360-actions input,.account360-actions button{background:#fff;border:1px solid #d7ddea;border-radius:7px;min-height:38px;padding:7px 11px}.account360-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.account360-metrics article{background:#fff;border:1px solid #e1e6ef;border-radius:13px;align-content:center;gap:7px;min-height:122px;padding:18px 20px;display:grid;box-shadow:0 7px 22px #2230560b}.account360-metrics span,.account360-metrics small{color:var(--muted)}.account360-metrics span{font-size:13px}.account360-metrics strong{overflow-wrap:anywhere;font-size:clamp(19px,2vw,27px)}.account360-metrics small{line-height:1.45}.metric-up{color:#d24e45}.metric-down,.metric-ok{color:#129b6b}.account360-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.9fr);gap:16px;display:grid}.account360-card{background:#fff;border:1px solid #e1e6ef;border-radius:13px;min-width:0;box-shadow:0 7px 22px #2230560b}.account360-card>header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:14px 18px;display:flex}.account360-card h2{margin:0 0 4px;font-size:16px}.account360-card header p{color:var(--muted);margin:0;font-size:12px}.account360-card header button{color:#5363bd;cursor:pointer;background:0 0;border:0}.account360-bars{align-items:end;gap:clamp(4px,1vw,12px);height:245px;padding:20px 18px 12px;display:flex;overflow-x:auto}.account360-bar-item{text-align:center;flex:1 0 18px;grid-template-rows:1fr auto;align-items:end;gap:7px;min-width:18px;height:100%;display:grid}.account360-bar-item i{width:min(28px,100%);height:var(--account-bar-height);background:linear-gradient(#7e8ce1,#5366c8);border-radius:4px 4px 1px 1px;min-height:3px;margin:0 auto}.account360-bar-item small{color:#8a94a8;font-size:10px}.account360-services ol{margin:0;padding:0 18px 10px;list-style:none}.account360-services li{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:12px;min-height:47px;font-size:13px;display:flex}.account360-services li:last-child{border-bottom:0}.account360-services li span{overflow-wrap:anywhere}.account360-services li strong{flex:none}.account360-bill{overflow:hidden}.account360-bill>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:15px;min-height:68px;padding:13px 18px;list-style:none;display:flex}.account360-bill>summary::-webkit-details-marker{display:none}.account360-bill>summary>span:first-child{gap:4px;display:grid}.account360-bill>summary small{color:var(--muted)}.account360-bill>.bill-tree{margin-top:0}.business-page{gap:16px;display:grid}.business-filters{background:#fff;border:1px solid #e1e6ef;border-radius:13px;grid-template-columns:minmax(260px,1.7fr) repeat(3,minmax(140px,.7fr));align-items:end;gap:12px;padding:15px 16px;display:grid;box-shadow:0 7px 22px #2230560b}.business-filters label{color:#4d5870;gap:7px;font-size:12px;font-weight:800;display:grid}.business-filters input,.business-filters select,.business-form input,.business-form select,.business-form textarea{background:#fff;border:1px solid #d7ddea;border-radius:7px;outline:none;width:100%;min-height:38px;padding:8px 10px}.business-filters input:focus,.business-filters select:focus,.business-form input:focus,.business-form select:focus,.business-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6675d41f}.business-filters>p{color:var(--muted);grid-column:1/-1;margin:0;font-size:11px}.business-table-card{background:#fff;border:1px solid #e1e6ef;border-radius:13px;min-width:0;overflow:hidden;box-shadow:0 7px 22px #2230560b}.business-table-card>header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:15px;min-height:62px;padding:13px 18px;display:flex}.business-table-card h2{margin:0;font-size:17px}.business-table-card>header span{color:var(--muted);font-size:12px}.business-table-wrap{max-width:100%;overflow:auto}.business-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1280px}.business-table th,.business-table td{text-align:left;border-bottom:1px solid #edf0f5;height:52px;padding:8px 11px;font-size:12px}.business-table th{z-index:4;color:#4d5870;background:#f7f9fc;position:sticky;top:0}.business-table td{background:#fff}.business-table tr:hover td{background:#f8faff}.business-table .biz-account{z-index:5;width:154px;position:sticky;left:0}.business-table .biz-customer{z-index:5;width:190px;position:sticky;left:154px;box-shadow:8px 0 14px -14px #172342}.business-table th.biz-account,.business-table th.biz-customer{z-index:7;background:#f7f9fc}.payment-table{min-width:1500px}.commission-table{min-width:1900px}.row-actions{gap:6px;display:flex}.row-actions button{color:#5263bf;white-space:nowrap;background:#fff;border:1px solid #d7ddea;border-radius:6px;padding:5px 8px}.status-pill{color:#505f80;white-space:nowrap;background:#eef1f7;border-radius:999px;padding:3px 7px;font-size:11px;display:inline-flex}.status-pill.prepaid{color:#ad3d38;background:#fff0ef}.status-pill.postpaid{color:#9a6412;background:#fff7df}.status-pill.received{color:#13764f;background:#e8f8f0}.status-pill.pending{color:#b16a18;background:#fff3df}.negative-money{color:#d54545;font-weight:800}.cell-label{color:var(--muted);margin-top:3px;font-weight:400;display:block}.incomplete-money{color:#a15e17;font-weight:800}.incomplete-money small{color:var(--muted);margin-top:3px;font-weight:400;display:block}.business-drawer{background:#fff;width:min(520px,96vw);height:100%;overflow:auto;box-shadow:-16px 0 50px #0e172f2e}.business-drawer.compact{width:min(440px,96vw)}.business-drawer>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:74px;padding:14px 20px;display:flex}.business-drawer h2{margin:3px 0 0}.business-drawer small{color:#1769d2;font-family:monospace}.business-drawer>header button{border:1px solid var(--line);background:#fff;border-radius:8px;width:36px;height:36px;font-size:24px}.business-form{gap:14px;padding:20px;display:grid}.business-form label{color:#4d5870;gap:6px;font-size:12px;font-weight:800;display:grid}.business-form textarea{resize:vertical;min-height:90px}.drawer-note{color:#59657d;background:#f3f5fa;border-radius:7px;margin:0;padding:10px 12px;font-size:12px;line-height:1.55}.drawer-actions{justify-content:flex-end;gap:9px;display:flex}.drawer-actions button{background:#fff;border:1px solid #d7ddea;border-radius:7px;padding:8px 12px}.drawer-actions .primary-action{color:#fff;border-color:var(--primary);background:var(--primary)}.commission-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.commission-metrics article{background:#fff;border:1px solid #e1e6ef;border-radius:12px;align-content:center;gap:7px;min-height:104px;padding:17px 19px;display:grid}.commission-metrics span{color:var(--muted);font-size:12px}.commission-metrics strong{font-size:24px}.commission-filters{grid-template-columns:170px minmax(240px,1.6fr) repeat(3,minmax(140px,.7fr))}.formula-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.formula-grid article{background:#fff;border:1px solid #e1e6ef;border-radius:11px;padding:14px 16px}.formula-grid header{justify-content:space-between;align-items:center;gap:10px;display:flex}.formula-grid p{color:#536079;margin:9px 0 0;font-size:12px;line-height:1.6}.missing-tags{flex-wrap:wrap;gap:4px;display:flex}.missing-tags span{color:#a25c10;background:#fff3df;border-radius:4px;padding:2px 5px;font-size:10px}.notification-shell{flex:none;position:relative}.notification-bell{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff38;border-radius:9px;place-items:center;width:38px;height:38px;display:grid;position:relative}.notification-bell>span{font-size:18px}.notification-bell>strong{color:#fff;background:#ef4e4e;border:2px solid #273867;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:9px;display:grid;position:absolute;top:-7px;right:-8px}.notification-popover{z-index:120;width:min(430px,100vw - 24px);max-height:min(690px,100vh - 72px);color:var(--ink);background:#fff;border:1px solid #dce2ee;border-radius:13px;position:fixed;top:56px;right:72px;overflow:hidden;box-shadow:0 18px 56px #0e172f3d}.notification-popover>header{border-bottom:1px solid #e8ebf2;justify-content:space-between;align-items:center;min-height:67px;padding:12px 15px;display:flex}.notification-popover h2{margin:2px 0 0;font-size:17px}.notification-popover header small{color:var(--muted)}.notification-popover header button{border:1px solid var(--line);background:#fff;border-radius:7px;width:32px;height:32px;font-size:21px}.notification-note{color:#647089;background:#f5f7fb;margin:0;padding:9px 15px;font-size:11px}.notification-error{color:#a73737;background:#fff2f2;padding:8px 15px;font-size:12px}.notification-list{max-height:calc(min(690px,100vh - 72px) - 108px);overflow:auto}.notification-list article{border-bottom:1px solid #e9edf4;border-left:3px solid #e39b34;gap:6px;padding:14px 15px;display:grid}.notification-list article.critical{border-left-color:#e24e4e}.notification-list article.read{opacity:.68}.notification-list article>div,.notification-list footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.notification-list article>div span{color:#9a6412;background:#fff3df;border-radius:999px;padding:2px 6px;font-size:10px}.notification-list time{color:var(--muted);font-size:10px}.notification-list h3{margin:0;font-size:14px}.notification-list h3 small{color:#1769d2;margin-left:7px;font-family:monospace;font-weight:400}.notification-list article>strong{color:#bd4640;font-size:12px}.notification-list article p{color:#5d687e;margin:0;font-size:12px;line-height:1.55}.notification-list footer button{color:#5061bd;background:#fff;border:1px solid #d8deea;border-radius:6px;padding:5px 8px}.notification-list footer span{color:var(--muted);font-size:11px}.notification-empty{color:var(--muted);text-align:center;padding:38px 18px}.source-health-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.source-health{background:#fff;border:1px solid #dfe4ed;border-top:3px solid #42b883;border-radius:11px;min-width:0;padding:14px 15px}.source-health.stale{border-top-color:#e0a240}.source-health.syncing{border-top-color:#6076d5}.source-health.failed,.source-health.unavailable{border-top-color:#df5952}.source-health header{justify-content:space-between;align-items:center;gap:8px;display:flex}.source-health header span{color:#13764f;background:#e8f8f0;border-radius:999px;padding:2px 7px;font-size:10px}.source-health.stale header span{color:#9a6412;background:#fff3df}.source-health.failed header span,.source-health.unavailable header span{color:#b43e3a;background:#fff0ef}.source-health p{color:#4f5c75;margin:9px 0 3px;font-size:12px}.source-health small{color:var(--muted);font-size:10px}.source-health em{color:#b43e3a;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:10px;font-style:normal;display:block;overflow:hidden}.monitoring-filters{grid-template-columns:minmax(260px,1.7fr) repeat(3,minmax(130px,.7fr)) auto}.toggle-filter{white-space:nowrap;border:1px solid #d7ddea;border-radius:7px;align-items:center;min-height:38px;padding:0 10px;flex-direction:row!important;display:flex!important}.toggle-filter input{width:16px;min-height:auto;margin:0}.monitoring-table{min-width:1420px}.monitoring-table th:nth-child(6){width:330px}.trend-summary,.coverage-state{gap:3px;display:grid}.trend-summary strong{font-size:12px}.trend-summary.increase strong{color:#d14b44}.trend-summary.decrease strong{color:#17835b}.trend-summary>span{color:#6a758a;font-size:10px}.trend-summary small{color:#7c879c;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.stable-state,.coverage-state strong{color:#17835b}.coverage-state.stale strong,.coverage-state.syncing strong{color:#a66a12}.coverage-state.failed strong,.coverage-state.unavailable strong{color:#c3423d}.coverage-state span,.coverage-state small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.monitoring-tabs{gap:8px;display:flex}.monitoring-tabs button{color:#44536b;cursor:pointer;background:#fff;border:1px solid #d8e1ee;border-radius:8px;padding:9px 16px}.monitoring-tabs button.active{color:#fff;border-color:var(--primary);background:var(--primary)}.notification-center>header>div p{color:var(--muted);margin:5px 0 0;font-size:12px}.notification-table{min-width:1580px}.notification-table th:nth-child(7){width:370px}.notification-read-row td{color:#778197;background:#fafbfc}.status-pill.warning{color:#9a6412;background:#fff3df}.status-pill.critical{color:#b43e3a;background:#fff0ef}.notification-footer{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.notification-footer>button{color:#5363bd;cursor:pointer;background:0 0;border:0}.notification-footer .pagination{border:0;padding:0}@media (max-width:1180px){.side-nav{width:68px;padding-inline:8px}.side-nav button{justify-content:center;padding:0;font-size:19px}.side-nav button span{display:none}.workspace{margin-left:68px}.billing-layout{grid-template-columns:minmax(0,1fr) 250px}.cost-filter-bar{grid-template-columns:repeat(2,minmax(180px,1fr))}.account360-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.business-filters,.commission-filters,.monitoring-filters{grid-template-columns:repeat(2,minmax(180px,1fr))}.commission-metrics,.source-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1100px){.billing-layout,.page-filter-layout{display:block}.filter-toggle{display:inline-flex}.filter-panel{z-index:80;border-radius:0;width:min(340px,92vw);transition:transform .2s;position:fixed;inset:64px 0 0 auto;transform:translate(105%);box-shadow:-14px 0 40px #141f3d33}.filter-panel.open{transform:translate(0)}.filter-panel>header button{display:inline-block}}@media (max-width:920px){.panel-toolbar{align-items:flex-start}.toolbar-summary{flex-direction:column;align-items:flex-end}.dataset-switcher{grid-template-columns:repeat(3,minmax(230px,1fr));overflow-x:auto}.bill-tree-header,.bill-tree-row{grid-template-columns:minmax(320px,1fr) 150px 140px}.account360-grid{grid-template-columns:1fr}}@media (max-width:720px){.topbar{gap:10px;height:58px;padding:0 12px}.menu-button{display:none}.brand strong{font-size:20px}.brand span{font-size:14px}.topbar-status span,.user-chip strong{display:none}.topbar-status{margin-left:auto;padding:6px 8px}.workspace{margin-left:0;padding-top:58px;padding-bottom:64px}.side-nav{z-index:70;border-top:1px solid #ffffff1f;flex-direction:row;justify-content:flex-start;width:auto;height:60px;padding:6px;inset:auto 0 0;overflow-x:auto}.side-nav button{flex:1 0 72px;min-height:46px;font-size:18px}.side-nav button span{font-size:9px;display:inline}.side-nav button{flex-direction:column;gap:1px}.page-content{padding:10px}.page-heading{align-items:flex-end;gap:8px;width:100%;min-height:92px;padding:15px}.page-heading h1{font-size:22px}.page-heading>div>p:last-child{display:none}.filter-toggle{padding:8px 9px;font-size:12px}.source-tabs{width:100%}.source-tabs button{flex:1;min-width:94px}.dataset-switcher{gap:9px;width:100%;max-width:calc(100vw - 20px);margin-bottom:10px;display:flex;overflow-x:auto}.dataset-card{flex:0 0 210px;min-height:92px;padding:13px}.panel-toolbar{min-height:98px;padding:13px}.toolbar-summary>span{white-space:normal;text-align:right}.billing-table-wrap{display:none}.billing-mobile-list{gap:10px;padding:10px;display:grid}.billing-mobile-card{border:1px solid #e1e5ee;border-left:3px solid var(--primary);background:#fff;border-radius:10px;gap:10px;padding:14px;display:grid;box-shadow:0 5px 15px #1f2d4d0a}.billing-mobile-card label{align-items:center;gap:9px;display:flex}.billing-mobile-card>div{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.billing-mobile-card>div strong{color:#172342}.mobile-open{color:#4f60bf;background:#f0f2ff;border:0;border-radius:7px;padding:8px}.pagination{flex-wrap:wrap;justify-content:center}.pagination>span:first-child{text-align:center;width:100%;margin:0}.detail-drawer{width:100vw}.bill-tree{margin-inline:8px;overflow-x:auto}.bill-tree-header,.bill-tree-row{min-width:700px}.detail-total{margin:12px}.cost-filter-bar{grid-template-columns:1fr;padding:12px}.cost-card{padding:12px}.cost-bars{height:230px}.account360-heading{flex-direction:column;align-items:flex-start;min-height:150px;padding:16px}.account360-actions{width:100%}.account360-actions label{flex:1}.account360-actions input{width:100%}.account360-metrics{grid-template-columns:1fr;gap:10px}.account360-metrics article{min-height:105px}.account360-bars{height:220px}.account360-card>header{align-items:flex-start}.account360-bill>summary{flex-direction:column;align-items:flex-start}.business-filters,.commission-filters,.monitoring-filters{grid-template-columns:1fr}.business-filters>p{grid-column:auto}.business-table-card>header{flex-direction:column;align-items:flex-start}.business-table .biz-customer{width:160px}.commission-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.commission-metrics article{min-height:90px}.formula-grid,.source-health-grid{grid-template-columns:1fr}.notification-popover{max-height:calc(100vh - 68px);top:54px;right:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.administration-page{min-width:0;max-width:100%}.admin-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.admin-tabs button{color:#44536b;cursor:pointer;background:#fff;border:1px solid #d8e1ee;border-radius:8px;padding:9px 16px}.admin-tabs button[aria-pressed=true]{color:#2463eb;background:#edf4ff;border-color:#93b4f5}.admin-system-status{color:#69768a;overflow-wrap:anywhere;padding:12px 0}.admin-table .admin-key{z-index:1;overflow-wrap:anywhere;white-space:normal;background:#fff;min-width:150px;max-width:240px;position:sticky;left:0}.admin-table th.admin-key{z-index:2;background:#f7f9fc}.admin-table td{overflow-wrap:anywhere;max-width:360px}.administration-page .business-drawer{max-width:100vw}.settings-section-tabs{z-index:8;background:#fffffff5;border:1px solid #dfe5ef;border-radius:11px;gap:8px;margin:0 24px -8px;padding:10px;display:flex;position:sticky;top:62px;box-shadow:0 6px 20px #1f2d4d0f}.settings-section-tabs button{color:#44536b;cursor:pointer;background:#fff;border:1px solid #d8e1ee;border-radius:7px;padding:8px 16px}.settings-section-tabs button[aria-pressed=true]{color:#fff;background:var(--primary);border-color:#7f93e4}.user-management-card{overflow:hidden}.user-management-card>[role=alert],.user-management-card>.success-message{margin:12px 16px 0}.success-message{color:#18794e}.role-selector{border:1px solid #d7ddea;border-radius:7px;gap:16px;padding:10px 12px;display:flex}.role-selector legend{color:#4d5870;padding:0 5px;font-size:12px;font-weight:800}.role-selector label{align-items:center;gap:6px;display:flex}.confirm-card{background:#fff;border-radius:14px;width:min(440px,100vw - 28px);margin:auto 18px 18px auto;padding:22px;box-shadow:0 20px 70px #0a142c47}.confirm-card h2{margin:0 0 12px}.confirm-card p{color:#59657b;line-height:1.6}html,body,#root{overflow-x:visible}.workspace,main,section,article,.cost-card{min-width:0}.page-heading,.panel-toolbar,.toolbar-summary,.account360-heading,.account360-actions,.cost-card>header,.account360-card>header,.business-table-card>header,.row-actions{flex-wrap:wrap}.page-heading p,.version-note,.account360-heading,.state-panel,.notification-list,.source-health-grid{overflow-wrap:anywhere}.panel-toolbar>div,.toolbar-summary,.business-filters label,.cost-filter-bar label{min-width:0}.toolbar-summary{white-space:normal}.business-filters input,.business-filters select,.cost-filter-bar input,.cost-filter-bar select,.business-form input,.business-form select{min-width:0;max-width:100%}.side-nav{overflow-y:auto}.business-drawer>header{z-index:10;background:#fff;position:sticky;top:0}.business-drawer>header button{width:auto;min-width:44px;height:auto;min-height:40px;padding:6px 10px;font-size:14px}.business-drawer,.detail-drawer{overscroll-behavior:contain;max-height:100dvh}.bill-tree{overflow-x:auto}.bill-tree-header,.bill-tree-row{min-width:700px}.notification-list footer,.notification-list article>div{flex-wrap:wrap}.trend-summary small,.coverage-state span,.coverage-state small,.source-health em{white-space:normal;overflow-wrap:anywhere;overflow:visible}.account360-bars button{cursor:pointer;background:0 0;border:0;min-width:32px;padding:0}.account360-bars button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.chart-value{color:#53617b;margin:0;padding:0 18px 14px;font-size:12px}.mobile-select-all{align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.responsive-table{overscroll-behavior-x:contain;max-width:100%;overflow:auto}.responsive-table:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.responsive-table>table{border-collapse:separate;border-spacing:0;table-layout:fixed}.responsive-table th,.responsive-table td{overflow-wrap:anywhere;white-space:normal}.responsive-table th{padding-right:18px}.responsive-table [data-responsive-sticky]{z-index:5;background:#fff}.responsive-table th[data-responsive-sticky]{z-index:7;background:#f7f9fc}.table-column-resizer{z-index:9;cursor:col-resize;touch-action:none;background:0 0;border:0;border-right:2px solid #d6deec;width:14px;min-height:0;padding:0;position:absolute;top:0;bottom:0;right:0}.table-column-resizer:hover,.table-column-resizer:focus-visible{border-color:var(--primary);background:#6675d426;outline:0}.responsive-table .copy-id{white-space:nowrap;font-size:12px}.responsive-table .row-actions{gap:6px}.nav-backdrop,.filter-backdrop{background:#101b3b66;position:fixed;inset:0}.nav-backdrop{z-index:80}.filter-backdrop{z-index:75}.nav-close{display:none}@media (max-width:1180px) and (min-width:721px){.side-nav{width:180px}.side-nav button{justify-content:flex-start;padding:0 10px;font-size:15px}.side-nav button span{display:inline}.workspace{margin-left:180px}}@media (max-width:920px){.filter-panel{visibility:hidden;overscroll-behavior:contain;max-height:calc(100dvh - 64px);overflow-y:auto}.filter-panel.open{visibility:visible}.filter-panel>header{z-index:1;position:sticky;top:0}}@media (max-width:720px){.topbar{gap:8px;padding-inline:10px}.menu-button{flex:0 0 40px;height:40px;display:block}.brand{gap:5px;min-width:0}.brand span{font-size:12px}.brand em,.topbar-status{display:none}.notification-shell{margin-left:auto}.user-chip{flex:0 0 30px}.user-chip>span{width:30px;height:30px}.workspace,.app-shell.nav-compact .workspace{margin-left:0;padding-bottom:0}.side-nav,.app-shell.nav-compact .side-nav{visibility:hidden;z-index:90;border:0;flex-direction:column;gap:6px;width:min(300px,100vw - 64px);height:100dvh;padding:12px;inset:0 auto 0 0;overflow:hidden auto}.side-nav.nav-open,.app-shell.nav-compact .side-nav.nav-open{visibility:visible}.side-nav button,.app-shell.nav-compact .side-nav button{flex-direction:row;flex:none;justify-content:flex-start;gap:12px;min-height:44px;padding:10px 12px;font-size:17px}.side-nav button span,.app-shell.nav-compact .side-nav button span{font-size:14px;display:inline}.side-nav .nav-close{border-bottom:1px solid #344369;border-radius:0;margin-bottom:8px;display:flex}.filter-panel{max-height:100dvh;top:0}.filter-panel>header button{min-width:44px;min-height:44px}.page-heading{align-items:flex-start}.page-heading>div>p:last-child{font-size:12px;display:block}.panel-toolbar{gap:12px}.toolbar-summary{align-items:flex-start;gap:10px;width:100%}.toolbar-summary>span{text-align:left}.business-form{padding:16px}.source-health-grid,.account360-metrics,.commission-metrics{min-width:0}.pagination{gap:8px}button:not(.table-column-resizer),.pagination select,input:not([type=checkbox]),select{min-height:40px}input[type=checkbox]{width:20px;height:20px}.responsive-table .row-actions{flex-direction:column;align-items:flex-end}.billing-mobile-card>div{flex-wrap:wrap;gap:8px}.billing-mobile-card label{overflow-wrap:anywhere}.notification-popover{max-height:calc(100dvh - 72px);top:64px;right:8px}}