@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f3ef;--white:#fff;--dark:#1a1a1a;--sidebar:#1a1a1a;--border:#e5e4df;--green:#2d6a4f;--green-lt:#d8f3dc;--orange:#e76f00;--orange-lt:#fff0e0;--red:#dc2626;--red-lt:#fee2e2;--blue:#1d4ed8;--blue-lt:#dbeafe;--muted:#737373;--text:#1a1a1a;--sidebar-w:220px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;line-height:1.5}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--sidebar);z-index:50;flex-direction:column;min-height:100vh;transition:transform .25s;display:flex;position:fixed;top:0;left:0}.sidebar-logo{border-bottom:1px solid #ffffff12;padding:1.5rem 1.25rem 1rem}.logo-text{color:#fff;letter-spacing:.5px;font-family:Syne;font-size:1.35rem;font-weight:800}.logo-text span{color:#e76f00}.logo-tag{color:#ffffff59;letter-spacing:1px;text-transform:uppercase;margin-top:.2rem;font-size:.65rem}.sidebar-nav{flex-direction:column;flex:1;gap:.15rem;padding:1rem .75rem;display:flex}.nav-section-label{letter-spacing:1.5px;text-transform:uppercase;color:#ffffff40;padding:.75rem .5rem .35rem;font-size:.6rem;font-weight:600}.nav-link{color:#ffffff8c;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.65rem;width:100%;padding:.55rem .75rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover{color:#ffffffe6;background:#ffffff12}.nav-link.active{color:#e76f00;background:#e76f0026}.nav-icon{text-align:center;width:20px;font-size:1rem}.sidebar-footer{color:#ffffff40;border-top:1px solid #ffffff12;padding:1rem 1.25rem;font-size:.75rem}.hamburger-btn{z-index:200;background:var(--dark);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:none;position:fixed;top:.85rem;right:1rem;box-shadow:0 2px 8px #0003}.hamburger-icon{flex-direction:column;gap:5px;width:18px;display:flex}.hamburger-icon span{transform-origin:50%;background:#fff;border-radius:2px;height:2px;transition:all .22s;display:block}.hamburger-icon.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-icon.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.sidebar-overlay{z-index:49;background:#00000073;display:none;position:fixed;inset:0}.main-content{margin-left:var(--sidebar-w);max-width:calc(100vw - var(--sidebar-w));flex:1;padding:2rem 2.5rem}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.page-title{color:var(--text);font-family:Syne;font-size:1.75rem;font-weight:800}.page-sub{color:var(--muted);margin-top:.2rem;font-size:.85rem}.btn-primary{background:var(--dark);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.55rem 1.25rem;font-family:DM Sans,sans-serif;font-size:.83rem;font-weight:600;transition:opacity .15s}.btn-primary:hover{opacity:.85}.btn-secondary{background:var(--white);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;transition:all .15s}.btn-secondary:hover{background:var(--bg)}.btn-danger{background:var(--red-lt);color:var(--red);cursor:pointer;border:1px solid #fca5a5;border-radius:6px;padding:.4rem .85rem;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:600;transition:all .15s}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.75rem;display:grid}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.35rem;padding:1.25rem 1.5rem;display:flex}.stat-card-top{justify-content:space-between;align-items:center;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:.75rem;font-weight:600}.stat-icon{font-size:1.1rem}.stat-value{font-family:Syne;font-size:1.7rem;font-weight:800;line-height:1}.stat-value.green{color:var(--green)}.stat-value.red{color:var(--red)}.stat-value.blue{color:var(--blue)}.stat-value.orange{color:var(--orange)}.section-card{background:var(--white);border:1px solid var(--border);border-radius:14px;margin-bottom:1.5rem;overflow:hidden}.section-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.section-title{font-family:Syne;font-size:.95rem;font-weight:700}.item-count{color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:.2rem .6rem;font-size:.75rem}.inv-table-wrap{overflow-x:auto}.inv-table{border-collapse:collapse;width:100%}.inv-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:var(--bg);border-bottom:1px solid var(--border);white-space:nowrap;padding:.65rem 1rem;font-size:.7rem;font-weight:700}.inv-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.75rem 1rem;font-size:.83rem}.inv-table tr:last-child td{border-bottom:none}.inv-table tr:hover td{background:#fafaf8}.product-name{font-size:.85rem;font-weight:600}.product-sku{color:var(--muted);margin-top:.1rem;font-family:JetBrains Mono;font-size:.72rem}.badge{white-space:nowrap;border-radius:20px;padding:.18rem .55rem;font-size:.7rem;font-weight:600;display:inline-block}.badge-green{background:var(--green-lt);color:var(--green)}.badge-red{background:var(--red-lt);color:var(--red)}.badge-orange{background:var(--orange-lt);color:var(--orange)}.badge-blue{background:var(--blue-lt);color:var(--blue)}.badge-gray{color:var(--muted);background:#f3f3f3}.qty-cell{align-items:center;gap:.4rem;display:flex}.qty-num{font-family:JetBrains Mono;font-size:.85rem;font-weight:500}.qty-num.low{color:var(--red)}.margin-pill{font-family:JetBrains Mono;font-size:.75rem;font-weight:500}.margin-pill.good{color:var(--green)}.margin-pill.ok{color:var(--orange)}.margin-pill.bad{color:var(--red)}.loading-state{text-align:center;color:var(--muted);padding:3rem;font-size:.9rem}.empty-state{text-align:center;color:var(--muted);padding:3rem}.empty-state-icon{margin-bottom:.75rem;font-size:2.5rem}.empty-state h3{margin-bottom:.35rem;font-family:Syne;font-weight:700}.empty-state p{font-size:.85rem}.filter-bar{border-bottom:1px solid var(--border);background:#fafaf8;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex}.search-input{border:1px solid var(--border);background:var(--white);color:var(--text);border-radius:8px;outline:none;min-width:200px;padding:.45rem .85rem;font-family:DM Sans,sans-serif;font-size:.83rem;transition:border-color .15s}.search-input:focus{border-color:var(--dark)}.filter-select{border:1px solid var(--border);background:var(--white);color:var(--text);cursor:pointer;border-radius:8px;outline:none;padding:.45rem .85rem;font-family:DM Sans,sans-serif;font-size:.83rem}.filter-select:focus{border-color:var(--dark)}.filter-spacer{flex:1}.modal-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:16px;width:100%;max-width:480px;max-height:90vh;padding:2rem;overflow-y:auto}.modal-title{margin-bottom:1.5rem;font-family:Syne;font-size:1.2rem;font-weight:800}.form-group{margin-bottom:1rem}.form-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem;font-size:.78rem;font-weight:600;display:block}.form-input{border:1px solid var(--border);background:var(--white);width:100%;color:var(--text);border-radius:8px;outline:none;padding:.55rem .85rem;font-family:DM Sans,sans-serif;font-size:.85rem;transition:border-color .15s}.form-input:focus{border-color:var(--dark)}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.toast{background:var(--dark);color:#fff;z-index:300;border-radius:10px;padding:.75rem 1.25rem;font-size:.85rem;font-weight:500;animation:.2s slideUp;position:fixed;bottom:1.5rem;right:1.5rem}.toast.success{border-left:3px solid var(--green)}.toast.error{border-left:3px solid var(--red)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.products-header-actions{align-items:center;gap:.75rem;display:flex}.input-error{border-color:var(--red)!important}.field-error{color:var(--red);margin-top:.25rem;font-size:.72rem}.margin-preview{background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.6rem 1rem;font-size:.82rem;display:flex}.margin-warning{color:var(--orange);font-size:.75rem;font-weight:500}.table-link{color:var(--blue);font-size:.82rem;text-decoration:none;transition:opacity .15s}.table-link:hover{opacity:.7;text-decoration:underline}.item-dropdown{background:var(--white);border:1px solid var(--border);z-index:50;border-radius:10px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000014}.item-dropdown-row{cursor:pointer;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.65rem 1rem;transition:background .1s;display:flex}.item-dropdown-row:last-child{border-bottom:none}.item-dropdown-row:hover{background:var(--bg)}.order-items-list{border:1px solid var(--border);border-radius:10px;margin-bottom:.75rem;overflow:hidden}.order-item-row{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.65rem 1rem;display:flex}.order-item-row:last-child{border-bottom:none}.order-summary{background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-bottom:.5rem;padding:.75rem 1rem}.order-summary-row{color:var(--muted);justify-content:space-between;padding:.2rem 0;font-size:.83rem;display:flex}.order-summary-total{color:var(--text);border-top:1px solid var(--border);margin-top:.35rem;padding-top:.5rem;font-family:Syne;font-size:1rem;font-weight:800}.tab-bar{background:var(--white);border:1px solid var(--border);border-radius:12px;gap:.35rem;width:fit-content;margin-bottom:1.25rem;padding:.35rem;display:flex}.tab-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;padding:.45rem 1.1rem;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600;transition:all .15s}.tab-btn:hover{color:var(--text);background:var(--bg)}.tab-btn.active{background:var(--dark);color:#fff}.adj-product-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}.type-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.type-btn{background:var(--bg);border:1.5px solid var(--border);cursor:pointer;text-align:left;color:var(--text);border-radius:8px;padding:.65rem .75rem;font-family:DM Sans,sans-serif;transition:all .15s}.type-btn:hover{border-color:var(--dark);background:var(--white)}.type-btn.active{border-color:var(--dark);background:var(--dark);color:#fff}.adj-preview{background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-bottom:.75rem;padding:.75rem 1rem}.adj-preview-row{color:var(--muted);justify-content:space-between;padding:.2rem 0;font-size:.83rem;display:flex}.adj-preview-total{color:var(--text);border-top:1px solid var(--border);margin-top:.35rem;padding-top:.5rem;font-weight:700}.report-grid-2{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.ai-header{border-bottom:1px solid var(--border);background:var(--white);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem 1rem;display:flex}.ai-chat-area{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem 2.5rem;display:flex;overflow-y:auto}.ai-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:3rem 2rem;display:flex}.ai-empty-icon{font-size:3rem}.ai-empty h2{font-family:Syne;font-size:1.4rem;font-weight:800}.ai-empty p{color:var(--muted);max-width:420px;font-size:.9rem}.ai-suggestions{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:640px;margin-top:1rem;display:flex}.ai-suggestion-btn{background:var(--white);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:20px;padding:.5rem 1rem;font-family:DM Sans,sans-serif;font-size:.82rem;transition:all .15s}.ai-suggestion-btn:hover{background:var(--dark);color:#fff;border-color:var(--dark)}.ai-message{align-items:flex-start;gap:.85rem;max-width:820px;display:flex}.ai-message.user{flex-direction:row-reverse;align-self:flex-end}.ai-message-avatar{background:var(--bg);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex}.ai-message.user .ai-message-avatar{background:var(--dark)}.ai-message-bubble{background:var(--white);border:1px solid var(--border);border-radius:12px;max-width:700px;padding:.85rem 1.1rem}.ai-message.user .ai-message-bubble{background:var(--dark);color:#fff;border-color:var(--dark)}.ai-message-role{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:.4rem;font-size:.7rem;font-weight:700}.ai-message.user .ai-message-role{color:#ffffff80}.ai-message-content{font-size:.88rem;line-height:1.65}.ai-message-content li{list-style:outside}.ai-typing{align-items:center;gap:.3rem;padding:.25rem 0;display:flex}.ai-typing span{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1.2s infinite typing}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.ai-input-area{border-top:1px solid var(--border);background:var(--white);flex-shrink:0;padding:1rem 2.5rem 1.5rem}.ai-quick-suggestions{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.ai-quick-btn{background:var(--bg);border:1px solid var(--border);cursor:pointer;color:var(--muted);white-space:nowrap;border-radius:20px;padding:.3rem .75rem;font-family:DM Sans,sans-serif;font-size:.75rem;transition:all .15s}.ai-quick-btn:hover:not(:disabled){background:var(--dark);color:#fff;border-color:var(--dark)}.ai-quick-btn:disabled{opacity:.4;cursor:not-allowed}.ai-input-row{align-items:flex-end;gap:.75rem;display:flex}.ai-input{border:1px solid var(--border);resize:none;background:var(--white);max-height:120px;color:var(--text);border-radius:12px;outline:none;flex:1;padding:.75rem 1rem;font-family:DM Sans,sans-serif;font-size:.88rem;line-height:1.5;transition:border-color .15s;overflow-y:auto}.ai-input:focus{border-color:var(--dark)}.ai-input:disabled{opacity:.6;cursor:not-allowed}.ai-send-btn{background:var(--dark);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;transition:opacity .15s;display:flex}.ai-send-btn:hover:not(:disabled){opacity:.85}.ai-send-btn:disabled{opacity:.35;cursor:not-allowed}.ai-input-hint{color:var(--muted);text-align:center;margin-top:.5rem;font-size:.7rem}.mobile-nav{display:none}@media (max-width:1024px){.report-grid-2{grid-template-columns:1fr}}@media (max-width:900px){.hamburger-btn{display:flex}.sidebar{z-index:80;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:79;background:#00000073;display:block;position:fixed;inset:0}.main-content{max-width:100vw;margin-left:0;padding:4rem 1.5rem 1.25rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.products-header-actions{justify-content:flex-end;width:100%}.ai-header{padding:1rem 1.5rem .75rem}.ai-chat-area{padding:1rem 1.5rem}.ai-input-area{padding:.75rem 1.5rem 1rem}}@media (max-width:640px){.main-content{padding:4rem 1rem 80px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-value{font-size:1.35rem}.page-header{margin-bottom:1.25rem}.page-title{font-size:1.4rem}.filter-bar{gap:.5rem;padding:.75rem 1rem}.search-input{min-width:unset;width:100%}.filter-select{flex:1}.inv-table th{padding:.5rem .65rem;font-size:.65rem}.inv-table td{padding:.6rem .65rem;font-size:.78rem}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;width:100%;max-width:100%;max-height:92vh}.form-row,.type-grid,.report-grid-2{grid-template-columns:1fr}.tab-bar{width:100%}.tab-btn{text-align:center;flex:1;font-size:.75rem}.ai-header{padding:.85rem 1rem .65rem}.ai-chat-area{padding:.85rem 1rem}.ai-input-area{padding:.65rem 1rem .85rem}.ai-message{max-width:100%}.ai-message-bubble{max-width:calc(100vw - 80px)}.ai-quick-suggestions{display:none}.mobile-nav{background:var(--dark);z-index:100;border-top:1px solid #ffffff14;padding:.5rem 0 .75rem;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:#ffffff73;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.2rem;padding:.35rem 0;font-family:DM Sans,sans-serif;font-size:.6rem;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.mobile-nav-item.active{color:#e76f00}.mobile-nav-item:hover{color:#fffc}.mobile-nav-icon{font-size:1.2rem;line-height:1}}@media (min-width:901px){.hamburger-btn,.sidebar-overlay{display:none!important}.sidebar{z-index:50;transform:translate(0)!important}.main-content{margin-left:var(--sidebar-w);max-width:calc(100vw - var(--sidebar-w));padding:2rem 2.5rem}}.mobile-topbar{display:none}@media (max-width:640px){.mobile-topbar{background:var(--dark);z-index:90;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:52px;padding:0 1.25rem;display:flex;position:fixed;top:0;left:0;right:0}.hamburger-btn{display:none!important}}.hamburger-btn-topbar{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.35rem;display:flex}