:root{color:#19211d;background:#f4f6f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}h1,h2,p{margin:0}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr)}.auth-brand{background:#173d31;color:#fff;display:flex;flex-direction:column;padding:clamp(32px,5vw,72px)}.brand-line{align-items:center;display:flex;gap:11px}.brand-line strong,.brand-line span{display:block}.brand-line strong{font-size:20px}.brand-line span{color:#b7d1c5;font-size:12px}.brand-mark{align-items:center;background:#dff04b;border-radius:8px;color:#183c31;display:flex;height:38px;justify-content:center;width:38px}.auth-message{margin:auto 0;max-width:560px}.auth-message>p,.eyebrow{color:#69736e;font-size:11px;font-weight:800;letter-spacing:0;margin-bottom:8px}.auth-message>p{color:#dff04b}.auth-message h1{font-size:clamp(34px,4.3vw,58px);line-height:1.08}.auth-points{display:grid;gap:14px;margin-top:38px}.auth-points span{align-items:center;color:#d8e5df;display:flex;gap:10px}.auth-form-wrap{align-items:center;display:flex;justify-content:center;padding:30px}.auth-form{display:grid;gap:22px;max-width:430px;width:100%}.auth-form h2{font-size:28px;margin-bottom:6px}.auth-form>div:first-child>span{color:#69736e}.auth-form label{color:#3f4944;display:grid;font-size:13px;font-weight:700;gap:8px}.input-wrap{align-items:center;background:#fff;border:1px solid #cfd7d2;border-radius:8px;display:flex;min-height:48px;padding:0 12px}.input-wrap:focus-within{border-color:#287256;box-shadow:0 0 0 3px #28725618}.input-wrap svg{color:#77827c;flex:0 0 auto}.input-wrap input{border:0;color:#19211d;min-width:0;outline:0;padding:0 10px;width:100%}.inline-action{background:none;border:0;color:#287256;font-size:12px;font-weight:800;padding:4px}.primary-button{align-items:center;background:#287256;border:0;border-radius:8px;color:#fff;display:flex;font-weight:800;justify-content:center;min-height:50px;padding:0 18px}.primary-button svg{margin-left:auto}.primary-button:disabled{cursor:wait;opacity:.7}.error-box{background:#fff0f1;border:1px solid #efb9bf;border-radius:8px;color:#991b35;font-size:13px;font-weight:650;padding:12px 14px}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:#18221e;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:20px 14px;position:sticky;top:0;height:100vh;z-index:30}.sidebar-brand{align-items:center;display:flex;gap:10px;padding:0 6px 28px}.sidebar-brand .brand-mark{height:34px;width:34px}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{font-size:17px}.sidebar-brand span{color:#9fb0a8;font-size:11px}.sidebar nav{display:grid;gap:5px}.nav-label{color:#70827a;font-size:10px;font-weight:800;padding:0 10px 8px}.nav-item{align-items:center;background:transparent;border:0;border-radius:7px;color:#aebdb6;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) auto;min-height:43px;padding:0 11px;text-align:left}.nav-item:hover{background:#23322c;color:#fff}.nav-item.active{background:#dff04b;color:#18221e;font-weight:800}.nav-item b{background:#f15f49;border-radius:999px;color:#fff;font-size:10px;min-width:20px;padding:3px 6px;text-align:center}.sidebar-footer{align-items:center;border-top:1px solid #2d3c35;display:flex;gap:8px;margin-top:auto;padding:16px 4px 0}.admin-profile{align-items:center;display:flex;gap:9px;min-width:0}.admin-profile>span{align-items:center;background:#385046;border-radius:8px;display:flex;font-size:11px;font-weight:800;height:34px;justify-content:center;width:34px}.admin-profile div{min-width:0}.admin-profile strong,.admin-profile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-profile strong{font-size:12px}.admin-profile small{color:#8fa198;font-size:10px}.sidebar-footer .icon-button{color:#aebdb6;margin-left:auto}.workspace{min-width:0;padding:0 28px 32px}.topbar{align-items:center;background:#f4f6f4;border-bottom:1px solid #dce3df;display:flex;gap:18px;min-height:82px;position:sticky;top:0;z-index:20}.topbar h1{font-size:22px}.topbar p{color:#77817c;font-size:12px;margin-top:4px}.top-actions{align-items:center;display:flex;gap:10px;margin-left:auto}.global-search{align-items:center;background:#fff;border:1px solid #d5ddd8;border-radius:8px;display:flex;height:40px;padding:0 11px;width:min(280px,30vw)}.global-search svg{color:#78837d;flex:0 0 auto}.global-search input{border:0;min-width:0;outline:0;padding-left:8px;width:100%}.icon-button,.menu-button,.mobile-close{align-items:center;background:transparent;border:0;border-radius:7px;display:inline-flex;height:38px;justify-content:center;width:38px}.icon-button:hover,.menu-button:hover{background:#e7ece9}.menu-button,.mobile-close{display:none}.page-error{margin:18px 0 0}.metrics{display:grid;gap:13px;grid-template-columns:repeat(4,minmax(0,1fr));padding:22px 0 16px}.metric{background:#fff;border:1px solid #dfe5e1;border-radius:8px;min-height:144px;padding:16px}.metric-icon{align-items:center;border-radius:7px;display:flex;height:36px;justify-content:center;margin-bottom:14px;width:36px}.metric-icon.green{background:#dff3e9;color:#1f704e}.metric-icon.blue{background:#dfeef7;color:#246685}.metric-icon.amber{background:#fff0c9;color:#90620a}.metric-icon.coral{background:#ffe5e0;color:#b94436}.metric p,.metric span{color:#727c77;font-size:12px}.metric strong{display:block;font-size:clamp(20px,2vw,27px);margin:8px 0 5px;overflow-wrap:anywhere}.overview-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr)}.panel{background:#fff;border:1px solid #dfe5e1;border-radius:8px;min-width:0;padding:18px}.panel.span-two{grid-column:1 / -1}.panel-heading{align-items:flex-start;border-bottom:1px solid #e7ece9;display:flex;gap:12px;justify-content:space-between;margin-bottom:15px;padding-bottom:13px}.panel-heading h2{font-size:17px}.panel-heading>span:not(.success-chip){color:#6d7872;font-size:12px;font-weight:700}.success-chip{align-items:center;background:#e5f5ea;border-radius:999px;color:#24704d;display:inline-flex;font-size:11px;font-weight:800;gap:5px;padding:6px 9px}.bar-chart{align-items:end;display:grid;gap:7px;grid-template-columns:repeat(14,minmax(18px,1fr));height:250px;padding-top:8px}.bar-column{align-items:stretch;display:flex;flex-direction:column;height:100%;justify-content:flex-end;min-width:0}.bar-track{align-items:end;background:#f0f3f1;border-radius:5px 5px 2px 2px;display:flex;flex:1;overflow:hidden}.bar-track span{background:#287256;border-radius:5px 5px 2px 2px;display:block;transition:height .3s;width:100%}.bar-column small{color:#78827d;font-size:9px;margin-top:7px;overflow:hidden;text-align:center;white-space:nowrap}.fact-list{display:grid}.fact-list div{align-items:center;border-bottom:1px solid #edf0ee;display:flex;justify-content:space-between;min-height:48px}.fact-list div:last-child{border-bottom:0}.fact-list span{color:#69746e;font-size:13px}.fact-list strong{font-size:18px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:900px;width:100%}th,td{border-bottom:1px solid #e9edeb;padding:12px 10px;text-align:left;vertical-align:middle}th{color:#75807a;font-size:10px;text-transform:uppercase}td{font-size:12px}td strong,td span{display:block}td span{color:#7b8580;font-size:11px;margin-top:4px}td.profit{color:#24704d;font-weight:800}.status-pill{border-radius:999px;display:inline-flex;font-size:10px;font-weight:800;margin:0;padding:5px 8px;white-space:nowrap}.status-pill.new,.status-pill.pending_verification{background:#fff0c9;color:#865b08}.status-pill.confirmed,.status-pill.preparing{background:#e2edf8;color:#245f86}.status-pill.ready{background:#e6e7ff;color:#4942a1}.status-pill.completed,.status-pill.active{background:#e2f4e8;color:#226c49}.status-pill.cancelled,.status-pill.blocked{background:#fee5e8;color:#a33343}.empty-cell{color:#7b8580;padding:34px;text-align:center}.product-ranking{display:grid}.product-ranking article{align-items:center;border-bottom:1px solid #e9edeb;display:grid;gap:14px;grid-template-columns:30px minmax(220px,1fr) minmax(180px,.5fr);min-height:72px}.product-ranking article>b{align-items:center;background:#eef2ef;border-radius:7px;display:flex;height:28px;justify-content:center;width:28px}.product-ranking article>div strong,.product-ranking article>div small{display:block}.product-ranking article>div:last-child{text-align:right}.product-ranking article small{color:#77817c;margin-top:4px}.product-ranking article span{background:#edf1ef;border-radius:4px;display:block;height:5px;margin-top:8px;overflow:hidden}.product-ranking article i{background:#287256;display:block;height:100%}.empty-state,.loading-state{align-items:center;color:#78827d;display:flex;gap:10px;justify-content:center;min-height:220px}.spin{animation:spin 1s linear infinite}.nav-backdrop{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.panel.span-two{grid-column:auto}}@media(max-width:760px){.auth-layout{grid-template-columns:1fr}.auth-brand{min-height:250px;padding:26px}.auth-message{margin-top:48px}.auth-message h1{font-size:30px}.auth-points{display:none}.auth-form-wrap{padding:30px 20px 44px}.app-shell{display:block}.sidebar{left:0;position:fixed;transform:translate(-100%);transition:transform .2s;width:245px}.sidebar.open{transform:translate(0)}.mobile-close{color:#fff;display:inline-flex;margin-left:auto}.nav-backdrop{background:#10181499;border:0;display:block;inset:0;position:fixed;z-index:25}.workspace{padding:0 16px 24px}.topbar{min-height:72px}.menu-button{display:inline-flex}.topbar p{display:none}.topbar h1{font-size:18px}.global-search{display:none}.metrics{gap:10px;grid-template-columns:1fr 1fr;padding-top:16px}.metric{min-height:132px;padding:13px}.metric strong{font-size:19px}.bar-chart{gap:3px;height:210px}.bar-column small{display:none}.panel{padding:14px}.product-ranking article{grid-template-columns:28px minmax(0,1fr);padding:12px 0}.product-ranking article>div:last-child{grid-column:2;text-align:left}}@media(max-width:420px){.metrics{grid-template-columns:1fr}}