:root{color:#142b42;font-synthesis:none;background:#f3f6f9;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,label.file-button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #08aab9}.shell{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:5;background:#0c2338;flex-direction:column;width:244px;padding:37px 20px;display:flex;position:fixed;inset:0 auto 0 0}.logo{color:#fff;letter-spacing:-1px;padding:0 10px;font-size:25px;font-weight:700;text-decoration:none}.logo span{color:#3fdac8}.logo small{color:#93acbf;letter-spacing:1.8px;margin-top:12px;font-size:11px;display:block}.navlabel{letter-spacing:1.6px;color:#819bad;margin:56px 12px 14px;font-size:11px}nav{gap:8px;display:grid}nav button{color:#b6c5d1;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:14px 12px;font-size:14px;display:flex}nav button.active{color:#77ebdb;background:#214357}nav button:hover{background:#18384e}.private{color:#bcd3e0;border-top:1px solid #2c4053;align-items:center;gap:10px;margin-top:auto;padding:20px 10px 0;font-size:14px;display:flex}.private small{color:#7e99ae;margin-top:5px;font-size:12px;display:block}main{width:calc(100% - 244px);max-width:1900px;margin-left:244px;padding:0 38px 25px}header{border-bottom:1px solid #dfe6ec;justify-content:space-between;align-items:center;gap:20px;height:88px;display:flex}.breadcrumb{color:#5c7080;font-size:14px}.breadcrumb span{color:#acb9c4;padding:0 12px}.actions{gap:10px;display:flex}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:11px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.primary{color:#fff;background:#007f83}.primary:hover{background:#006f73}.secondary{color:#345168;background:#fff;border-color:#d3dee6}.title{justify-content:space-between;align-items:center;gap:20px;padding:35px 0 26px;display:flex}.eyebrow{letter-spacing:1.9px;color:#00838a;font-size:11px;font-weight:700}h1{letter-spacing:-1.1px;margin:9px 0 12px;font-size:32px;line-height:1.2}p{line-height:1.6}.title p{color:#6b7d8e;margin:0;font-size:16px}.data-label{text-align:right;color:#274359;font-size:14px}.data-label span{font-weight:600}.data-label small{color:#81909e;margin-top:7px;font-size:12px;display:block}.filters{background:#fff;border:1px solid #dfe6ec;border-radius:12px;margin-bottom:22px;padding:20px}.filter-heading{align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.filter-heading button{color:#547184;background:0 0;border:0;margin-left:auto;font-size:13px}.filter-grid{grid-template-columns:.7fr 1fr 1fr 1fr 1.4fr 1.5fr;gap:12px;display:grid}label{color:#607585;gap:8px;font-size:13px;font-weight:500;display:grid}input,select{color:#243e55;background:#fbfcfd;border:1px solid #dae2e9;border-radius:7px;width:100%;min-width:0;min-height:42px;padding:10px 11px;font-size:14px}.search-input{position:relative}.search-input svg{color:#8b9aa5;position:absolute;top:13px;left:10px}.search-input input{padding-left:35px}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.kpi{text-align:left;background:#fff;border:1px solid #dfe6ec;border-radius:12px;padding:23px 22px}.kpi span{color:#607585;font-size:14px}.kpi strong{letter-spacing:-1px;white-space:nowrap;margin:16px 0 12px;font-size:31px;display:block}.kpi strong small{letter-spacing:0;color:#7e91a0;margin-left:9px;font-size:13px;font-weight:400}.kpi p{color:#7a8b9a;margin:0;font-size:12px}.kpi.featured{color:#fff;background:#0d3446;border-color:#0d3446}.featured span,.featured p,.featured strong small{color:#a6c7d1}.featured strong{color:#74ecdc}.review-card:hover{background:#f7ffff;border-color:#10a8ab}.method{color:#718393;gap:8px;padding:0 2px 24px;font-size:12px;line-height:1.7;display:flex}.method svg{flex:none;margin-top:2px}.charts{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px;display:grid}.panel{background:#fff;border:1px solid #dfe6ec;border-radius:12px;margin-bottom:20px;overflow:hidden}.charts .panel{margin-bottom:0}.panel-title{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 18px;display:flex}h2{letter-spacing:-.3px;margin:0;font-size:18px}.panel-title p{color:#8492a0;margin:7px 0 0;font-size:12px}.pill{color:#087b80;white-space:nowrap;background:#e6f6f3;border-radius:6px;padding:7px 10px;font-size:12px}.brand-chart{max-height:320px;padding:0 24px 24px;overflow:auto}.brand-row{text-align:left;color:#456073;background:0 0;border:0;align-items:center;gap:13px;width:100%;padding:9px 0;font-size:13px;display:flex}.brand-row span{flex:none;width:117px}.brand-row b{text-align:right;color:#183b4d;width:24px}.track{background:#edf3f6;border-radius:4px;flex:1;height:10px;overflow:hidden}.track div{background:#15aa9d;border-radius:4px;height:100%}.brand-row:hover .track div{background:#087f83}.segmented{background:#f1f5f7;border-radius:6px;gap:3px;margin:0 24px 18px;padding:3px;display:inline-flex}.segmented button{color:#698393;background:0 0;border:0;border-radius:5px;padding:7px 12px;font-size:12px}.segmented .selected{color:#185269;background:#fff;box-shadow:0 1px 4px #10293b12}.month-chart{gap:12px;height:240px;padding:0 24px 24px;display:flex;overflow-x:auto}.month{flex-direction:column;flex:1;align-items:center;gap:7px;min-width:34px;font-size:12px;display:flex}.month>b{color:#34586c;white-space:nowrap;font-size:11px}.month-track{background:repeating-linear-gradient(0deg,#0000,#0000 48px,#f0f4f7 49px 50px);border-bottom:1px solid #dce7ee;align-items:flex-end;width:100%;height:100%;display:flex}.month-track div{background:#4d92af;border-radius:5px 5px 0 0;width:100%;max-width:42px;margin:auto auto 0}.month-track .negative{background:#d69378}.month>span{color:#6e8493;text-align:center}.month small{color:#98a7b3;margin-top:4px;font-size:10px;display:block}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{color:#81909e;text-align:left;white-space:nowrap;background:#f9fbfc;border-block:1px solid #e9eef2;padding:12px 24px;font-size:12px;font-weight:500}td{color:#526b7d;border-bottom:1px solid #edf1f4;padding:16px 24px}td:first-child{color:#17364c}td b{font-weight:500}td small{color:#8b9aa6;margin-top:5px;font-size:12px;display:block}tr:last-child td{border-bottom:0}.right{text-align:right;white-space:nowrap}.category-pill{white-space:nowrap;background:#f1f5f8;border-radius:5px;padding:5px 8px;font-size:12px}.text-button{color:#007f83;white-space:nowrap;background:0 0;border:0;font-size:13px;font-weight:600}.footnote{color:#81909e;margin:22px 0;font-size:12px;line-height:1.7}.empty{text-align:center;color:#8496a3;padding:50px 24px;font-size:14px}.pagination{color:#7b8c99;border-top:1px solid #e9eef2;justify-content:flex-end;align-items:center;gap:12px;padding:18px 24px;font-size:13px;display:flex}.pagination button,.icon-button{color:#395b6e;background:#fff;border:1px solid #dfe7ed;border-radius:6px;padding:6px;display:flex}.check-label{white-space:nowrap;align-items:center;gap:8px;display:flex}.check-label input{accent-color:#008f87;width:16px;min-height:16px}.warning{color:#b07d28!important}.upload-panel{text-align:center;background:#fff;border:2px dashed #bfd2df;border-radius:14px;margin-bottom:24px;padding:50px 24px}.upload-icon{color:#00898a;background:#e5f6f3;border-radius:16px;place-items:center;width:62px;height:62px;margin:0 auto 20px;display:grid}.upload-panel h2{font-size:24px}.upload-panel p{color:#73899a;margin:15px 0 23px;font-size:15px}.upload-panel>small{color:#8498a7;margin-top:17px;font-size:12px;display:block}.file-button{cursor:pointer;display:inline-flex}.file-button input{display:none}.file-button.disabled{opacity:.5;pointer-events:none}.import-help{padding:20px 0}.import-help>div{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.import-help p{color:#718696;font-size:14px}.import-help b{color:#284a60;margin-bottom:8px;display:block}.import-stats{grid-template-columns:repeat(4,1fr);gap:14px;padding:12px 24px 24px;display:grid}.import-stats div{color:#6c8292;background:#f3f7f9;border-radius:8px;padding:17px;font-size:13px}.import-stats strong{color:#21465b;margin-bottom:8px;font-size:26px;display:block}.import-note{color:#738999;margin:0;padding:0 24px 20px;font-size:13px}.success,.alert{overflow-wrap:anywhere;border-radius:9px;align-items:center;gap:12px;margin:15px 0;padding:18px;font-size:14px;line-height:1.6;display:flex}.success{color:#12785f;background:#e0f5ee}.alert{color:#a14821;background:#fff0e9}.alert button{white-space:nowrap;background:0 0;border:0;text-decoration:underline}.progress,.loading{color:#40758a;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:14px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}details{color:#8e542d;background:#fff6ef;border-radius:8px;margin:0 24px 24px;padding:15px;font-size:13px}details ul{overflow-wrap:anywhere;max-height:200px;padding-left:20px;overflow:auto}.modal-backdrop{z-index:20;background:#0b2339aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:100%;max-width:500px;padding:25px;box-shadow:0 20px 60px #00132455}.modal .panel-title{padding:0}.modal>label{margin:18px 0}.modal>p{color:#6c8596;font-size:13px}.modal .button{width:100%;margin-top:8px}footer{color:#8195a5;border-top:1px solid #dce5eb;justify-content:space-between;margin-top:30px;padding-top:22px;font-size:12px;display:flex}@media (width>=1600px){main{padding-inline:50px}.kpi strong{font-size:36px}.filter-grid{grid-template-columns:.7fr 1fr 1fr 1fr 1.3fr 1.6fr}}@media (width<=1200px){.sidebar{width:210px;padding-inline:14px}.logo{font-size:22px}main{width:calc(100% - 210px);margin-left:210px;padding-inline:22px}.filter-grid{grid-template-columns:repeat(3,1fr)}.kpis{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}header .breadcrumb,.data-label{display:none}}@media (width<=760px){.shell{display:block}.sidebar{width:100%;padding:22px 18px;position:static}.logo{font-size:24px}.logo small,.navlabel,.private{display:none}nav{gap:5px;margin-top:20px;display:flex;overflow-x:auto}nav button{white-space:nowrap;gap:7px;padding:10px;font-size:13px}nav button svg{width:16px}main{width:100%;margin-left:0;padding-inline:16px}header{justify-content:flex-end;height:73px}.actions{width:100%}.actions .button{flex:1;padding-inline:8px;font-size:13px}.title{padding-block:28px 23px}h1{font-size:28px}.title p{font-size:14px}.filter-grid{grid-template-columns:repeat(2,1fr)}.filters{padding:16px}.kpis{gap:10px}.kpi{padding:18px 14px}.kpi strong{font-size:26px}.kpi span{font-size:13px}.kpi p{font-size:11px}.kpi strong small{margin-left:4px;font-size:11px}.panel-title{flex-wrap:wrap;align-items:flex-start;padding:20px 17px}th,td{padding:12px 17px}.charts{gap:16px}.method{font-size:11px}.import-help>div{grid-template-columns:1fr;gap:0}.import-stats{grid-template-columns:1fr 1fr}.upload-panel{padding:35px 18px}.upload-panel h2{font-size:20px}.brand-chart,.month-chart{padding-inline:17px}.footnote{font-size:11px}footer{gap:15px}.modal-backdrop{overflow:auto}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}label,.filter-heading,.brand-row,th,.category-pill,.text-button,.month>span{font-size:14px}.account-bar{background:#fff;border-bottom:1px solid #dfe6ec;justify-content:space-between;align-items:center;gap:15px;min-height:50px;padding:10px 24px 10px 280px;font-size:14px;display:flex}.account-bar>span{align-items:center;gap:8px;display:flex}.account-bar small{color:#7c91a0;margin-left:4px;font-size:12px}.account-bar>div{gap:16px;display:flex}.account-bar button{color:#367086;background:0 0;border:0;align-items:center;gap:6px;font-size:13px;display:flex}.shell{min-height:calc(100vh - 50px)}.sidebar{top:50px}.global-error{margin-left:270px}.auth-shell{color:#d7e9ef;background:radial-gradient(at 100% 0,#174b5b 0%,#0c2338 65%);justify-content:center;align-items:center;gap:15px;min-height:100vh;padding:30px 20px;display:flex}.auth-card{color:#19374e;background:#fff;border-radius:18px;width:100%;max-width:480px;padding:35px;box-shadow:0 25px 80px #00172855}.auth-logo{letter-spacing:-1px;color:#153849;font-size:25px;font-weight:700}.auth-logo span{color:#009a97}.auth-card>.auth-logo{text-align:center;margin-bottom:28px}.auth-card h1{letter-spacing:-.7px;text-align:center;font-size:26px}.auth-card p{color:#718897;text-align:center;font-size:14px}.auth-card form{gap:17px;margin-top:25px;display:grid}.auth-card .button{width:100%;margin-top:8px}.auth-card>small{text-align:center;color:#8b9eab;margin-top:22px;font-size:12px;line-height:1.7;display:block}.auth-cancel{margin:22px auto 0;display:block}.users-page{max-width:1400px;margin:auto;padding:0 35px 40px}.modal form{gap:16px;margin-top:22px;display:grid}.modal form .import-note{padding:0;font-size:13px}.account-bar button:focus-visible{outline-offset:4px;outline:2px solid #0a999b}@media (width<=1200px){.account-bar{padding-left:232px}.account-bar small{display:none}}@media (width<=760px){.account-bar{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px}.account-bar>div{flex-wrap:wrap;gap:18px}.sidebar{top:auto}.auth-card{padding:28px 22px}.users-page{padding-inline:16px}.global-error{margin-inline:16px}.shell{min-height:100vh}}.position-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.assignment-modal{max-width:850px;max-height:90vh;overflow:auto}.assignment-list{border:1px solid #e4ecf0;border-radius:8px;max-height:320px;overflow:auto}.assignment-count{color:#486e80;align-items:center;gap:10px;margin:20px 0;font-size:14px;display:flex}.assignment-count strong{color:#087f83;font-size:28px}.assignment-conflicts{margin:20px 0}.assignment-conflicts li{margin-block:10px}.assignment-conflicts li span{margin-top:4px;display:block}.success>.icon-button{flex:none;margin-left:auto}.assignment-modal>p{line-height:1.7}.modal>.check-label{align-items:flex-start}.modal>.check-label input{flex:none;margin-top:2px}@media (width<=760px){.position-actions .button{width:100%;font-size:13px}.assignment-modal{padding:20px}.assignment-modal .panel-title h2{font-size:17px}}.category-edit{margin-top:8px;padding:0;display:block}.category-form{flex-wrap:wrap;align-items:flex-end;gap:22px;padding:0 24px 26px;display:flex}.category-form>label:first-child{flex:1;min-width:220px}.category-form>.check-label{margin-bottom:12px}@media (width<=760px){.category-form{padding-inline:17px}.category-form .button{width:100%}}
