:root{--bg-page: #f4f6f9;--bg-surface: #ffffff;--bg-muted: #eef1f6;--bg-overlay: rgba(244, 246, 249, .86);--border: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-on-accent: #ffffff;--accent: #475569;--accent-hover: #334155;--accent-soft: #e2e8f0;--danger: #dc2626;--danger-bg: #fef2f2;--danger-border: #fecaca;--success: #166534;--success-bg: #dcfce7;--success-bg-strong: #bbf7d0;--success-border: #86efac;--success-border-strong: #22c55e;--icon-bg: #add8e6;--icon-color: #0a66cc;--modal-backdrop: rgba(15, 23, 42, .5);--stat-bom-bg: #eff6ff;--stat-bom-text: #1d4ed8;--stat-bom-border: #bfdbfe;--stat-stock-bg: #fff7ed;--stat-stock-text: #c2410c;--stat-stock-border: #fed7aa;--stat-orders-bg: #f0fdf4;--stat-orders-text: #166534;--stat-orders-border: #bbf7d0;--stat-procurement-bg: #faf5ff;--stat-procurement-text: #7c3aed;--stat-procurement-border: #ddd6fe;--stat-alerts-bg: #fff1f2;--stat-alerts-text: #be123c;--stat-alerts-border: #fecdd3;--bom-header-bg: #dbe3ef;--bom-header-border: #c3cedd;--accent-shadow: rgba(51, 65, 85, .2);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 16px rgba(15, 23, 42, .08);--radius: 12px;--radius-sm: 8px;--font: "Inter", system-ui, -apple-system, sans-serif}html[data-theme=dark]{color-scheme:dark;--bg-page: #171717;--bg-surface: #222326;--bg-muted: #2c2e33;--bg-overlay: rgba(12, 13, 15, .76);--border: #3b3e45;--text-primary: #f4f5f7;--text-secondary: #c2c8d0;--text-muted: #8f98a5;--text-on-accent: #101217;--accent: #6b7280;--accent-hover: #7c8594;--accent-soft: rgba(148, 163, 184, .16);--danger: #ff8d8d;--danger-bg: rgba(239, 68, 68, .16);--danger-border: rgba(248, 113, 113, .42);--success: #8ee6aa;--success-bg: rgba(34, 197, 94, .16);--success-bg-strong: rgba(34, 197, 94, .26);--success-border: rgba(134, 239, 172, .42);--success-border-strong: #4ade80;--icon-bg: rgba(147, 197, 253, .16);--icon-color: #93c5fd;--modal-backdrop: rgba(0, 0, 0, .68);--stat-bom-bg: rgba(96, 165, 250, .15);--stat-bom-text: #93c5fd;--stat-bom-border: rgba(147, 197, 253, .32);--stat-stock-bg: rgba(251, 146, 60, .15);--stat-stock-text: #fdba74;--stat-stock-border: rgba(253, 186, 116, .34);--stat-orders-bg: rgba(74, 222, 128, .14);--stat-orders-text: #86efac;--stat-orders-border: rgba(134, 239, 172, .32);--stat-procurement-bg: rgba(196, 181, 253, .15);--stat-procurement-text: #c4b5fd;--stat-procurement-border: rgba(196, 181, 253, .34);--stat-alerts-bg: rgba(251, 113, 133, .14);--stat-alerts-text: #fda4af;--stat-alerts-border: rgba(253, 164, 175, .34);--bom-header-bg: #303238;--bom-header-border: #454952;--accent-shadow: rgba(148, 163, 184, .22);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .28);--shadow-md: 0 10px 28px rgba(0, 0, 0, .34)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text-primary);background:linear-gradient(var(--bg-overlay),var(--bg-overlay)),url(/assets/Loveblooms-BCkG91Ju.jpeg) center center / cover fixed no-repeat;-webkit-font-smoothing:antialiased}button,input{font:inherit}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(var(--bg-overlay),var(--bg-overlay)),url(/assets/Loveblooms-BCkG91Ju.jpeg) center center / cover fixed no-repeat}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1rem;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:500;font-size:.9rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-muted)}.btn-full{width:100%}.feather-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:.35rem;background:var(--icon-bg);border-radius:var(--radius-sm);color:var(--icon-color);flex-shrink:0}.btn .feather-icon{width:18px;height:18px;padding:.2rem;margin:-.1rem 0}.layout{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.5rem;background:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.header-brand{display:flex;align-items:center;gap:.75rem}.header-logo{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:cover;object-position:center;flex-shrink:0}.header-title{font-weight:600;font-size:1rem}.header-title-full{display:inline}.header-title-abbrev{display:none}.header-actions{display:flex;align-items:center;gap:1rem}@media(max-width:720px){.header-title-full{display:none}.header-title-abbrev{display:inline}}.settings-menu-container{position:relative}.settings-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:220px;z-index:100}.settings-menu-theme{padding:.75rem}.settings-menu-label{margin-bottom:.45rem;color:var(--text-secondary);font-size:.78rem;font-weight:600}.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.theme-option{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.25rem;padding:.45rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-page);color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;transition:background .15s,border-color .15s,color .15s}.theme-option:hover{border-color:var(--accent);color:var(--accent)}.theme-option.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.settings-menu-item{display:block;width:100%;padding:.65rem 1rem;text-align:left;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:background .15s}.settings-menu-item:hover{background:var(--bg-muted)}.settings-menu-item:first-child{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.settings-menu-item:last-child{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.settings-menu-divider{border-top:1px solid var(--border);margin:0 .65rem}.settings-menu-version{padding:.65rem 1rem;color:var(--text-muted);font-size:.8rem;cursor:default;pointer-events:none}.settings-menu-version:hover{background:transparent}.header-user{color:var(--text-secondary);font-size:.9rem}.main{flex:1;padding:2rem 1.5rem;max-width:1200px;width:100%;margin:0 auto}.hero{margin-bottom:2rem}.hero h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.hero-subtitle{margin:0;color:var(--text-secondary);font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm)}.stat-icon{width:52px;height:52px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.7rem;border:1px solid transparent}.stat-icon-bom{background:var(--stat-bom-bg);color:var(--stat-bom-text);border-color:var(--stat-bom-border)}.stat-icon-stock{background:var(--stat-stock-bg);color:var(--stat-stock-text);border-color:var(--stat-stock-border)}.stat-icon-orders{background:var(--stat-orders-bg);color:var(--stat-orders-text);border-color:var(--stat-orders-border)}.stat-icon-procurement{background:var(--stat-procurement-bg);color:var(--stat-procurement-text);border-color:var(--stat-procurement-border)}.stat-icon-alerts{background:var(--stat-alerts-bg);color:var(--stat-alerts-text);border-color:var(--stat-alerts-border)}.stat-label{display:block;font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem}.stat-value{display:block;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.stat-hint{display:block;margin-top:.35rem;font-size:.8rem;color:var(--text-muted)}.welcome-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm)}.welcome-panel h2{margin:0 0 .5rem;font-size:1.1rem}.welcome-panel p{margin:0;color:var(--text-secondary);line-height:1.6}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:transparent}.login-card{width:100%;max-width:400px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-md)}.login-header{text-align:center;margin-bottom:1.75rem}.login-logo{width:48px;height:48px;border-radius:var(--radius);object-fit:cover;object-position:center;margin-bottom:1rem}.login-header h1{margin:0 0 .35rem;font-size:1.5rem}.login-header p{margin:0;color:var(--text-secondary);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.35rem}.field span{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.field input{padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-page);color:var(--text-primary);transition:border-color .15s,box-shadow .15s}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.alert{padding:.65rem .75rem;border-radius:var(--radius-sm);font-size:.875rem}.alert-error{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.login-hint{margin:1.25rem 0 0;text-align:center;font-size:.8rem;color:var(--text-muted)}.login-hint strong{color:var(--text-secondary)}.login-version{margin:.75rem 0 0;text-align:center;font-size:.75rem;color:var(--text-secondary)}.password-form-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);margin-top:2rem}.password-form-container h3{margin:0 0 1rem;font-size:1.1rem;color:var(--text-primary)}.password-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-group input{padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-page);color:var(--text-primary);transition:border-color .15s,box-shadow .15s}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-group input:disabled{background:var(--bg-muted);cursor:not-allowed}.form-error{padding:.65rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.form-success{padding:.65rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.password-form .btn-primary{margin-top:.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-surface);border-radius:var(--radius);box-shadow:var(--shadow-md);width:90%;max-width:400px;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;transition:color .15s;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text-primary)}.modal-header+.password-form{padding:1.5rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.modal-actions .btn{flex:1}.confirm-backdrop-transparent{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1099}.confirm-overlay{z-index:1099}.confirm-dialog{position:fixed;z-index:1100;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:1.1rem 1.25rem 1rem;width:270px;top:50%;left:50%;transform:translate(-50%,-50%);animation:slideUpCentered .15s ease-out}@keyframes slideUpCentered{0%{transform:translate(-50%,calc(-50% + 20px));opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.confirm-dialog[style]{transform:none;animation:slideUp .15s ease-out}.confirm-title{margin:0 0 .35rem;font-size:.92rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.35rem}.confirm-title-icon{flex-shrink:0;color:var(--danger)}.confirm-title-icon-info{color:var(--accent)}.confirm-title-danger{color:var(--danger)}.confirm-message{margin:0 0 1rem;font-size:.83rem;color:var(--text-secondary);line-height:1.45}.confirm-actions{display:flex;gap:.5rem;justify-content:flex-end}.confirm-btn{padding:.35rem .85rem;font-size:.82rem}.stat-card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s}.stat-card-link:hover{border-color:var(--accent);box-shadow:0 4px 16px var(--accent-shadow);transform:translateY(-1px)}.stat-card-link:hover .stat-icon{transform:scale(1.04);transition:transform .15s ease}.hero-nav{margin-bottom:.4rem}.back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;color:var(--accent);text-decoration:none;font-weight:500}.back-link:hover{text-decoration:underline}.stock-toolbar{display:flex;gap:.75rem;margin-bottom:1rem}.stock-toolbar-maintain-btn{margin-left:auto}.stock-filters{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:.75rem;margin-bottom:1rem;align-items:start;min-width:0}.stock-filters-group{display:grid;grid-template-columns:minmax(50px,2fr) minmax(50px,1fr) minmax(50px,1fr);gap:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);box-shadow:var(--shadow-sm);padding:.85rem;min-width:0}.stock-sort-group{display:grid;grid-template-columns:repeat(2,minmax(50px,1fr));gap:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);box-shadow:var(--shadow-sm);padding:.85rem;min-width:0}.stock-filter-field{display:flex;flex-direction:column;gap:.3rem;min-width:0}@media(max-width:600px){.stock-filters,.stock-filters-group_del{grid-template-columns:1fr}}@media(max-width:200px){.stock-sort-group_del{grid-template-columns:1fr}}.stock-error{padding:.65rem .75rem;margin-bottom:1rem;border-radius:var(--radius-sm);font-size:.875rem;background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.stock-table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.table-empty{padding:2rem;text-align:center;color:var(--text-muted);font-size:.9rem}.stock-table{width:100%;border-collapse:collapse;font-size:.875rem}.stock-table th{padding:.65rem .85rem;text-align:left;font-size:.78rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);background:var(--bg-muted);white-space:nowrap}.stock-table td{padding:.6rem .85rem;border-bottom:1px solid var(--border);color:var(--text-primary);white-space:nowrap}.stock-table tbody tr:last-child td{border-bottom:none}.stock-table tbody tr{cursor:pointer;transition:background .1s}.stock-table tbody tr:hover{background:var(--bg-muted)}.stock-table tbody tr.row-selected{background:var(--accent-soft)}.stock-table tbody tr.row-selected td{color:var(--accent);font-weight:500}.sku-cell{font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.82rem;font-weight:600}.stock-editor{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);margin-top:.5rem}.stock-editor-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.stock-editor-title{margin:0;font-size:1rem;font-weight:600}.stock-editor-meta{font-size:.78rem;color:var(--text-muted)}.stock-editor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem 1rem;margin-bottom:1.25rem}.form-field{display:flex;flex-direction:column;gap:.3rem}.form-field-wide{grid-column:1 / -1}.form-label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;min-width:0;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-page);color:var(--text-primary);font-size:.875rem;transition:border-color .15s,box-shadow .15s}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-input:disabled{background:var(--bg-muted);cursor:not-allowed;color:var(--text-secondary)}.stock-editor-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.btn-danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger)}.bom-layout{display:grid;grid-template-columns:minmax(320px,1.3fr) minmax(0,2.2fr);gap:1rem;align-items:start}.bom-tree-panel,.bom-detail-panel{min-width:0}.purchase-order-status-filter{grid-column:4 / -1}.customer-orders-filter-section{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.customer-orders-filter-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bom-header-bg);flex-shrink:0}.customer-orders-filter-title{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary)}.customer-orders-filter-toggle{padding:.2rem .4rem;font-size:.7rem}.customer-orders-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;padding:.6rem}.customer-orders-filter-field{margin:0}.customer-orders-filter-label{display:block;margin-bottom:.2rem;font-size:.75rem;color:var(--text-secondary)}.customer-orders-filter-input{font-size:.8rem;padding:.3rem}.customer-orders-filter-check-group{display:flex;gap:.4rem;flex-wrap:wrap}.customer-orders-filter-check-label{display:flex;align-items:center;gap:.2rem;font-size:.75rem;margin:0;color:var(--text-secondary)}.customer-orders-filter-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--accent)}.customer-orders-load-btn{font-size:.8rem;padding:.4rem;grid-column:1 / -1;margin-top:.2rem}@media(max-width:700px){.purchase-order-status-filter{grid-column:auto}}.bom-tree-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:.9rem;height:auto;max-height:calc(100vh - 220px);overflow-y:auto}.bom-tree-toolbar{position:sticky;top:0;z-index:5;background:var(--bg-surface);padding-bottom:.6rem}.bom-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem;margin-top:.8rem;background:var(--bom-header-bg);border-bottom:1px solid var(--bom-header-border);padding:.55rem .75rem;min-height:2.6rem}.bom-panel-header h3{margin:0;font-size:.95rem}.bom-panel-header span{color:var(--text-muted);font-size:.78rem}.bom-tree-filter{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.8rem}.bom-tree-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.bom-tree-product{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-page);display:inline-flex;align-items:center;gap:.45rem;text-align:left;padding:.45rem .55rem;cursor:pointer;color:var(--text-primary)}.bom-tree-product.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.bom-tree-product.is-completed{border-color:var(--success-border);background:var(--success-bg);color:var(--success)}.bom-tree-product.is-completed .feather-icon{background:var(--success-bg-strong);color:var(--success)}.bom-tree-product.is-completed.is-selected{border-color:var(--success-border-strong);background:var(--success-bg-strong);color:var(--success)}.bom-tree-components{margin:.35rem 0 0 1.45rem;padding-left:.8rem;color:var(--text-secondary);font-size:.82rem}.bom-tree-components li{margin-bottom:.2rem}.bom-empty-node{color:var(--text-muted);font-style:italic}.bom-selected-editor{margin-top:1rem}.bom-top-editor{margin-top:0}.bom-top-editor.is-completed{background:var(--success-bg);border-color:var(--success-border)}.bom-detail-collapse-btn{display:inline-flex;align-items:center;gap:.3rem;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.25rem .6rem;font-size:.78rem;color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s}.bom-detail-collapse-btn:hover{border-color:var(--accent);color:var(--accent)}.bom-components-table-wrap .btn{padding:.35rem .6rem;font-size:.78rem}@media(max-width:900px){.bom-layout{grid-template-columns:1fr}}