:root{font-family:Inter,"Segoe UI","Microsoft JhengHei",sans-serif;color:#18332e;background:#f3f6f5;font-synthesis:none;--green:#123f36;--accent:#d6ee8f;--muted:#647973;--border:#dce5e1;--red:#b23a39}*{box-sizing:border-box}body{margin:0;font-size:16px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--green)}button{border:0;border-radius:8px;background:var(--green);color:#fff;padding:11px 17px;font-weight:600;display:inline-flex;gap:8px;align-items:center;justify-content:center}button:hover{filter:brightness(1.08)}button.secondary,.button.secondary{background:#fff;color:var(--green);border:1px solid var(--border)}button.ghost{background:transparent;color:var(--muted);padding:8px}button.danger{background:#f9e7e6;color:var(--red)}button.small{padding:7px 11px;font-size:14px}svg.icon{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}input,select,textarea{width:100%;border:1px solid #cddbd5;border-radius:7px;background:white;padding:11px 12px;color:#203c34;min-height:44px}input:focus,select:focus,textarea:focus{border-color:#2c6d5b;outline:2px solid #d6ee8f}label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}input[type=file]{padding:15px;background:#f5f8f6}input::file-selector-button{padding:8px 12px;border:1px solid #cddbd5;border-radius:5px;background:#fff;margin-right:12px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-.8px;margin-bottom:8px}h2{font-size:19px;letter-spacing:-.2px}h3{font-size:16px}p{line-height:1.7}small,.muted{color:var(--muted)}small{font-size:13px}a.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;padding:10px 15px;border-radius:8px;font-size:14px;font-weight:600}.startup{padding:40px}.sidebar{width:235px;position:fixed;inset:0 auto 0 0;background:var(--green);color:#dbe8e2;display:flex;flex-direction:column;padding:35px 21px;z-index:10}.logo{font-size:29px;font-weight:850;letter-spacing:-1.5px;color:white;line-height:1.1}.logo span{color:var(--accent)}.logo small{display:block;letter-spacing:3px;font-size:10px;margin-top:9px;color:#b9d2c6;font-weight:600}.workspace-label{margin:45px 14px 15px;font-size:12px;letter-spacing:2px;color:#92b1a5}.nav{display:flex;flex-direction:column;gap:8px}.nav button{background:transparent;justify-content:flex-start;color:#c9ddd2;font-size:15px;font-weight:500;padding:13px 15px}.nav button.active{background:var(--accent);color:#183f31;font-weight:700}.nav .count{font-size:12px;background:#ffffff24;padding:2px 6px;border-radius:5px;margin-left:auto}.side-note{margin-top:auto;padding:20px 12px 0;border-top:1px solid #ffffff20;font-size:13px;color:#abc8ba;line-height:1.8}.side-note strong{display:block;color:#e4f0e8;font-size:14px}.main{margin-left:235px;min-height:100vh}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:15px}.breadcrumb{font-size:14px;color:#81958a}.breadcrumb b{color:#29463b;font-weight:600;margin-left:12px}.userbox{display:flex;align-items:center;gap:11px;font-size:14px}.avatar{height:35px;width:35px;display:grid;place-items:center;background:#e8f0d8;border-radius:50%;font-weight:700}.role{font-size:12px;color:var(--muted);margin-top:2px}.content{padding:34px 38px 50px;max-width:1700px;margin:auto}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:25px}.eyebrow{font-size:12px;letter-spacing:2px;color:#698176;font-weight:700;margin:0 0 10px}.pagehead p{font-size:14px;color:var(--muted);margin:0}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.panel{background:white;border:1px solid var(--border);border-radius:12px;padding:23px;margin-bottom:22px;box-shadow:0 2px 4px #112f2603}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.panelhead h2{margin:0}.filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.filters label{color:#64786d;font-size:12px}.filters select,.filters input{font-size:14px}.filter-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;font-size:13px;color:var(--muted)}.filter-bottom button{font-size:13px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.kpi{background:white;border:1px solid var(--border);border-radius:12px;padding:23px}.kpi.primary{background:var(--green);border-color:var(--green);color:white}.kpi .label{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#657c70}.kpi.primary .label{color:#d0e4d7}.kpi .value{font-size:30px;font-weight:650;letter-spacing:-.8px;margin:20px 0 11px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.kpi .currency{font-size:14px;font-weight:400;letter-spacing:0;color:#80978a;margin-right:4px}.kpi.primary .currency{color:#b9d1c0}.kpi .foot{font-size:12px;color:#6a8175}.kpi.primary .foot{color:#cde1ba}.split{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,2fr);gap:22px}.chart{height:230px;display:flex;align-items:flex-end;gap:16px;padding:20px 0 30px;border-bottom:1px solid #e2ebe5;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#edf1ee 45px,#edf1ee 46px)}.bar-group{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;position:relative;min-width:22px;gap:4px}.bar{width:38%;max-width:32px;background:#215947;border-radius:4px 4px 0 0;min-height:2px}.bar.light{background:#c7e5a0}.bar-group small{position:absolute;bottom:-24px;font-size:11px;white-space:nowrap}.legend{display:flex;gap:18px;font-size:12px;color:var(--muted);margin-top:15px}.legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;background:#215947}.legend span+span:before{background:#c7e5a0}.ranking{display:flex;flex-direction:column;gap:21px}.rank-label{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:9px}.track{height:7px;background:#eef3ed;border-radius:8px;overflow:hidden}.track i{height:100%;display:block;background:#4e7e58;border-radius:8px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--border);margin-bottom:23px;overflow:auto}.tabs button{background:none;border-radius:0;padding:12px 0 14px;font-weight:500;color:#74867c;white-space:nowrap;font-size:14px;border-bottom:2px solid transparent}.tabs button.active{color:var(--green);border-bottom-color:var(--green);font-weight:700}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}th{text-align:left;background:#f5f8f5;color:#718278;font-size:12px;font-weight:600;padding:13px 15px}td{padding:16px 15px;border-bottom:1px solid #e9efeb;line-height:1.5}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfa}.num{text-align:right;font-variant-numeric:tabular-nums}.brandcell{font-weight:650}.table-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:13px;color:var(--muted)}.badge{padding:5px 9px;border-radius:5px;font-size:12px;display:inline-block;font-weight:600}.badge.pending{background:#fff4d5;color:#936c1e}.badge.approved,.badge.committed{background:#e4f2e3;color:#35703a}.badge.rejected,.badge.reversed{background:#f9e8e6;color:#a34a40}.badge.withdrawn{background:#edf0ee;color:#63746b}.empty{text-align:center;padding:42px 18px;color:#7b8c82}.empty .icon{width:38px;height:38px;margin-bottom:13px;color:#98afa1}.empty h3{color:#3e5f4e;margin-bottom:8px}.empty p{max-width:440px;margin:0 auto;font-size:14px}.empty button{margin-top:18px}.notice{padding:14px 17px;border-radius:8px;background:#f0f6e7;color:#536c43;font-size:13px;line-height:1.7;margin:15px 0}.notice.warn{background:#fff6df;color:#856726}.notice.error{background:#fbece9;color:#a14132}.uploadzone{border:1px dashed #9fbcaa;background:#f8fbf6;padding:32px;border-radius:10px;text-align:center;margin-bottom:20px}.uploadzone>.icon{height:36px;width:36px;color:#3c6a4c;margin-bottom:15px}.uploadzone h2{margin-bottom:8px}.uploadzone p{font-size:14px;color:var(--muted)}.uploadzone input{max-width:560px;background:white;margin-bottom:14px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.stats-inline{display:flex;gap:40px;padding:10px 0 20px;flex-wrap:wrap}.stats-inline strong{font-size:26px;display:block;margin-bottom:6px}.stats-inline small{font-size:13px}.meta-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.meta-list dt{color:var(--muted);font-size:12px;margin-bottom:6px}.meta-list dd{margin:0;font-size:15px}.detail-note{white-space:pre-wrap;font-size:14px;line-height:1.8;background:#f5f8f3;padding:15px;border-radius:8px}.error-text{color:var(--red);font-size:14px;line-height:1.6}dialog{width:min(660px,calc(100% - 32px));border:1px solid var(--border);border-radius:14px;padding:28px;max-height:90vh;color:#18332e;box-shadow:0 25px 80px #07211930}dialog::backdrop{background:#112f2670;backdrop-filter:blur(3px)}.dialoghead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dialoghead h2{font-size:21px;margin:0}.dialoghead button{font-size:22px;padding:0 8px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-brand{background:var(--green);padding:60px;display:flex;flex-direction:column;color:white}.login-brand .logo{font-size:37px}.login-copy{margin:auto 0;max-width:470px;padding:70px 0}.login-copy .eyebrow{color:#b4d0bc;letter-spacing:3px;margin-bottom:25px}.login-copy h1{font-size:48px;line-height:1.3;letter-spacing:-1.5px}.login-copy h1 span{color:var(--accent)}.login-copy p{color:#bfd4c6;line-height:1.9;max-width:365px}.login-features{border-top:1px solid #ffffff30;margin-top:40px;padding-top:26px;display:flex;gap:24px;color:#daeadb;font-size:14px}.login-form{display:flex;align-items:center;justify-content:center;padding:40px}.login-form>div{width:100%;max-width:380px}.login-form h2{font-size:29px;margin-bottom:10px}.login-form p{font-size:14px;color:var(--muted);margin-bottom:32px}.login-form label{margin-bottom:20px}.login-form button{width:100%;margin-top:8px}.login-footer{font-size:12px;color:#94b2a1}.loading{padding:45px;color:#75897a}.negative{color:var(--red)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#183e30;color:white;padding:13px 22px;border-radius:9px;box-shadow:0 6px 25px #0002;z-index:100;max-width:90%;display:none;font-size:14px}#toast.show{display:block}.nowrap{white-space:nowrap}.definition{font-size:12px;line-height:1.9;color:#7c8d80;margin-top:18px}.compact-select{min-width:160px;padding:7px 10px;font-size:14px}.mobile-name{display:none}@media(min-width:1450px){.content{padding:40px 50px}.kpi .value{font-size:36px}}@media(max-width:1100px){.sidebar{width:195px;padding:30px 14px}.main{margin-left:195px}.content{padding:27px 24px}.topbar{padding:0 24px}.filters{grid-template-columns:repeat(3,1fr)}.kpis{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:minmax(0,8fr) minmax(0,2fr)}.kpi .value{font-size:28px}}@media(max-width:760px){.sidebar{position:static;width:auto;padding:20px;display:block}.logo{font-size:26px}.logo small,.workspace-label,.side-note{display:none}.nav{flex-direction:row;margin-top:20px;overflow:auto;gap:6px}.nav button{white-space:nowrap;padding:10px 12px;font-size:13px}.nav .icon{width:17px;height:17px}.main{margin:0}.topbar{height:61px;padding:0 20px}.breadcrumb{font-size:12px}.content{padding:25px 18px}.pagehead{flex-direction:column}.pagehead .actions{width:100%}h1{font-size:26px}.filters{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:0}.kpis{gap:10px}.kpi{padding:18px 14px}.kpi .value{font-size:24px}.kpi .label{font-size:12px}.kpi .label .icon{display:none}.panel{padding:18px 15px}.userbox{gap:6px}.userbox .avatar{display:none}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.login{grid-template-columns:1fr}.login-brand{padding:30px}.login-copy{padding:30px 0 0}.login-copy h1{font-size:31px}.login-copy p,.login-features,.login-footer,.login-copy .eyebrow{display:none}.login-form{padding:38px 24px}.login-brand .logo{font-size:28px}.filter-bottom{align-items:flex-start;flex-direction:column}.uploadzone{padding:20px 10px}.tabs{gap:18px}.stats-inline{gap:25px}}@media print{.sidebar,.topbar,.actions,.filters,.filter-bottom,.tabs,button{display:none!important}.main{margin:0}.content{padding:0}.panel,.kpi{break-inside:avoid;box-shadow:none}.kpi.primary{color:#18332e;background:white}.kpi.primary .label,.kpi.primary .foot,.kpi.primary .currency{color:#526455}.split{display:block}.tablewrap{overflow:visible}.pagehead p{display:block}}

.brand-picker{position:relative;min-width:0}.brand-picker>label{margin-bottom:7px}.brand-picker .picker-status{display:block;font-size:12px;margin-top:4px}.brand-suggestions{position:absolute;top:70px;left:0;right:0;z-index:40;max-height:260px;overflow:auto;background:white;border:1px solid #a5b9ab;border-radius:8px;box-shadow:0 8px 25px #173e2920}.brand-suggestions [role=option]{padding:11px 12px;cursor:pointer;font-size:14px}.brand-suggestions [role=option] small{display:block}.brand-suggestions [role=option]:hover,.brand-suggestions [aria-selected=true]{background:#edf5d9}.no-match{padding:14px;font-size:14px;color:#647973}.chart-controls{display:flex;gap:7px}.chart-controls select{font-size:13px;padding:8px;min-height:36px;width:auto}.trend-scroll{overflow-x:auto;max-width:100%}.trend-svg{width:100%;height:300px;display:block}.trend-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;color:#627c6c}.trend-legend i{display:inline-block;width:13px;height:8px;margin-right:5px}.trend-legend i.dashed{height:0;border-top:3px dashed #b2cba8}.split>*{min-width:0}.text-button{background:none;color:#215947;padding:3px 0;text-align:left;font-weight:600}.text-button:hover{text-decoration:underline}.pm-brand-row{background:#f4f8ed;color:#44604c}.timeline{margin:18px 0}.timeline-item{border-left:3px solid #cfdfb6;padding:8px 15px;margin-bottom:14px;font-size:14px}.timeline-item time{font-size:12px;color:#6a8074}.timeline-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.checkbox-label{display:flex;flex-direction:row;align-items:center;gap:10px;font-weight:500}.checkbox-label input{width:18px;min-height:18px;flex:none}.assignment-form{background:#f5f9ee;padding:20px;border-radius:9px;margin-bottom:24px}#brand-list{margin-top:18px}#dialog .tablewrap{max-width:100%}#claim-extra{border-top:1px solid #dce5e1;margin-top:22px}@media(max-width:760px){.chart-controls{flex-wrap:wrap}.panelhead{flex-wrap:wrap}.brand-suggestions{top:70px}.filters .brand-picker label{font-size:12px;color:#64786d}}


.split .rank-label{flex-wrap:wrap;gap:4px}.workflow-steps{display:flex;gap:8px;list-style:none;padding:0;margin:22px 0;flex-wrap:wrap}.workflow-steps li{flex:1;min-width:90px;padding:10px;background:#edf0ee;color:#718278;border-radius:7px;font-size:13px}.workflow-steps li.done{background:#e3f1d0;color:#204c35}.workflow-steps li[aria-current]{outline:2px solid #60834a}.workflow-steps li span{display:block;font-weight:700;margin-bottom:5px}.claim-file{display:block;margin:12px 0;overflow-wrap:anywhere}.claim-file img{display:block;max-width:100%;max-height:240px;object-fit:contain;border:1px solid #dce5e1;border-radius:6px;margin-bottom:6px}.badge.completed{background:#dceecf;color:#23512e}.badge.proof{background:#e6eefb;color:#425f87}

@media(min-width:1101px) and (max-width:1400px){.kpi .value{font-size:24px}}

.user-watermark{position:fixed;inset:-80px;z-index:80;pointer-events:none;user-select:none;display:grid;grid-template-columns:repeat(4,1fr);gap:75px 35px;overflow:hidden;opacity:.075;align-content:space-around}.user-watermark span{transform:rotate(-24deg);font-size:15px;color:#163c33;white-space:nowrap}#claim-filters .filters{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}#claim-filters .form-actions{margin:16px 0 20px;justify-content:flex-end;clear:both}#claim-filters input,#claim-filters select{min-width:0}.scatter-chart{width:100%;height:auto;min-height:260px;max-height:420px}.scatter-chart circle:focus{outline:none;stroke:#b55c28;stroke-width:3}.audit-detail{white-space:pre-wrap;overflow-wrap:anywhere;min-width:200px;max-width:520px;text-align:left}@media(max-width:1100px){#claim-filters .filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){#claim-filters .filters{grid-template-columns:repeat(2,minmax(0,1fr))}.user-watermark{grid-template-columns:repeat(2,1fr);gap:65px 15px}.user-watermark span{font-size:12px}}@media print{.user-watermark{display:grid!important;position:fixed;opacity:.12}}

.business-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.distribution-trend{width:100%;min-height:200px}.settlement-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end}.settlement-form .form-actions{margin:0}.settlement-table th{white-space:nowrap}.settlement-fingerprint{overflow-wrap:anywhere;font-size:11px;color:var(--muted)}.settlement-detail{max-height:65vh;overflow:auto}.settlement-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.settlement-controls label{min-width:160px;flex:1}.loss{color:#ad443d}.quarter-note{font-size:12px;color:#607369}@media(max-width:900px){.settlement-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.business-grid,.settlement-form{grid-template-columns:1fr}}

/* Keep settlement filters and their scrollable table in separate layout rows. */
.settlement-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:16px;margin:16px 0 22px;padding:16px;background:#f5f8f5;border:1px solid #dce5e1;border-radius:8px;clear:both}.settlement-controls label{min-width:0;margin:0}.settlement-controls select{min-width:0;max-width:100%;height:44px}#settlement-body,#settlement-lines,.settlement-table{min-width:0;max-width:100%}#settlement-lines{display:block;clear:both;margin-top:0}#settlement-lines>.tablewrap{width:100%;max-width:100%}.brand-subcategory-row>td{padding:16px!important;background:#f4f8ed}.brand-subcategory-detail{text-align:left;max-width:100%}.brand-subcategory-detail h3{margin:0 0 8px}.brand-subcategory-detail .tablewrap{background:white;border-radius:8px}.brand-subcategory-detail .definition{margin:8px 0 16px}@media(max-width:650px){.settlement-controls{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}}
.login.sso-login{display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#e8f2ec,#f8faf9)}
.sso-login .login-form{width:min(560px,100%);min-height:0;padding:48px 36px;background:white;border:1px solid #dce5df;border-radius:20px;box-shadow:0 16px 50px #163b3410}
.sso-login .button{display:block;text-align:center;padding:14px 20px;margin-top:24px;background:#163b34;color:white;border-radius:9px;text-decoration:none;font-weight:600}
.sso-login .button:focus-visible{outline:3px solid #4a967b;outline-offset:4px}
@media(max-width:600px){.sso-login .login-form{padding:32px 24px}.sso-login h1{font-size:26px}}
.legacy-login{margin-top:28px;border-top:1px solid #dce5df;padding-top:20px}
.legacy-login summary{cursor:pointer;color:#52645d;font-size:14px}
.legacy-login form{margin-top:16px}
.elogin-login .login-form>div{max-width:400px;min-width:0}
.elogin-identity{padding:25px 0 28px;border-top:1px solid #dce5e1}
.elogin-login .elogin-entry{display:flex;width:100%;padding:12px 14px;text-align:center;min-height:56px}
.elogin-login .elogin-help{font-size:13px;margin:18px 0 14px;line-height:1.8}
.elogin-account{font-size:13px;text-underline-offset:4px}
.elogin-login .legacy-login{margin-top:28px}
@media(max-width:760px){.elogin-login .login-form{padding:32px 24px 40px}.elogin-login .login-form h2{font-size:26px}.elogin-login .el-name{font-size:26px}.elogin-login .elogin-entry{font-size:14px;gap:7px}.elogin-identity{padding:22px 0}}
.pm-picker{position:relative;margin:12px 0}.pm-picker>label{margin-bottom:8px}.pm-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:9px}.pm-chips button{max-width:100%;overflow-wrap:anywhere}.pm-suggestions{position:absolute;left:0;right:0;top:100%;background:white;border:1px solid #b4cabe;border-radius:8px;box-shadow:0 10px 24px #18332e22;max-height:260px;overflow:auto;z-index:45}.pm-suggestions [role=option]{padding:10px 14px;cursor:pointer}.pm-suggestions [role=option] small{display:block}.pm-suggestions [role=option]:hover,.pm-suggestions [aria-selected=true]{background:#edf5d9}.pm-status{display:block;margin-top:5px;font-size:12px}#assignment-list{margin-top:16px}