@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap");.sidebar{overflow:hidden}.sidebar nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff32 transparent;padding-right:4px}.brand,.profile,.sidebar-card{flex:0 0 auto}.profile>span{display:none!important}:root{--navy:#101d2f;--navy2:#172940;--gold:#b8882d;--gold-soft:#f5ead3;--bg:#f3f5f7;--card:#fff;--text:#152131;--muted:#697586;--line:#e3e7eb;--green:#16835d;--green-soft:#e6f5ef;--rose:#b44a55;--rose-soft:#fae9eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:linear-gradient(180deg,#111f32,#0d1928);color:#dce4ec;padding:24px 18px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 25px;border-bottom:1px solid #ffffff12}.brand-mark{width:38px;height:38px;border:1px solid #d6aa54;border-radius:10px;color:#d6aa54;font:700 25px/36px Manrope;text-align:center}.brand strong{display:block;letter-spacing:3px;font:700 16px Manrope}.brand span{font-size:8px;letter-spacing:2.4px;color:#91a0b1}.sidebar nav{padding-top:15px;flex:1 1}.sidebar nav p{font-size:9px;letter-spacing:1.6px;color:#718094;margin:18px 12px 8px}.sidebar nav a{height:45px;display:flex;align-items:center;gap:12px;color:#91a0b1;text-decoration:none;padding:0 12px;border-radius:8px;margin:3px 0;transition:.2s}.sidebar nav a svg{width:18px}.sidebar nav a b{margin-left:auto;font-size:10px;background:#ffffff12;padding:3px 7px;border-radius:10px}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff0d;color:#fff}.sidebar nav a.active{border-left:2px solid #d3a84f}.sidebar-card{background:#ffffff08;border:1px solid #ffffff10;border-radius:10px;padding:13px;margin:8px 0 14px;display:grid;grid-template-columns:30px 1fr;grid-column-gap:9px;column-gap:9px}.pulse{grid-row:1/3;background:#c99d4630;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#d9ad56}.sidebar-card strong{font-size:11px}.sidebar-card span{font-size:9px;color:#8291a3}.sidebar-card div:last-child{grid-column:1/3;font-size:9px;color:#87a296;margin-top:10px}.sidebar-card i{display:inline-block;width:6px;height:6px;background:#45ba82;border-radius:50%;margin-right:5px}.profile{border:0;border-top:1px solid #ffffff10;padding:15px 5px 0;background:none;color:white;display:flex;align-items:center;text-align:left;gap:9px}.profile>span{width:33px;height:33px;border-radius:8px;background:#d7a947;color:#142135;display:grid;place-items:center;font-weight:700}.profile div{flex:1 1}.profile small,.profile strong{display:block;font-size:10px}.profile small{color:#78879a;margin-top:2px}main{padding-left:246px}header{height:68px;background:#fff;border-bottom:1px solid var(--line);padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.header-search,header{display:flex;align-items:center}.header-search{max-width:470px;flex:1 1;gap:10px;color:#8b96a5}.header-search svg{width:17px}.header-search input{border:0;outline:0;flex:1 1;color:var(--text)}kbd{font:10px DM Sans;background:#f3f5f7;border:1px solid #e3e7eb;border-radius:5px;padding:4px 7px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.header-actions>span{height:27px;border-left:1px solid var(--line)}.icon-btn{border:0;background:none;color:#697586;min-width:44px;min-height:44px;display:grid;place-items:center;position:relative}.icon-btn svg{width:19px}.header-actions .icon-btn i{position:absolute;width:6px;height:6px;background:#c68c34;border-radius:50%;top:10px;right:9px}.user-btn{display:flex;align-items:center;gap:8px;background:none;border:0;text-align:left}.user-btn>svg:first-child{width:32px;height:32px;color:#8b96a5}.user-btn div{line-height:1.2}.user-btn b,.user-btn small{display:block;font-size:10px}.user-btn small{color:#8792a0;margin-top:3px}.user-btn>svg:last-child{width:14px}.content{padding:27px 28px 18px;max-width:1600px;margin:auto}.welcome{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.panel small,.table-title small,.welcome p{font-size:9px;letter-spacing:1.5px;color:var(--gold);font-weight:700;margin:0 0 6px}.welcome h1{font:700 27px Manrope;margin:0 0 7px}.welcome h1 em{font-style:normal;color:var(--gold)}.welcome>div>span{color:var(--muted);font-size:12px}.primary-btn,.wa-large{border:0;background:var(--navy);color:#fff;border-radius:8px;padding:12px 17px;display:flex;align-items:center;gap:8px;font-weight:600;transition:.2s}.primary-btn svg{width:16px}.primary-btn:hover{background:var(--navy2);box-shadow:0 6px 18px #13223722}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:15px}.stats article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px;display:flex;align-items:center;gap:13px;position:relative;min-height:100px}.stat-icon{width:39px;height:39px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}.stat-icon svg{width:19px}.stat-icon.navy{background:#e7ebf0;color:#17263a}.stat-icon.gold{background:#f5ead4;color:#a67824}.stat-icon.green{background:#e1f3eb;color:#16835d}.stat-icon.rose{background:#fae8ea;color:#b44a55}.stats article>div:nth-child(2){display:flex;flex-direction:column}.stats span{font-size:10px;color:var(--muted)}.stats strong{font:700 22px Manrope;margin:3px 0}.stats small{font-size:9px;color:#85909e}.stats small b{color:var(--green)}.stats small b.danger{color:var(--rose)}.trend{width:18px;color:var(--green)}.donut,.trend{margin-left:auto}.donut{width:37px;height:37px;border-radius:50%;background:conic-gradient(var(--gold) 34%,#edf0f2 0);display:grid;place-items:center}.donut:before{content:"";position:absolute;background:#fff;width:27px;height:27px;border-radius:50%}.donut span{position:relative;font-size:8px;font-weight:700;color:var(--text)}.mini-bars{margin-left:auto;color:var(--green)!important;font-size:20px!important;letter-spacing:-2px}.round-btn{margin-left:auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:#fff}.grid-top{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:15px;gap:15px;margin-bottom:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px}.opportunity,.regions{padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2,.table-title h2{font:700 16px Manrope;margin:0}.panel-head button{border:0;background:none;color:#906921;font-size:10px}.opportunity>p{font-size:10px;color:var(--muted);margin:6px 0 11px}.opp-list>button{width:100%;border:0;border-top:1px solid #edf0f2;background:#fff;min-height:57px;display:flex;align-items:center;gap:10px;text-align:left;padding:8px 4px}.opp-list>button:hover{background:#fafbfc}.avatar{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:8px;background:#e9e3f6;color:#69518b;font-size:10px;font-weight:700;flex:0 0 auto}.avatar.a1{background:#e3eef7;color:#456b89}.avatar.a2{background:#f5e8dc;color:#9b6742}.opp-list button>span:nth-child(2){display:flex;flex:1 1;flex-direction:column}.opp-list b{font-size:10px}.opp-list small{font-size:8px;color:var(--muted);letter-spacing:0;margin-top:3px}.opp-list .due,.opp-list .late{flex:0 0 85px;border-radius:12px;padding:5px 7px;background:var(--gold-soft);color:#8b651e;font-size:8px;text-align:center}.opp-list .late{background:var(--rose-soft);color:var(--rose)}.opp-list>button>strong{text-align:right;font-size:12px}.opp-list>button>strong small{display:block}.region-chart{padding:12px 0}.region-chart div{display:grid;grid-template-columns:80px 1fr 35px;align-items:center;grid-gap:8px;gap:8px;height:28px}.region-chart span,.region-chart strong{font-size:9px}.region-chart strong{text-align:right}.region-chart b{height:6px;border-radius:4px;background:linear-gradient(90deg,#182a41,#bd8c35)}.region-total{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.region-total b{color:var(--text)}.region-total small{letter-spacing:0;color:var(--muted)}.customer-panel{overflow:hidden}.table-title{padding:17px 18px 13px;display:flex;justify-content:space-between}.outline-btn{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 11px;display:flex;gap:7px;align-items:center;font-size:10px;font-weight:600}.outline-btn svg{width:14px}.filters{padding:10px 18px;background:#f8f9fa;border-block:1px solid var(--line);gap:8px}.filters,.filters label{display:flex;align-items:center}.filters label{background:#fff;border:1px solid var(--line);border-radius:6px;height:34px;padding:0 10px;flex:1 1;max-width:310px}.filters label svg{width:14px;color:#8792a0}.filters input{border:0;outline:0;padding:0 7px;width:100%;font-size:10px}.filters select{height:34px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:0 28px 0 10px;font-size:10px;color:#536071}.filters>span{margin-left:auto;font-size:9px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1010px}th{height:35px;text-align:left;font-size:8px;letter-spacing:.7px;color:#758191;background:#fbfbfc;border-bottom:1px solid var(--line);padding:0 12px}td:first-child,th:first-child{padding-left:18px}td{height:62px;border-bottom:1px solid #edf0f2;padding:8px 12px;font-size:10px}tbody tr{cursor:pointer;transition:.15s}tbody tr:hover{background:#fafbfc}td:first-child{display:flex;align-items:center;gap:9px}td b,td small{display:block;white-space:nowrap}td small{color:var(--muted);font-size:8px;margin-top:3px}.badge{display:inline-block;background:var(--gold-soft);color:#87631e;border-radius:12px;padding:4px 8px;font-size:8px;font-weight:600}.badge.first{background:#edf0f3;color:#667281}.prediction{color:var(--green);font-size:9px;font-weight:600;white-space:nowrap}.prediction i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px}.prediction.late{color:var(--rose)}.prediction.late i{background:var(--rose)}.wa-btn{background:var(--green-soft);color:var(--green);border:0;border-radius:6px;padding:7px 9px;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:600;white-space:nowrap}.wa-btn svg{width:13px}.pagination{padding:13px 18px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted)}.pagination div{display:flex;gap:3px}.pagination button{border:1px solid var(--line);background:#fff;min-width:29px;height:29px;border-radius:5px;font-size:9px}.pagination button.active{background:var(--navy);color:#fff}.pagination button:disabled{opacity:.4}footer{display:flex;justify-content:space-between;color:#8c96a2;font-size:8px;padding:18px 2px 4px}.modal-layer,.modal-scrim{position:fixed;inset:0;z-index:60}.modal-scrim{border:0;background:#0b1421a8}.drawer{position:absolute;z-index:61;right:0;top:0;bottom:0;width:min(430px,100%);background:#fff;padding:26px;box-shadow:-20px 0 50px #0003;overflow:auto}.drawer-close{position:absolute;right:15px;top:13px}.drawer-top{text-align:center;padding:25px 0 20px;border-bottom:1px solid var(--line)}.avatar.big{width:62px;height:62px;border-radius:16px;font-size:17px;background:var(--gold-soft);color:#926b25}.drawer-top>small{display:block;color:var(--gold);letter-spacing:1.4px;margin:14px 0 5px}.drawer-top h2{font:700 23px Manrope;margin:0}.drawer-top p{color:var(--muted);font-size:11px}.drawer-score{background:#f6f8fa;border-radius:10px;padding:14px;margin:18px 0}.drawer-score>div:first-child{display:flex;justify-content:space-between}.drawer-score strong{font-size:18px}.scorebar{height:7px;background:#e0e5e9;border-radius:5px;margin:8px 0}.scorebar i{display:block;height:100%;background:linear-gradient(90deg,#1d8260,#b78a37);border-radius:5px}.drawer-score p{font-size:10px;margin:8px 0 0;color:var(--muted)}dl{margin:0 0 20px}dl div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}dt{color:var(--muted)}dd{font-weight:600}.wa-large{width:100%;justify-content:center;background:var(--green);padding:13px}.wa-large svg{width:18px}.outline-btn.full{width:100%;justify-content:center;margin-top:8px;padding:12px}.toast{position:fixed;z-index:90;right:24px;bottom:24px;background:#102132;color:white;padding:13px 17px;border-radius:9px;box-shadow:0 10px 35px #0003;display:flex;align-items:center;gap:9px;font-size:11px}.toast svg{width:18px;color:#73d2ac}.menu,.mobile-close,.scrim{display:none}@media(max-width:1150px){.stats{grid-template-columns:repeat(2,1fr)}.grid-top{grid-template-columns:1fr}.regions{display:none}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.scrim{display:block;position:fixed;inset:0;background:#0b142197;border:0;z-index:25}.mobile-close{display:grid;margin-left:auto;color:#cbd5df}.menu{display:grid;margin-right:6px}main{padding-left:0}.header-actions .user-btn div,.header-actions .user-btn>svg:last-child,kbd{display:none}.content{padding:20px 16px}.welcome{align-items:flex-start}.welcome .primary-btn{display:none}.stats{grid-template-columns:1fr 1fr}.filters{flex-wrap:wrap}.filters label{max-width:none;flex-basis:100%}.filters select{flex:1 1}.filters>span{display:none}}@media(max-width:520px){header{padding:0 10px}.header-actions>span{display:none}.stats{grid-template-columns:1fr}.welcome h1{font-size:22px}.table-title .outline-btn{font-size:0}.filters select{width:100%;flex-basis:100%}.pagination>span{display:none}.pagination{justify-content:center}footer{flex-direction:column;gap:6px}.grid-top{display:block}.opportunity{padding:14px}.opp-list .due,.opp-list .late{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.bonus-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);grid-gap:18px;gap:18px;align-items:start}.bonus-form{padding:24px}.bonus-form-head{display:flex;align-items:center;gap:13px;margin-bottom:22px}.bonus-form-head>span{width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,var(--gold-soft),#fff5de);color:var(--gold);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #b8882d22}.bonus-form-head svg{width:22px}.bonus-form-head small,.bonus-guide>small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--gold);font-weight:700;margin-bottom:5px}.bonus-form-head h2,.bonus-guide h2{font:700 19px Manrope;margin:0}.bonus-search-label{display:block;position:relative;margin-bottom:16px}.bonus-fields label>span,.bonus-search-label>span{display:block;font-size:11px;font-weight:700;margin-bottom:7px}.bonus-search{height:50px;border:1px solid var(--line);border-radius:10px;background:var(--card);display:flex;align-items:center;padding:0 12px;transition:border-color .18s,box-shadow .18s}.bonus-search:focus-within{border-color:#b8882d;box-shadow:0 0 0 3px #b8882d1d}.bonus-search>svg{width:18px;color:var(--muted)}.bonus-search input{border:0;outline:0;background:transparent;color:var(--text);flex:1 1;min-width:0;padding:0 10px}.bonus-search button{border:0;background:transparent;color:var(--muted);width:36px;height:36px;display:grid;place-items:center}.bonus-search button svg{width:16px}.bonus-suggestions{position:absolute;z-index:18;top:78px;left:0;right:0;background:var(--card);border:1px solid var(--line);border-radius:11px;box-shadow:0 18px 50px #101d2f24;padding:7px;max-height:360px;overflow:auto}.bonus-suggestions>button{width:100%;border:0;background:transparent;border-radius:8px;padding:9px;display:flex;align-items:center;gap:10px;text-align:left;color:var(--text)}.bonus-suggestions>button:focus-visible,.bonus-suggestions>button:hover{background:var(--gold-soft);outline:none}.bonus-suggestions>button>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1 1}.bonus-suggestions b{font-size:11px}.bonus-suggestions small{font-size:9px;color:var(--muted);letter-spacing:0;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bonus-suggestions strong{font-size:9px;color:var(--gold);white-space:nowrap}.bonus-customer{border:1px solid #b8882d3d;background:linear-gradient(135deg,#fffaf0,var(--card));border-radius:12px;padding:15px;margin-bottom:18px}.bonus-customer>div:first-child{display:flex;align-items:center;gap:11px}.bonus-customer>div:first-child>span:last-child{display:flex;flex-direction:column}.bonus-customer small{font-size:8px;letter-spacing:1px;color:var(--gold);font-weight:700}.bonus-customer b{font-size:14px;margin:3px 0}.bonus-customer em{font-size:10px;color:var(--muted);font-style:normal}.bonus-customer-stats{display:grid!important;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:13px}.bonus-customer-stats>span{background:var(--card);border:1px solid #eadfc9;border-radius:8px;padding:10px;display:flex;flex-direction:column}.bonus-customer-stats b{font:700 14px Manrope;margin:4px 0 0}.bonus-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.bonus-fields label{display:block}.bonus-fields label:last-child{grid-column:1/-1}.bonus-fields input,.bonus-fields textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text);padding:12px;outline:0;transition:.18s}.bonus-fields input:focus,.bonus-fields textarea:focus{border-color:#b8882d;box-shadow:0 0 0 3px #b8882d1d}.bonus-fields textarea{min-height:88px;resize:vertical}.bonus-fields label>small{display:block;color:var(--muted);font-size:9px;margin-top:5px;letter-spacing:0}.qty-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden;height:43px}.qty-input button{width:42px;height:100%;border:0;background:var(--bg);font-size:18px;color:var(--text)}.qty-input input{width:64px;height:100%;border:0;border-inline:1px solid var(--line);border-radius:0;text-align:center;padding:0}.qty-input em{font-style:normal;font-size:10px;color:var(--muted);padding:0 12px;margin-left:auto}.bonus-admin{display:flex;align-items:center;gap:11px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px;margin:18px 0}.bonus-admin>svg:first-child{width:30px;color:var(--gold)}.bonus-admin>svg:last-child{margin-left:auto;color:var(--green);width:20px}.bonus-admin>span{display:flex;flex-direction:column}.bonus-admin em,.bonus-admin small{font-size:9px;color:var(--muted);font-style:normal}.bonus-admin b{font-size:11px;margin:2px 0}.bonus-submit{width:100%;justify-content:center;min-height:48px}.bonus-submit:disabled{opacity:.5;cursor:not-allowed}.form-error{display:flex;align-items:center;gap:8px;background:var(--rose-soft);color:var(--rose);border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:10px}.form-error svg{width:17px}.bonus-guide{padding:22px;position:-webkit-sticky;position:sticky;top:88px}.bonus-guide ol{list-style:none;padding:0;margin:19px 0}.bonus-guide li{display:flex;gap:11px;padding:13px 0;border-top:1px solid var(--line)}.bonus-guide li>b{width:28px;height:28px;border-radius:8px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:10px;flex:0 0 auto}.bonus-guide li span{display:flex;flex-direction:column}.bonus-guide li strong{font-size:11px}.bonus-guide li small{font-size:9px;color:var(--muted);letter-spacing:0;line-height:1.5;margin-top:3px}.bonus-guide-note{display:flex;gap:10px;background:var(--green-soft);color:var(--green);border-radius:10px;padding:13px}.bonus-guide-note svg{width:19px;flex:0 0 auto}.bonus-guide-note span{display:flex;flex-direction:column}.bonus-guide-note b{font-size:10px}.bonus-guide-note small{font-size:9px;letter-spacing:0;line-height:1.45;margin-top:3px;color:var(--green)}@media(max-width:980px){.bonus-layout{grid-template-columns:1fr}.bonus-guide{position:static}}@media(max-width:600px){.bonus-form{padding:16px}.bonus-fields{grid-template-columns:1fr}.bonus-fields label:last-child{grid-column:auto}.bonus-customer-stats{grid-template-columns:1fr!important}.bonus-suggestions{top:76px}}