:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}body{color:#201a16;background:#f6f1e8;margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}.app-shell{width:100%;min-height:100vh;display:flex}.sidebar{color:#fff;background:#080706;border-right:1px solid #241713;width:260px;min-width:260px;padding:24px}.sidebar-brand{align-items:center;margin-bottom:32px;display:flex}.sidebar-brand img{width:100%;max-width:190px;height:auto;display:block}.sidebar nav{gap:12px;display:grid}.sidebar button{color:#fff;text-align:left;background:0 0;border:1px solid #241713;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.sidebar button:hover{background:#1a1410;border-color:#8b4518}.sidebar button.active-nav{background:#b85c1c;border-color:#d97706}.nav-badge{color:#1f130c;background:#f6d58f;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.toast-area{z-index:1100;gap:12px;width:min(380px,100vw - 48px);display:grid;position:fixed;bottom:24px;right:24px}.notification-toast{color:#fff;background:#11100f;border:1px solid #d9770673;border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px;display:grid;box-shadow:0 18px 46px #00000047}.notification-toast div{gap:4px;min-width:0;display:grid}.notification-toast span{color:#e7d8c8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-toast button{color:#fff;white-space:nowrap;background:#b85c1c;border:none;border-radius:8px;padding:9px 12px}.notification-toast button:hover{background:#93400f}.notification-toast .toast-close{background:#2f2a25;width:34px;height:34px;padding:0}.main-content{flex-direction:column;flex:1;width:calc(100% - 260px);min-width:0;max-width:none;padding:32px;display:flex;overflow-x:hidden}.page-content{flex:1;min-width:0}.top-bar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.top-bar h2{margin:0;font-size:32px}.top-bar p{color:#52616f;margin:6px 0 0}.primary-button{color:#fff;white-space:nowrap;background:#b85c1c;border:none;border-radius:8px;padding:12px 18px}.primary-button:hover{background:#93400f}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.notification-card{color:#fff;background:#11100f;border:1px solid #2b211b;border-left:4px solid #b85c1c;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:20px;padding:18px;display:grid;box-shadow:0 14px 34px #0f0a062e}.notification-icon{color:#fff;background:#b85c1c;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:inline-flex}.notification-card h3{margin:0 0 4px}.notification-card p{color:#e7d8c8;margin:0}.notification-card span{color:#f6d58f;margin-top:6px;font-size:13px;display:block}.notification-card button{color:#fff;white-space:nowrap;background:#b85c1c;border:none;border-radius:8px;padding:9px 12px}.notification-card button:hover{background:#93400f}.stat-card,.empty-page{background:#fff;border-radius:14px;padding:24px;box-shadow:0 8px 24px #0f172a14}.stat-card h3{color:#52616f;margin:0;font-size:16px}.stat-card p{margin:16px 0 0;font-size:40px;font-weight:700}.empty-page{padding:32px}.empty-page h3{margin-top:0}@media (width<=800px){.app-shell{flex-direction:column}.sidebar{width:100%;min-width:100%}.main-content{width:100%;padding:20px}.top-bar{flex-direction:column;align-items:flex-start}.notification-card,.notification-toast{grid-template-columns:1fr}.toast-area{width:auto;bottom:16px;left:16px;right:16px}}.orders-layout{grid-template-columns:minmax(280px,340px) minmax(360px,1fr) minmax(300px,380px);align-items:start;gap:20px;width:100%;min-width:0;display:grid}.order-form{color:#fff;background:#11100f;border-radius:14px;flex-direction:column;gap:12px;min-width:0;padding:20px;display:flex;box-shadow:0 14px 34px #0f0a062e}.order-form h3{margin:0 0 4px}.order-form input,.order-form select,.order-form textarea{color:#fff;width:100%;font:inherit;background:#1c1917;border:1px solid #3b312b;border-radius:8px;min-width:0;padding:10px}.order-form input::placeholder,.order-form textarea::placeholder{color:#a8a29e}.order-form input:focus,.order-form select:focus,.order-form textarea:focus{border-color:#d97706;outline:none;box-shadow:0 0 0 3px #d977062e}.order-form label{color:#d6d3d1;gap:6px;font-size:13px;font-weight:700;display:grid}.orders-table{background:#fff;border-radius:14px;min-width:0;padding:20px;box-shadow:0 8px 24px #0f172a14}.orders-workspace{display:contents}.order-row select{color:#fff;background:#1f2933;border:1px solid #334155;border-radius:8px;max-width:220px;padding:8px}.danger-button{color:#fff;background:#991b1b;border:none;border-radius:8px;padding:8px 12px}.orders-table h3{margin-top:0;margin-bottom:20px}.orders-filter-bar{grid-template-columns:minmax(220px,1fr) minmax(180px,240px);gap:12px;margin-bottom:18px;display:grid}.orders-filter-bar input,.orders-filter-bar select{color:#1f2933;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px}.orders-filter-bar input:focus,.orders-filter-bar select:focus{border-color:#b85c1c;outline:none;box-shadow:0 0 0 3px #b4530924}.order-row{text-align:left;background:#fffdf8;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:1fr;align-items:stretch;gap:14px;min-width:0;margin-bottom:12px;padding:16px;transition:border-color .2s,box-shadow .2s,background .2s;display:grid}.order-row-main{gap:8px;min-width:0;display:grid}.order-row-main>div{gap:4px;display:grid}.order-row-main p{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}.order-row-controls{grid-template-columns:minmax(150px,220px) auto auto;justify-content:end;align-items:end;gap:12px;min-width:0;display:grid}.file-indicator{color:#7c2d12;white-space:nowrap;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;align-self:center;padding:7px 10px;font-size:13px;font-weight:700}.file-indicator:disabled{cursor:default;opacity:.72}.order-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.order-row-actions .secondary-button,.order-row-actions .danger-button{flex:none;align-self:auto;width:auto;min-width:72px;max-width:90px;padding:8px 12px}.order-row:hover,.order-row:focus{background:#fffaf3;border-color:#d97706;outline:none;box-shadow:0 8px 20px #b453091f}.order-row.selected-order{background:#fff7ed;border-color:#b85c1c}.order-row strong{color:#1f2933;font-size:16px}.order-row span{color:#52616f;line-height:1.4}.order-row label{color:#52616f;flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.order-row select{width:100%}.danger-button{align-self:end;max-width:none}@media (width<=1440px){.orders-layout{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.orders-workspace{grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:20px;display:grid}}@media (width<=1180px){.orders-layout,.orders-workspace{grid-template-columns:1fr}.orders-workspace{gap:20px;display:grid}.order-row,.orders-filter-bar{grid-template-columns:1fr}.order-row-controls{grid-template-columns:minmax(160px,1fr) auto;justify-content:stretch}.order-row-actions{grid-column:1/-1;justify-content:flex-end}}.secondary-button{color:#fff;background:#2f2a25;border:none;border-radius:8px;padding:8px 12px}.file-list{flex-direction:column;gap:4px;margin-top:8px;display:flex}.file-list a,.file-list span,.file-preview-button{color:#b85c1c;overflow-wrap:anywhere;font-size:14px;text-decoration:none}.file-preview-button{text-align:left;background:0 0;border:none;width:fit-content;max-width:100%;padding:0}.file-preview-button:hover{text-decoration:underline}.upload-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;font-size:14px}.order-detail-panel{background:#fff;border-radius:14px;min-width:0;padding:20px;position:sticky;top:24px;box-shadow:0 8px 24px #0f172a14}.order-detail-panel h3{margin-top:0}.order-detail-panel p{color:#52616f}.order-detail-list{gap:16px;margin:0;display:grid}.order-detail-list div{border-bottom:1px solid #e5e7eb;padding-bottom:12px}.order-detail-list div:last-child{border-bottom:none;padding-bottom:0}.order-detail-list dt{color:#52616f;margin-bottom:4px;font-size:13px;font-weight:700}.order-detail-list dd{color:#1f2933;overflow-wrap:anywhere;gap:4px;margin:0;line-height:1.5;display:grid}.order-detail-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.app-footer{color:#6b5f57;text-align:center;border-top:1px solid #201a161f;margin-top:32px;padding:14px 0 0;font-size:12px}@media (width<=1180px){.order-detail-panel{position:static}}@media (width<=800px){.sidebar{padding:18px}.sidebar-brand{margin-bottom:18px}.sidebar-brand img{max-width:160px}.main-content{min-height:auto;overflow-x:hidden}.top-bar{gap:14px}.primary-button{width:100%}.order-row-controls{grid-template-columns:1fr;justify-content:stretch}.file-indicator{justify-self:start}.order-row-actions{justify-content:flex-start}}.artpix-page{width:100%;min-width:0}.artpix-card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 8px 24px #0f172a14}.artpix-card h3{margin:0 0 8px;font-size:24px}.artpix-card p{color:#52616f;max-width:720px;margin:0;line-height:1.5}.artpix-section-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:24px;display:grid}.artpix-section{background:#fffaf3;border:1px solid #eadfd2;border-left:4px solid #b85c1c;border-radius:12px;align-items:center;min-height:88px;padding:16px;display:flex}.artpix-section span{color:#201a16;font-weight:700}.customers-page{grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:start;gap:20px;width:100%;min-width:0;display:grid}.customers-list-card,.customer-detail-panel{background:#fff;border-radius:14px;min-width:0;padding:20px;box-shadow:0 8px 24px #0f172a14}.customers-header{grid-template-columns:auto minmax(220px,320px);align-items:center;gap:16px;margin-bottom:18px;display:grid}.customers-header h3,.customer-detail-panel h3{margin:0}.customers-header input{color:#1f2933;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px}.customer-card-list{gap:12px;display:grid}.customer-card,.customer-order-summary{color:#201a16;text-align:left;background:#fffdf8;border:1px solid #e5e7eb;border-radius:12px;gap:12px;width:100%;min-width:0;padding:16px;display:grid}.customer-card{grid-template-columns:minmax(0,1fr) auto}.customer-card:hover,.customer-card.selected-customer,.customer-order-summary:hover,.customer-order-summary.selected-order-summary{background:#fff7ed;border-color:#b85c1c}.customer-card div,.customer-card-meta,.customer-detail-list,.customer-detail-list dd,.customer-orders,.customer-order-summary{min-width:0}.customer-card div,.customer-card-meta{gap:4px;display:grid}.customer-card span,.customer-card small,.customer-order-summary span,.customer-order-summary small,.customer-detail-panel p{color:#52616f}.customer-card span,.customer-order-summary span{overflow-wrap:anywhere}.customer-card-meta{justify-items:end;font-size:13px}.customer-detail-list{gap:14px;margin:18px 0 0;display:grid}.customer-detail-list div{border-bottom:1px solid #e5e7eb;padding-bottom:12px}.customer-detail-list dt{color:#52616f;margin-bottom:4px;font-size:13px;font-weight:700}.customer-detail-list dd{overflow-wrap:anywhere;margin:0}.customer-orders{gap:10px;margin-top:20px;display:grid}.customer-orders h4{margin:0}.customer-order-summary{gap:6px}@media (width<=1000px){.customers-page,.customer-card,.customers-header{grid-template-columns:1fr}.customer-card-meta{justify-items:start}}.inventory-page{grid-template-columns:minmax(280px,340px) minmax(0,1fr) minmax(280px,360px);align-items:start;gap:20px;width:100%;min-width:0;display:grid}.inventory-form{color:#fff;background:#11100f;border-radius:14px;gap:12px;min-width:0;padding:20px;display:grid;box-shadow:0 14px 34px #0f0a062e}.inventory-form h3,.inventory-list-header h3{margin:0}.inventory-form p,.inventory-list-header p{color:#a8a29e;margin:6px 0 0;line-height:1.45}.inventory-form label{color:#d6d3d1;gap:6px;font-size:13px;font-weight:700;display:grid}.inventory-form input,.inventory-form select,.inventory-form textarea{color:#fff;width:100%;min-width:0;font:inherit;background:#1c1917;border:1px solid #3b312b;border-radius:8px;padding:10px}.inventory-form input::placeholder,.inventory-form textarea::placeholder{color:#a8a29e}.inventory-form input:focus,.inventory-form select:focus,.inventory-form textarea:focus{border-color:#d97706;outline:none;box-shadow:0 0 0 3px #d977062e}.inventory-form textarea{resize:vertical;min-height:92px}.inventory-form-grid{grid-template-columns:minmax(0,1fr) minmax(90px,130px);gap:12px;display:grid}.inventory-form-actions{flex-wrap:wrap;gap:10px;display:flex}.inventory-form-actions .primary-button,.inventory-form-actions .secondary-button{width:auto}.inventory-list-card{background:#fff;border-radius:14px;min-width:0;padding:20px;box-shadow:0 8px 24px #0f172a14}.inventory-list-header{grid-template-columns:minmax(0,1fr) minmax(280px,440px);align-items:start;gap:16px;margin-bottom:18px;display:grid}.inventory-filter-bar{grid-template-columns:minmax(160px,1fr) minmax(150px,200px) minmax(150px,200px);gap:12px;display:grid}.inventory-filter-bar input,.inventory-filter-bar select{color:#1f2933;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px}.inventory-filter-bar input:focus,.inventory-filter-bar select:focus{border-color:#b85c1c;outline:none;box-shadow:0 0 0 3px #b4530924}.inventory-items{border:1px solid #ddd;border-radius:12px;display:grid;overflow:hidden}.inventory-empty{color:#7c2d12;background:#fffaf3;border:1px dashed #d6a06f;border-radius:12px;margin:0;padding:18px}.inventory-header{color:#3f342d;background:#eae4dc;border-bottom:2px solid #ccc;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr auto;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:700;display:grid}.inventory-row{cursor:pointer;background:#f9f6f2;border-bottom:1px solid #ddd;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr auto;align-items:center;gap:10px;padding:10px 14px;transition:background .2s,box-shadow .2s;display:grid}.inventory-row:last-child{border-bottom:none}.inventory-row:hover{background:#efeae3}.inventory-row.low-stock{background:#fff7ed;border-left:4px solid #b85c1c}.inventory-row.low-stock:hover{background:#f7ead9}.inventory-row.selected-inventory-row{background:#fff1df;box-shadow:inset 0 0 0 2px #b85c1c}.inventory-row span{color:#201a16;overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.35}.inventory-name{font-weight:600}.inventory-name small{color:#fff;background:#b85c1c;border-radius:999px;width:fit-content;margin-top:3px;padding:2px 7px;font-size:11px;font-weight:700;display:block}.actions{justify-content:flex-end;gap:6px;display:flex}.actions button{flex:none;width:auto;padding:6px 10px;font-size:12px}.inventory-detail-panel{background:#fff;border-radius:14px;min-width:0;padding:20px;position:sticky;top:24px;box-shadow:0 8px 24px #0f172a14}.inventory-detail-panel>p{color:#52616f;margin:0}.inventory-detail-header{justify-content:space-between;gap:12px;margin-bottom:18px;display:flex}.inventory-detail-header h3{margin:0 0 8px}.stock-status{color:#166534;background:#ecfdf5;border-radius:999px;width:fit-content;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.stock-status.low{color:#9a3412;background:#fff7ed}.inventory-detail-list{gap:14px;margin:0;display:grid}.inventory-detail-list div{border-bottom:1px solid #e5e7eb;padding-bottom:10px}.inventory-detail-list dt{color:#52616f;margin-bottom:4px;font-size:12px;font-weight:700}.inventory-detail-list dd{color:#201a16;overflow-wrap:anywhere;margin:0;line-height:1.45}.quantity-controls{background:#fffaf3;border:1px solid #eadfd2;border-radius:12px;gap:10px;margin-top:18px;padding:14px;display:grid}.quantity-controls h4{margin:0}.quantity-controls label{color:#52616f;gap:6px;font-size:13px;font-weight:700;display:grid}.quantity-controls input{width:100%;font:inherit;border:1px solid #d6a06f;border-radius:8px;padding:9px 10px}.quantity-button-row,.inventory-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.quantity-button-row button{color:#fff;background:#b85c1c;border:none;border-radius:8px;flex:none;padding:8px 10px;font-size:13px}.quantity-button-row button:hover{background:#93400f}.inventory-detail-actions{margin-top:16px}.inventory-detail-actions .secondary-button,.inventory-detail-actions .danger-button{flex:none;width:auto}@media (width<=1180px){.inventory-page,.inventory-list-header{grid-template-columns:1fr}.inventory-detail-panel{position:static}.inventory-header,.inventory-row{grid-template-columns:2fr 1fr .8fr .8fr 1fr auto}.inventory-supplier,.inventory-location,.inventory-header span:nth-child(5),.inventory-header span:nth-child(6){display:none}}@media (width<=800px){.inventory-form-grid,.inventory-filter-bar{grid-template-columns:1fr}.inventory-items{overflow-x:auto}.inventory-header,.inventory-row{grid-template-columns:1.8fr 1fr .8fr .8fr 1fr auto;min-width:680px}.actions{justify-content:flex-start}.inventory-detail-actions .secondary-button,.inventory-detail-actions .danger-button,.quantity-button-row button{flex:auto}}.lightbox-overlay{z-index:1000;background:#080706db;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox-panel{color:#fff;background:#11100f;border:1px solid #d977066b;border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;width:min(980px,100%);max-height:calc(100vh - 48px);display:grid;overflow:hidden;box-shadow:0 24px 80px #00000073}.lightbox-header,.lightbox-footer{align-items:center;gap:12px;padding:14px 16px;display:flex}.lightbox-header{border-bottom:1px solid #2b211b;justify-content:space-between}.lightbox-header-actions{flex:none;align-items:center;gap:8px;display:flex}.lightbox-header span{color:#f5ede3;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.lightbox-close,.lightbox-footer button,.lightbox-download{color:#fff;font:inherit;background:#b85c1c;border:none;border-radius:8px;flex:none;padding:8px 12px;text-decoration:none}.lightbox-close{width:36px;height:36px;padding:0}.lightbox-body{background:#050403;justify-content:center;align-items:center;min-height:280px;padding:16px;display:flex;overflow:auto}.lightbox-body img{object-fit:contain;max-width:100%;max-height:calc(100vh - 210px);display:block}.lightbox-file-fallback{text-align:center;justify-items:center;gap:10px;max-width:520px;display:grid}.lightbox-file-fallback strong{overflow-wrap:anywhere}.lightbox-file-fallback p{color:#d6d3d1;margin:0}.lightbox-footer{border-top:1px solid #2b211b;justify-content:center}.lightbox-footer span{color:#d6d3d1;font-size:13px}@media (width<=800px){.lightbox-overlay{padding:12px}.lightbox-panel{max-height:calc(100vh - 24px)}.lightbox-footer{justify-content:space-between}.lightbox-header-actions{flex-direction:column-reverse;align-items:flex-end}.lightbox-body img{max-height:calc(100vh - 190px)}}