@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap";.ocr-paste{border-top:1px solid #dfe6da;grid-column:1/-1;padding-top:12px}.ocr-paste summary{cursor:pointer;color:#4d654f;font-size:12px;font-weight:700}.ocr-paste textarea{resize:vertical;color:#1e2921;background:#fff;border:1px solid #dbe0d7;border-radius:8px;width:100%;margin:10px 0;padding:10px 11px;font:12px DM Sans,system-ui,sans-serif}.ocr-total{flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 10px;font-size:12px;display:flex}.ocr-total.warn,.invoice-total.warn{color:#725915;background:#fff6df;border:1px solid #ead18a;border-radius:9px;padding:10px 12px}.ocr-total span,.invoice-total span{font-size:11px;font-weight:600}.invoice-line.needs-review{background:#fff8e5;border-color:#e8ce7f}.ocr-source strong{color:#9a6b00}.ocr-result ul{color:#5d6a61;margin:8px 0 0;padding-left:18px;font-size:12px}.toolbar-actions{gap:9px;display:flex}.modal.bulk-modal{width:min(1180px,100%)}.bulk-product-form{padding:24px}.bulk-intro{grid-template-columns:minmax(240px,.65fr) 1.35fr;align-items:end;gap:16px;margin-bottom:18px;display:grid}.bulk-product-form label{color:#667269;flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.bulk-product-form input,.bulk-product-form select{color:#1e2921;background:#fff;border:1px solid #dbe0d7;border-radius:8px;outline:none;height:41px;padding:0 11px;font-size:12px}.bulk-product-form input:focus,.bulk-product-form select:focus{border-color:#73947e;box-shadow:0 0 0 3px #4b765426}.bulk-product-lines{flex-direction:column;gap:12px;display:flex}.bulk-product-line{background:#f2f4ee;border:1px solid #dfe4da;border-radius:11px;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:16px;display:grid}.bulk-line-head{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.bulk-line-head h3{margin:0;font-size:13px}.bulk-field-placeholder{min-height:1px}.bulk-add-line{margin:14px 0}.bulk-product-form>.form-actions{border-top:1px solid var(--line);padding-top:16px}@media (width<=900px){.bulk-product-line{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.toolbar{align-items:flex-start;gap:12px}.toolbar-actions{flex-direction:column}.bulk-intro,.bulk-product-line{grid-template-columns:1fr}.bulk-field-placeholder{display:none}}:root{color:#18211b;font-synthesis:none;--ink:#142018;--green:#234832;--lime:#d9ff62;--cream:#f4f5ef;--line:#dfe3d9;--muted:#6e796f;background:#f4f5ef;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}.app-shell{grid-template-columns:238px 1fr;min-height:100vh;display:grid}aside{color:#eef3eb;background:#111a14;flex-direction:column;width:238px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 10px 30px;display:flex}.brand-mark{background:var(--lime);color:#111a14;border-radius:11px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid;transform:rotate(-4deg)}.brand div,.venue div,.sidebar-foot div{flex-direction:column;display:flex}.brand strong{font-size:17px}.brand small,.venue small,.sidebar-foot small{color:#8f9c92;margin-top:2px;font-size:11px}nav{flex-direction:column;gap:5px;display:flex}nav a{color:#aab5ac;border-radius:9px;align-items:center;gap:13px;padding:12px 14px;font-size:14px;font-weight:600;text-decoration:none;display:flex}nav a span{text-align:center;width:20px;font-size:19px}nav a:hover{color:#fff;background:#1b2820}nav a.active{color:#132016;background:var(--lime)}.sidebar-foot{border-top:1px solid #2a352d;align-items:center;gap:10px;margin-top:auto;padding:20px 10px 0;display:flex}.sidebar-foot strong{font-size:12px}.pulse{background:#78df9d;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #78df9d20}main{grid-column:2;width:100%;max-width:1500px;padding:0 36px 48px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:104px;margin-bottom:28px;display:flex}header p,.eyebrow{letter-spacing:1.8px;color:#7d897f;margin:0 0 5px;font-size:10px;font-weight:700}header h1{letter-spacing:-.8px;margin:0;font-size:27px}.venue{align-items:center;gap:10px;display:flex}.venue>span{color:#294033;background:#dfe6d9;border-radius:50%;place-items:center;width:37px;height:37px;font-size:12px;font-weight:700;display:grid}.venue strong{font-size:13px}.hero{background:var(--green);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;min-height:255px;padding:38px 44px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #ffffff1c;border-radius:50%;width:320px;height:320px;position:absolute;top:-40px;right:-38px;box-shadow:0 0 0 40px #ffffff08,0 0 0 80px #ffffff06}.hero h2{letter-spacing:-1.5px;margin:6px 0 15px;font-size:39px;line-height:1.08}.hero h2 em{color:var(--lime);font-family:Playfair Display,serif;font-weight:600}.hero>div>p:last-child{color:#bcc9bf;max-width:550px;margin:0;font-size:14px}.hero-orbit{z-index:2;background:#ffffff08;border:1px solid #779081;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:146px;height:146px;margin-right:48px;display:flex;position:relative}.hero-orbit span{color:var(--lime);font-size:31px;font-weight:700}.hero-orbit small{color:#bdc9bf;font-size:10px}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:13px;flex-direction:column;min-height:128px;padding:19px 21px;display:flex}.metric p{color:var(--muted);margin:0;font-size:12px}.metric strong{letter-spacing:-1px;margin:auto 0 2px;font-size:26px}.metric small{color:#89928b;font-size:10px}.metric.accent{background:#e9f2e6;border-color:#d5e4d2}.metric.accent strong{color:#214d32}.metric.warn{background:#fff6ec;border-color:#f1dfc9}.metric.warn strong{color:#bc6026}.grid-two{grid-template-columns:1.08fr .92fr;gap:16px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:21px}.card-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-head h3{margin:0;font-size:15px}.card-head span{color:var(--muted);background:#eff1eb;border-radius:20px;padding:6px 9px;font-size:10px}.attention-list>div{border-top:1px solid #edf0e9;align-items:center;gap:12px;padding:12px 0;display:flex}.product-icon{color:#4a5c50;background:#e8ece4;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.attention-list div div{flex-direction:column;flex:1;display:flex}.attention-list strong{font-size:12px}.attention-list small{color:#8a958c;margin-top:2px;font-size:10px}.attention-list b{color:#b95b27;font-size:12px}.mix>div{margin:14px 0}.mix p{justify-content:space-between;margin:0 0 6px;font-size:11px;display:flex}.mix p b{font-weight:600}.mix i{background:#eef0eb;border-radius:6px;height:6px;display:block;overflow:hidden}.mix u{border-radius:6px;height:100%;display:block}.toolbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.search{border:1px solid var(--line);color:#667269;background:#fff;border-radius:10px;align-items:center;gap:8px;width:min(480px,55%);height:43px;padding:0 14px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.primary,.secondary,.ghost{cursor:pointer;border:0;border-radius:9px;font-size:12px;font-weight:700}.primary{background:var(--green);color:#fff;padding:12px 17px}.primary:hover{background:#152f20}.secondary{color:#465249;background:#edf0e9;padding:11px 17px}.ghost{color:#3d5846;background:#eef2eb;padding:7px 10px}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:800px}th{text-align:left;color:#748077;text-transform:uppercase;letter-spacing:1px;background:#eef1eb;padding:13px 17px;font-size:9px}td{border-top:1px solid #ebeee7;padding:15px 17px;font-size:12px}td strong{font-size:12px}td small{color:#8b958d;margin-top:3px;font-size:9px;display:block}.profit{color:#28774a;font-weight:700}.status{text-transform:capitalize;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:700;display:inline-block}.status.good{color:#287343;background:#e2f3e6}.status.low{color:#b55625;background:#fce7d9}.status.pending{color:#846819;background:#fff1c9}.section-copy{color:var(--muted);font-size:13px}.supplier-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.supplier-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:23px}.supplier-avatar{color:#31523b;background:#e9f0e5;border-radius:12px;place-items:center;width:45px;height:45px;font-weight:700;display:grid}.supplier-grid h3{margin:16px 0 4px;font-size:16px}.supplier-grid>article>p{color:#818d83;margin:0 0 18px;font-size:11px}.supplier-grid dl{border-top:1px solid #edf0e9;grid-template-columns:60px 1fr;gap:8px;margin:0;padding-top:15px;font-size:10px;display:grid}.supplier-grid dt{color:#929b94}.supplier-grid dd{text-overflow:ellipsis;margin:0;overflow:hidden}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101713ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#f8f9f4;border-radius:17px;width:min(620px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 70px #0004}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 25px;display:flex}.modal-head h2{margin:0;font-size:20px}.modal-head button{color:#67716a;cursor:pointer;background:0 0;border:0;font-size:26px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;padding:24px;display:grid}.form-grid label{color:#667269;flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.form-grid input,.form-grid select{color:#1e2921;background:#fff;border:1px solid #dbe0d7;border-radius:8px;outline:none;height:41px;padding:0 11px;font-size:12px}.form-grid input:focus,.form-grid select:focus{border-color:#73947e;box-shadow:0 0 0 3px #4b765426}.wide{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:9px;margin-top:5px;display:flex}.form-note{background:#eef2e9;border-radius:8px;margin:0;padding:13px;font-size:12px!important}.line-box{background:#f2f4ee;border:1px solid #dfe4da;border-radius:10px;padding:14px}.line-box h4{margin:0 0 11px;font-size:12px}.line-box>div{grid-template-columns:1.5fr .7fr .8fr;gap:10px;display:grid}.empty{text-align:center;color:#8b958d!important;padding:30px!important}.error{color:#9b3e2d;background:#fee5df;border-radius:9px;margin-bottom:15px;padding:11px 14px;font-size:12px}.loading{color:#7a867c;place-items:center;height:300px;font-size:13px;display:grid}@media (width<=1000px){.metrics,.supplier-grid{grid-template-columns:1fr 1fr}.hero-orbit{margin-right:0}.grid-two{grid-template-columns:1fr}}@media (width<=720px){.app-shell{display:block}.app-shell aside{width:auto;height:auto;padding:15px;position:static}.brand{padding-bottom:14px}nav{flex-direction:row;overflow:auto}nav a{white-space:nowrap}.sidebar-foot{display:none}main{padding:0 15px 35px}.hero{padding:30px 25px}.hero h2{font-size:31px}.hero-orbit{display:none}.metrics{grid-template-columns:1fr 1fr}.supplier-grid,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.line-box>div{grid-template-columns:1fr}header{height:83px}.venue{display:none}}.auth-page{background:#14261b;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:60px;min-height:100vh;padding:52px 60px;display:grid}.auth-intro{color:#fff;max-width:700px;margin:auto}.auth-intro-copy{max-width:540px}.auth-intro h1{letter-spacing:-2px;margin-bottom:16px;font-size:clamp(38px,5vw,70px);line-height:1.05}.auth-intro p{color:#becdbf;line-height:1.6}.project-preview-card{background:#203b2b;border:1px solid #ffffff24;border-radius:18px;margin:32px 0 0;position:relative;overflow:hidden;box-shadow:0 24px 70px #07150d66}.project-preview-card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.project-preview-card figcaption{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1f17d9;border:1px solid #ffffff24;border-radius:12px;gap:3px;padding:13px 15px;display:grid;position:absolute;inset:auto 14px 14px}.project-preview-card figcaption span{color:var(--lime);letter-spacing:1.7px;font-size:9px;font-weight:700}.project-preview-card figcaption strong{font-size:13px}.project-preview-card figcaption small{color:#bcc9bf;font-size:10px}.auth-card{background:#f8faf4;border-radius:22px;width:100%;max-width:460px;padding:38px}.auth-card h2{margin:0 0 8px}.auth-card>p{color:var(--muted);font-size:14px;line-height:1.5}.auth-form{flex-direction:column;gap:16px;margin-top:24px;display:flex}.auth-form label{flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.auth-form input{font:inherit;border:1px solid var(--line);border-radius:8px;width:100%;padding:12px;font-size:16px}.auth-form small{color:var(--muted)}.auth-switch{color:var(--green);cursor:pointer;background:0 0;border:0;padding:20px 0 0;font-weight:600}.account-actions{align-items:center;gap:8px;display:flex}.account-actions>div{flex-direction:column;gap:4px;margin-right:10px;font-size:12px;display:flex}.account-actions small{color:var(--muted)}button:disabled{opacity:.55;cursor:wait}.product-cell{align-items:center;gap:12px;min-width:190px;display:flex}.product-photo{object-fit:contain;background:#edf1e9;border-radius:9px;flex-shrink:0;width:44px;height:44px}.product-photo.placeholder{color:var(--green);place-items:center;font-weight:700;display:grid}.row-actions{gap:6px;display:flex}.image-editor{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:14px;padding:15px;display:flex}.image-editor input{max-width:100%;height:auto;padding:9px}.image-editor small{color:var(--muted);font-weight:400}.image-preview{object-fit:contain;background:#fff;border-radius:8px;width:90px;height:90px}code{white-space:nowrap;font-size:12px}.form-grid small{line-height:1.5}@media (width<=960px){.auth-page{grid-template-columns:1fr;gap:30px;padding:36px}.auth-intro{width:100%;max-width:720px}.auth-card{max-width:720px;margin:auto}.project-preview-card{margin-top:26px}}@media (width<=720px){.auth-page{gap:28px;padding:25px}.auth-intro h1{margin:18px 0;font-size:38px}.auth-intro{margin:0}.project-preview-card{border-radius:14px}.project-preview-card figcaption{-webkit-backdrop-filter:none;backdrop-filter:none;background:#182d20;border:0;border-radius:0;position:static}.auth-card{max-width:none;padding:25px}.account-actions>div{display:none}.account-actions{gap:5px}}main{min-width:0}.table-wrap{max-width:100%}a.primary{text-decoration:none;display:inline-block}.invoice-modal{width:min(900px,100%)}.invoice-lines h3{margin-top:0;font-size:15px}.invoice-line{border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr 1fr auto;gap:12px;margin-bottom:12px;padding:16px 0;display:grid}.invoice-line small{color:var(--muted);font-size:12px}.invoice-total{text-align:right;font-size:18px}.dashboard-stock{color:var(--muted);margin-top:4px;font-size:11px;display:block}@media (width<=720px){.invoice-line{grid-template-columns:1fr}.invoice-line .wide{grid-column:1/-1}}.supplier-sku-line{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin:12px 0;display:grid}@media (width<=650px){.supplier-sku-line{grid-template-columns:1fr}}.sales-upload,.latest-report{margin-bottom:24px}.sales-upload pre{background:#edf1e9;padding:12px;font-size:12px;overflow:auto}.latest-report>button{margin-top:12px;display:block}.sales-upload input[type=file]{height:auto;padding:12px}.product-link{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #96b36b;text-decoration:underline #96b36b}.product-link:hover{color:var(--green);text-decoration-color:currentColor}.product-link:focus-visible{outline:2px solid var(--green);outline-offset:4px}.product-details,.product-detail-section{margin-bottom:24px}.product-detail-intro{align-items:center;gap:24px;display:flex}.product-detail-intro h2{margin:8px 0}.product-detail-image{object-fit:contain;background:#edf1e9;border-radius:14px;flex-shrink:0;width:160px;height:160px}.product-detail-image.placeholder{color:var(--muted);place-items:center;display:grid}.product-detail-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;display:grid}.product-detail-fields dt{color:var(--muted);margin-bottom:8px;font-size:12px}.product-detail-fields dd{margin:0;font-weight:600}.product-detail-fields small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.selected-product-reference{color:var(--muted);grid-column:1/-1;font-size:12px}@media (width<=720px){.product-detail-fields{grid-template-columns:1fr 1fr}.product-detail-intro{flex-direction:column;align-items:flex-start}}@media (width<=420px){.product-detail-fields{grid-template-columns:1fr}}.monthly-overview{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:16px;padding:25px}.monthly-overview-head{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;display:flex}.monthly-overview-head h2{letter-spacing:-.8px;margin:4px 0 7px;font-size:28px}.monthly-overview-head>div>p:last-child{color:var(--muted);margin:0;font-size:12px}.report-coverage{background:#edf3e8;border-radius:13px;flex-direction:column;min-width:150px;padding:16px;display:flex}.report-coverage strong{color:var(--green);font-size:28px}.report-coverage small{color:var(--muted);font-size:10px;line-height:1.4}.monthly-charts{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.monthly-chart{border:1px solid var(--line);background:#f8faf5;border-radius:13px;padding:17px}.monthly-chart-head{justify-content:space-between;gap:10px;margin-bottom:18px;display:flex}.monthly-chart-head h3{margin:0 0 3px;font-size:14px}.monthly-chart-head small{color:var(--muted);font-size:9px}.monthly-chart-head>span{white-space:nowrap;border-radius:12px;height:max-content;padding:5px 7px;font-size:9px}.monthly-chart-head .up{color:#287343;background:#e2f3e6}.monthly-chart-head .down{color:#b55625;background:#fce7d9}.month-bar-row{margin:11px 0}.month-bar-row>div{justify-content:space-between;gap:8px;margin-bottom:6px;font-size:10px;display:flex}.month-bar-row strong{color:#6e796f;font-weight:600}.month-bar-row b{font-size:11px}.month-bar-row i{background:#e7ebe3;border-radius:9px;height:9px;display:block;overflow:hidden}.month-bar-row u{border-radius:9px;min-width:2px;height:100%;display:block}.month-bar-row u.sales{background:#86a8ff}.month-bar-row u.purchases{background:#f2aa7e}.month-bar-row u.profit{background:#70c58f}.month-bar-row u.negative{background:#d6745b}.month-bar-row.current strong,.month-bar-row.current b{color:var(--ink)}.monthly-method{color:var(--muted);margin:17px 0 0;font-size:10px}@media (width<=1050px){.monthly-charts{grid-template-columns:1fr}}@media (width<=720px){.monthly-overview{padding:19px}.monthly-overview-head{flex-direction:column;align-items:flex-start}.report-coverage{width:100%}}.monthly-chart-head .neutral{color:#7d5a27;background:#fff0d8}.invoice-ocr{background:#f4f8ef;border:1px solid #cdd9c8;border-radius:14px;padding:16px}.invoice-ocr-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.invoice-ocr-head>div{align-items:center;gap:12px;display:flex}.invoice-ocr-head h3{margin:0 0 4px;font-size:15px}.invoice-ocr-head p{color:var(--muted);margin:0;font-size:11px}.ocr-icon{color:#183322;background:#d9ff62;border-radius:11px;place-items:center;width:38px;height:38px;font-size:24px;font-weight:700;display:grid;transform:rotate(-12deg)}.ocr-picker{color:#fff;cursor:pointer;white-space:nowrap;background:#183322;border-radius:9px;justify-content:center;align-items:center;min-height:40px;padding:9px 14px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.ocr-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ocr-picker.disabled{opacity:.45;cursor:not-allowed}.ocr-picker.disabled input{cursor:not-allowed}.ocr-hint{color:#6a756b;margin:12px 0 0;font-size:11px}.ocr-progress{border-top:1px solid #dbe4d6;gap:7px;margin-top:14px;padding-top:13px;display:grid}.ocr-progress span{font-size:12px;font-weight:700}.ocr-progress progress{accent-color:#4f865e;width:100%;height:7px}.ocr-progress small{color:var(--muted);font-size:10px}.ocr-result{border-top:1px solid #dbe4d6;grid-template-columns:150px 1fr;gap:15px;margin-top:15px;padding-top:15px;display:grid}.ocr-result img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:9px;width:150px;height:120px}.ocr-notice{margin:0 0 9px;font-size:12px;line-height:1.5}.ocr-result details{font-size:11px}.ocr-result pre{white-space:pre-wrap;border:1px solid var(--line);background:#fff;border-radius:7px;max-height:130px;padding:9px;font-size:10px;overflow:auto}.invoice-line.ocr-line{background:#f6faef;border:1px solid #d9e5cf;border-radius:11px;margin-top:10px;padding:15px}.ocr-source{color:#55705c;line-height:1.45}.invoice-confirmation{background:#fff7df;border:1px solid #efdca9;border-radius:10px;flex-direction:column;gap:3px;padding:12px 14px;font-size:11px;display:flex}.invoice-confirmation strong{color:#644e12;font-size:12px}.invoice-confirmation span{color:#776a45}@media (width<=720px){.invoice-ocr-head{flex-direction:column;align-items:stretch}.ocr-picker{width:100%}.ocr-result{grid-template-columns:1fr}.ocr-result img{width:100%;height:180px}}.monthly-carousel-nav{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:10px;display:flex}.monthly-carousel-nav>div{gap:6px;display:flex}.monthly-carousel-nav button{border:1px solid var(--line);width:30px;height:30px;color:var(--ink);cursor:pointer;background:#f8faf5;border-radius:50%;font-size:15px}.monthly-carousel-nav button:disabled{opacity:.3;cursor:default}.monthly-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none;display:flex;overflow-x:auto}.monthly-carousel::-webkit-scrollbar{display:none}.monthly-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0}.monthly-slide+.monthly-slide{padding-left:14px}.carousel-dots{justify-content:center;gap:6px;margin-top:12px;display:flex}.carousel-dots button{cursor:pointer;background:#cbd1c7;border:0;border-radius:50%;width:7px;height:7px;padding:0}.carousel-dots button.active{background:var(--green);border-radius:6px;width:22px}.combined-chart{border:1px solid var(--line);background:#f8faf5;border-radius:13px;padding:16px 20px 14px}.chart-legend{color:var(--muted);justify-content:flex-end;gap:20px;font-size:10px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{border-radius:3px;width:9px;height:9px}.chart-legend .previous{background:#b8c4d9}.chart-legend .current{background:#70c58f}.combined-chart svg{width:100%;height:220px;display:block;overflow:visible}.combined-chart text{fill:#59635a;font:600 12px Inter,system-ui,sans-serif}.chart-axis{stroke:#bfc7bc;stroke-width:1px}.chart-values{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.chart-values>div{background:#fff;border-radius:9px;grid-template-columns:1fr auto;gap:4px 8px;padding:9px 11px;font-size:10px;display:grid}.chart-values strong{grid-column:1/-1}.chart-values span{color:#778278}.chart-values b{color:var(--ink)}@media (width<=720px){.monthly-carousel-nav>span{max-width:180px}.monthly-slide+.monthly-slide{padding-left:8px}.combined-chart{padding:13px 8px}.combined-chart svg{height:190px}.chart-values{grid-template-columns:1fr}.chart-values>div{grid-template-columns:1fr auto auto;align-items:center}.chart-values strong{grid-column:auto}}.comparison-overview{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:16px;padding:25px}.comparison-head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.comparison-head h2{letter-spacing:-.8px;margin:4px 0 7px;font-size:29px}.comparison-head>div>p:last-child{color:var(--muted);max-width:650px;margin:0;font-size:12px}.period-selector{background:#edf1e9;border-radius:11px;gap:4px;padding:4px;display:flex}.period-selector button{color:#667269;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 15px;font-size:11px;font-weight:700}.period-selector button.active{background:var(--green);color:#fff;box-shadow:0 4px 12px #1c3b2924}.comparison-context{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 14px;display:grid}.comparison-context>div{background:#f8faf5;border:1px solid #e6eae2;border-radius:10px;flex-direction:column;gap:3px;padding:12px 14px;display:flex}.comparison-context span{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-size:9px}.comparison-context strong{text-transform:capitalize;font-size:12px}.period-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.period-chart-card{border:1px solid var(--line);background:#f8faf5;border-radius:14px;min-width:0;padding:18px}.period-chart-head{justify-content:space-between;gap:12px;display:flex}.period-chart-head span{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.period-chart-head h3{margin:5px 0 3px;font-size:25px}.period-chart-head small{color:var(--muted);font-size:10px}.period-chart-head>strong{white-space:nowrap;border-radius:20px;height:max-content;padding:6px 9px;font-size:10px}.period-chart-head .positive{color:#247044;background:#e1f2e5}.period-chart-head .negative{color:#a94d32;background:#fce7df}.period-chart-canvas{height:255px;margin:13px -3px 2px}.period-chart-values{grid-template-columns:1fr 1fr;gap:8px;display:grid}.period-chart-values>div{background:#fff;border-radius:8px;justify-content:space-between;gap:8px;padding:9px 10px;font-size:10px;display:flex}.period-chart-values span{color:var(--muted);align-items:center;gap:6px;display:flex}.period-chart-values i{border-radius:3px;width:8px;height:8px;display:inline-block}.comparison-method{color:var(--muted);margin:15px 0 0;font-size:10px}@media (width<=900px){.period-chart-grid{grid-template-columns:1fr}}@media (width<=720px){.comparison-overview{padding:18px}.comparison-head{flex-direction:column}.period-selector{width:100%}.period-selector button{flex:1}.comparison-context{grid-template-columns:1fr}.period-chart-canvas{height:220px}.period-chart-values{grid-template-columns:1fr}.period-chart-head h3{font-size:22px}}.new-product-line{border-left:4px solid #d9ff62!important}.new-product-fields{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px;display:grid}.new-product-fields h4{color:var(--green);grid-column:1/-1;margin:0}@media (width<=900px){.new-product-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.new-product-fields{grid-template-columns:1fr}}.header-actions{align-items:center;gap:10px;display:flex}.theme-toggle{border:1px solid var(--line);height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.theme-toggle>span:first-child{font-size:16px}.theme-toggle:hover{background:#f0f3ec;border-color:#9cab9e}.theme-toggle:focus-visible{outline-offset:2px;outline:3px solid #7fa18a55}[data-theme=dark]{color:#e8eee9;--ink:#e8eee9;--green:#82c79a;--cream:#101612;--line:#334239;--muted:#a2afa6;background:#101612}[data-theme=dark] body,[data-theme=dark] .app-shell{color:#e8eee9;background:#101612}[data-theme=dark] aside{background:#0b100d;border-right:1px solid #26332b}[data-theme=dark] nav a:hover{background:#1b2820}[data-theme=dark] nav a.active,[data-theme=dark] nav a.active:hover{background:var(--lime);color:#132016}[data-theme=dark] header p,[data-theme=dark] .eyebrow{color:#93a198}[data-theme=dark] .theme-toggle,[data-theme=dark] .ghost,[data-theme=dark] .secondary{color:#e5ece7;background:#202b24;border-color:#39483e}[data-theme=dark] .theme-toggle:hover,[data-theme=dark] .ghost:hover,[data-theme=dark] .secondary:hover{background:#2a382f}[data-theme=dark] .primary{color:#0d1b12;background:#83c99a}[data-theme=dark] .primary:hover{background:#a0d9b2}[data-theme=dark] .metric,[data-theme=dark] .card,[data-theme=dark] .table-wrap,[data-theme=dark] .supplier-grid article,[data-theme=dark] .monthly-overview,[data-theme=dark] .comparison-overview,[data-theme=dark] .auth-card{color:#e8eee9;background:#18201b}[data-theme=dark] .metric.accent{background:#193024;border-color:#34513f}[data-theme=dark] .metric.accent strong,[data-theme=dark] .report-coverage strong{color:#9addb0}[data-theme=dark] .metric.warn{background:#33251d;border-color:#59402f}[data-theme=dark] .metric.warn strong{color:#f0a778}[data-theme=dark] .card-head span,[data-theme=dark] .period-selector,[data-theme=dark] .report-coverage,[data-theme=dark] .form-note,[data-theme=dark] .sales-upload pre{color:#aebbb2;background:#242f28}[data-theme=dark] .product-icon,[data-theme=dark] .supplier-avatar,[data-theme=dark] .product-photo,[data-theme=dark] .product-detail-image{color:#a9d8b8;background:#27342c}[data-theme=dark] .search,[data-theme=dark] .modal,[data-theme=dark] .bulk-product-form input,[data-theme=dark] .bulk-product-form select,[data-theme=dark] .form-grid input,[data-theme=dark] .form-grid select,[data-theme=dark] .auth-form input,[data-theme=dark] .new-product-fields{color:#e8eee9;background:#1b251f;border-color:#3a4a40}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#819087}[data-theme=dark] select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] th{color:#a7b4ab;background:#222d26}[data-theme=dark] td,[data-theme=dark] .attention-list>div,[data-theme=dark] .supplier-grid dl,[data-theme=dark] .invoice-line{border-color:#303d34}[data-theme=dark] .line-box,[data-theme=dark] .bulk-product-line{background:#202b24;border-color:#35443a}[data-theme=dark] .modal-backdrop{background:#060907c7}[data-theme=dark] .modal-head button{color:#a9b5ad}[data-theme=dark] .status.good{color:#91d8a8;background:#213c2b}[data-theme=dark] .status.low{color:#f1aa7d;background:#432b20}[data-theme=dark] .status.pending{color:#e7ce7d;background:#3c3420}[data-theme=dark] .error{color:#ffb6a8;background:#48241f}[data-theme=dark] .monthly-chart,[data-theme=dark] .combined-chart,[data-theme=dark] .comparison-context>div,[data-theme=dark] .period-chart-card{background:#1d2721;border-color:#35433a}[data-theme=dark] .chart-values>div,[data-theme=dark] .period-chart-values>div{background:#263129}[data-theme=dark] .combined-chart text{fill:#a8b5ac}[data-theme=dark] .chart-axis{stroke:#536158}[data-theme=dark] .recharts-cartesian-grid line{stroke:#334138}[data-theme=dark] .recharts-default-tooltip{color:#e8eee9!important;background:#18201b!important;border-color:#425247!important}[data-theme=dark] .recharts-tooltip-label,[data-theme=dark] .recharts-tooltip-item{color:#e8eee9!important}[data-theme=dark] .recharts-tooltip-cursor{fill:#29362e!important}[data-theme=dark] .invoice-ocr{background:#1b2920;border-color:#3b5442}[data-theme=dark] .ocr-hint,[data-theme=dark] .ocr-source{color:#9fb0a4}[data-theme=dark] .ocr-paste{border-color:#344239}[data-theme=dark] .ocr-paste summary{color:#a7d7b4}[data-theme=dark] .ocr-paste textarea,[data-theme=dark] .ocr-result img,[data-theme=dark] .ocr-result pre{color:#dbe5de;background:#121914;border-color:#344239}[data-theme=dark] .ocr-result ul{color:#b7c6bd}[data-theme=dark] .ocr-total.warn,[data-theme=dark] .invoice-total.warn,[data-theme=dark] .invoice-line.needs-review{color:#f0d784;background:#3a301c;border-color:#6e5b28}[data-theme=dark] .ocr-source strong{color:#f0d784}[data-theme=dark] .invoice-line.ocr-line{background:#1c2b21;border-color:#385140}[data-theme=dark] .invoice-confirmation{background:#342e1d;border-color:#5b4e29}[data-theme=dark] .invoice-confirmation strong{color:#f0d784}[data-theme=dark] .invoice-confirmation span{color:#c9bb8f}[data-theme=dark] .auth-page{background:#0b100d}[data-theme=dark] .auth-switch{color:#9bd7ae}[data-theme=dark] .image-preview{background:#111713}[data-theme=dark] .new-product-fields h4,[data-theme=dark] .product-link:hover{color:#9bd7ae}@media (width<=720px){.header-actions{gap:5px}.theme-toggle{justify-content:center;width:36px;padding:0}.theme-toggle>span:last-child{display:none}}