:root{--bg:#f3f6fb;--panel:#fff;--panel-2:#f8fafc;--text:#172033;--muted:#6b7280;--line:#e3e9f2;--primary:#2563eb;--primary-dark:#1748b5;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--purple:#7c3aed;--cyan:#0891b2;--shadow:0 14px 34px #14244414;--radius:18px}:root[data-theme=dark]{--bg:#0b1220;--panel:#111b2e;--panel-2:#162238;--text:#edf4ff;--muted:#9aa8bd;--line:#27364f;--shadow:0 18px 42px #0000004d}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a{transition:all .2s}button{cursor:pointer}a{color:inherit;text-decoration:none}small{color:var(--muted)}.screen-loader{place-items:center;min-height:100vh;display:grid}.screen-loader span,.button-spinner{border:3px solid #2563eb38;border-top-color:#2563eb;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.inventory-login{background:radial-gradient(circle at 15% 15%,#4e92ff3d,#0000 24%),radial-gradient(circle at 80% 80%,#00d2be24,#0000 24%),linear-gradient(140deg,#06152d,#0b2d5c 53%,#061326);place-items:center;min-height:100vh;padding:22px;display:grid;position:relative;overflow:hidden}.inventory-login:before{content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.login-grid-overlay{border:1px solid #75afff1f;border-radius:50%;width:760px;height:760px;position:absolute;box-shadow:0 0 0 90px #75afff09,0 0 0 180px #75afff05}.inventory-login-card{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #ffffffb3;border-radius:26px;width:min(430px,100%);padding:30px 32px;position:relative;box-shadow:0 30px 90px #00000052}.inventory-login-card>img{width:190px;height:auto;margin:0 auto 17px;display:block}.login-app-mark{color:#2563eb;text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.inventory-login-card h1{text-align:center;letter-spacing:-.03em;margin:13px 0 7px;font-size:27px}.inventory-login-card>p{text-align:center;color:#69778d;margin:0 0 20px;font-size:13px;line-height:1.55}.inventory-login-card form{gap:14px;display:grid}.inventory-login-card label{color:#3a4760;gap:7px;font-size:12px;font-weight:700;display:grid}.input-with-icon{position:relative}.input-with-icon>svg{color:#8796ae;position:absolute;top:13px;left:13px}.input-with-icon input{color:#1f2c45;background:#f5f8fc;border:1px solid #d8e0ea;border-radius:12px;outline:none;width:100%;height:46px;padding:0 42px}.input-with-icon input:focus{background:#fff;border-color:#5d8ff0;box-shadow:0 0 0 4px #2563eb1a}.input-with-icon button{color:#728199;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:7px;right:7px}.login-security{color:#738097;border-top:1px solid #e4e9f1;justify-content:center;align-items:center;gap:7px;margin-top:18px;padding-top:16px;font-size:10px;display:flex}.inventory-login-card>small{text-align:center;margin-top:10px;font-size:10px;line-height:1.45;display:block}.erp-layout{min-height:100vh}.erp-header{background:color-mix(in srgb,var(--panel) 95%,transparent);border-bottom:1px solid var(--line);z-index:70;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:255px 1fr auto;align-items:center;height:76px;padding:0 28px;display:grid;position:sticky;top:0}.erp-brand img{object-fit:contain;width:205px;height:auto;max-height:62px;display:block}.erp-title{flex-direction:column;align-items:center;display:flex}.erp-title span{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800}.erp-title strong{margin-top:4px;font-size:15px}.top-actions{align-items:center;gap:8px;display:flex}.icon-button{border:1px solid var(--line);background:var(--panel);width:39px;height:39px;color:var(--text);border-radius:11px;place-items:center;display:grid;position:relative}.icon-button:hover{border-color:#aac1e7;transform:translateY(-1px)}.icon-button i{width:7px;height:7px;box-shadow:0 0 0 3px var(--panel);background:#ef4444;border-radius:50%;position:absolute;top:8px;right:8px}.erp-user{border-left:1px solid var(--line);align-items:center;gap:9px;padding-left:8px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#348df1,#174bad);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.erp-user>div:last-child{flex-direction:column;max-width:160px;display:flex}.erp-user strong{font-size:12px}.erp-user span{color:var(--muted);font-size:10px}.erp-menu-button{display:none}.logout-top:hover{color:var(--danger);border-color:#fecaca}.erp-module-dock{z-index:60;background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:13px 24px;position:sticky;top:76px}.erp-module-grid{grid-template-columns:repeat(11,minmax(72px,1fr));gap:9px;max-width:1320px;margin:auto;display:grid}.erp-module-grid a{border:1px solid var(--line);background:var(--panel);min-height:73px;color:var(--muted);border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:9px 5px;font-size:10px;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 20px #1627490a}.erp-module-grid a:before{content:"";background:linear-gradient(90deg,#2f8df4,#1450af);border-radius:3px 3px 0 0;height:3px;transition:all .25s;position:absolute;bottom:0;left:18%;right:18%;transform:scaleX(0)}.erp-module-grid a:hover{color:var(--primary);border-color:#a9c7f7;transform:translateY(-4px);box-shadow:0 15px 30px #2563eb1f}.erp-module-grid a:hover:before,.erp-module-grid a.active:before{transform:scaleX(1)}.erp-module-grid a.active{color:var(--primary);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 82%,#dbeafe),var(--panel));border-color:#a9c7f7;box-shadow:0 12px 26px #2563eb21}.module-icon{background:var(--panel-2);border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.erp-module-grid a:hover .module-icon,.erp-module-grid a.active .module-icon{color:#fff;background:linear-gradient(135deg,#338ff4,#174eae);box-shadow:0 8px 18px #2563eb42}.erp-main{min-height:calc(100vh - 164px)}.page-content{max-width:1580px;margin:auto;padding:27px 30px 42px}.erp-overlay{display:none}.notification-wrap{position:relative}.notification-panel{background:var(--panel);border:1px solid var(--line);z-index:100;border-radius:18px;width:min(400px,100vw - 28px);position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 24px 65px #08183438}.notification-panel>header{border-bottom:1px solid var(--line);background:var(--panel-2);justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.notification-panel>header>div{flex-direction:column;display:flex}.notification-panel>header strong{font-size:14px}.notification-panel>header span{color:var(--muted);margin-top:3px;font-size:10px}.notification-panel>header button{color:var(--muted);background:0 0;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.notification-body{max-height:400px;overflow:auto}.notification-item{border-bottom:1px solid var(--line);grid-template-columns:9px 1fr;gap:12px;padding:15px 18px;display:grid}.notification-item strong{font-size:12px}.notification-item p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.5}.notification-dot{background:#f59e0b;border-radius:50%;width:9px;height:9px;margin-top:4px;box-shadow:0 0 0 5px #f59e0b1f}.notification-item.urgent .notification-dot{background:#ef4444;box-shadow:0 0 0 5px #ef44441f}.notification-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;padding:36px 24px;display:flex}.notification-empty svg{color:#6e9ee8;margin-bottom:10px}.notification-empty strong{color:var(--text);font-size:13px}.notification-empty p{max-width:260px;margin:6px 0 0;font-size:11px;line-height:1.55}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.page-header h1{letter-spacing:-.04em;margin:4px 0 6px;font-size:31px}.page-header p{color:var(--muted);max-width:760px;margin:0}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:900}.page-actions{flex-wrap:wrap;gap:10px;display:flex}.primary-button,.secondary-button{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:750;display:inline-flex}.primary-button{background:linear-gradient(135deg,var(--primary),#1d4ed8);color:#fff;box-shadow:0 8px 20px #2563eb33}.primary-button:hover{transform:translateY(-1px);box-shadow:0 11px 26px #2563eb47}.primary-button:disabled{opacity:.7}.secondary-button{background:var(--panel);color:var(--text);border-color:var(--line)}.secondary-button:hover{border-color:#a9bce0;transform:translateY(-1px)}.secondary-button.small{padding:8px 11px;font-size:11px}.secondary-button.danger{color:var(--danger)}.full{width:100%}.panel,.stat-card,.mini-stats article,.warehouse-card,.supplier-card,.count-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel,.stat-card,.warehouse-card,.supplier-card,.count-card{transition:all .22s}.panel:hover,.stat-card:hover,.warehouse-card:hover,.supplier-card:hover,.count-card:hover{border-color:color-mix(in srgb,var(--primary) 22%,var(--line));box-shadow:0 18px 40px #1c39691a}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card{align-items:center;gap:14px;padding:19px;display:flex}.stat-icon{border-radius:14px;flex:none;place-items:center;width:47px;height:47px;display:grid}.stat-icon.blue{color:#2563eb;background:#dbeafe}.stat-icon.green{color:#15803d;background:#dcfce7}.stat-icon.purple{color:#7c3aed;background:#ede9fe}.stat-icon.red{color:#dc2626;background:#fee2e2}.stat-card>div:last-child{flex-direction:column;min-width:0;display:flex}.stat-card span{color:var(--muted);font-size:11px;font-weight:800}.stat-card strong{white-space:nowrap;text-overflow:ellipsis;margin:4px 0;font-size:21px;overflow:hidden}.stat-card small{font-size:10px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.inventory-dashboard-grid.lower{grid-template-columns:1fr 1.25fr}.panel-head{justify-content:space-between;align-items:center;padding:19px 21px 11px;display:flex}.panel-head h2{margin:0;font-size:16px}.panel-head p{color:var(--muted);margin:4px 0 0;font-size:11px}.panel-head a{color:var(--primary);font-size:12px;font-weight:800}.chart-large{height:290px;padding:4px 14px 16px}.attention-list{padding:5px 18px 17px}.attention-row{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:11px 2px;display:grid}.attention-row:last-child{border:0}.attention-row>div:nth-child(2){flex-direction:column;display:flex}.attention-row strong{font-size:12px}.attention-row span{color:var(--muted);margin-top:3px;font-size:10px}.attention-value{text-align:right;flex-direction:column;align-items:flex-end;gap:5px;display:flex}.attention-value b{font-size:12px}.movement-list{padding:5px 18px 17px}.movement{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr auto;align-items:center;gap:11px;padding:11px 2px;display:grid}.movement:last-child{border:0}.movement-icon{border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.movement-icon.receipt,.movement-icon.return{color:#15803d;background:#dcfce7}.movement-icon.issue{color:#dc2626;background:#fee2e2}.movement-icon.transfer{color:#2563eb;background:#dbeafe}.movement-icon.adjustment{color:#c2410c;background:#ffedd5}.movement>div:nth-child(2){flex-direction:column;display:flex}.movement strong{font-size:12px}.movement span{color:var(--muted);margin-top:3px;font-size:10px}.movement b{font-size:12px}.product-thumb{object-fit:cover;border:1px solid var(--line);background:var(--panel-2);border-radius:11px;width:42px;height:42px}.product-thumb.placeholder{color:#8ba0be;place-items:center;display:grid}.product-cell{align-items:center;gap:11px;display:flex}.product-cell>div{flex-direction:column;display:flex}.product-cell strong{font-size:12px}.product-cell small{margin-top:3px}.toolbar{align-items:center;gap:12px;margin-bottom:16px;padding:13px 15px;display:flex}.toolbar>span{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px}.toolbar select{border:1px solid var(--line);background:var(--panel-2);height:40px;color:var(--text);border-radius:10px;padding:0 12px}.search-box{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;flex:1;align-items:center;gap:8px;min-width:360px;padding:0 12px;display:flex}.search-box input{height:40px;color:var(--text);background:0 0;border:0;outline:0;width:100%}.table-panel{overflow:hidden}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 16px;font-size:12px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:var(--panel-2);white-space:nowrap;font-size:10px}td strong,td small{display:block}td small{margin-top:3px}td small svg{vertical-align:-2px;margin-right:3px}.category-pill{align-items:center;gap:7px;display:inline-flex}.category-pill i{border-radius:50%;width:9px;height:9px}.status-pill{white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;padding:5px 8px;font-size:9px;font-weight:900;display:inline-flex}.status-pill.blue{color:#1d4ed8;background:#dbeafe}.status-pill.green{color:#15803d;background:#dcfce7}.status-pill.orange{color:#c2410c;background:#ffedd5}.status-pill.red{color:#dc2626;background:#fee2e2}.status-pill.gray{color:#4b5563;background:#e5e7eb}.status-pill.purple{color:#7c3aed;background:#ede9fe}.row-actions{justify-content:flex-end;gap:5px;display:flex}.row-actions button{border:1px solid var(--line);background:var(--panel);width:33px;height:33px;color:var(--muted);border-radius:9px;place-items:center;display:grid}.row-actions button:hover{color:var(--primary);border-color:#a9bce0}.row-actions button.danger:hover{color:var(--danger);border-color:#fecaca}.empty-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;padding:42px 20px;display:flex}.empty-state svg{color:#83a7df;margin-bottom:10px}.empty-state strong{color:var(--text);font-size:14px}.empty-state p{margin:6px 0 0;font-size:11px}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040a18ad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);isolation:isolate;border-radius:20px;flex-direction:column;width:min(640px,100%);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 25px 75px #0006}.modal.wide{width:min(940px,100%)}.modal>header{border-bottom:1px solid var(--line);background:var(--panel);z-index:3;border-radius:20px 20px 0 0;flex:none;justify-content:space-between;align-items:center;padding:19px 22px;display:flex}.modal-body{scrollbar-gutter:stable;border-radius:0 0 20px 20px;min-height:0;padding-right:0;overflow:hidden auto}.modal-body::-webkit-scrollbar{width:10px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 45%,transparent);background-clip:padding-box;border:3px solid #0000;border-radius:99px}.modal h2{margin:0;font-size:19px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;padding:21px;display:grid}.form-grid label,.settings-form label{color:var(--muted);flex-direction:column;gap:7px;font-size:11px;font-weight:800;display:flex}.form-grid input,.form-grid select,.form-grid textarea,.settings-form input,.settings-form select{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--text);border-radius:10px;outline:none;padding:11px 12px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#6f9ce8;box-shadow:0 0 0 3px #2563eb1a}.form-grid label small{font-size:9px;font-weight:500}.span-2{grid-column:span 2}.check-row{align-items:center;flex-direction:row!important}.check-row input{width:auto}.form-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.money-field{grid-template-columns:1fr 80px;gap:6px;display:grid}.image-uploader{background:color-mix(in srgb,var(--primary) 4%,var(--panel-2));border:1px dashed #aac1e7;border-radius:13px;justify-content:space-between;align-items:center;padding:14px;display:flex}.image-uploader>div{flex-direction:column;display:flex}.image-uploader strong{color:var(--text);font-size:12px}.image-uploader span{margin-top:4px;font-size:9px}.upload-button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;color:var(--primary)!important;flex-direction:row!important;display:inline-flex!important}.image-preview-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.image-preview-grid>div{position:relative}.image-preview-grid img{object-fit:contain;border:1px solid var(--line);background:#f8fafc;border-radius:12px;width:100%;height:120px;padding:6px}.image-preview-grid button{width:28px;height:28px;color:var(--danger);background:#ffffffe6;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.alert{border-radius:10px;padding:10px 12px;font-size:11px}.alert.error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.alert.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.info-box{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:13px;gap:12px;padding:14px;display:flex}.info-box strong{font-size:12px}.info-box p{margin:4px 0 0;font-size:10px}.mini-stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px;display:grid}.mini-stats article{align-items:center;gap:11px;padding:15px;display:flex}.mini-stats svg{color:var(--primary)}.mini-stats div{flex-direction:column;display:flex}.mini-stats span{color:var(--muted);font-size:10px;font-weight:800}.mini-stats strong{margin-top:3px;font-size:17px}.warehouse-grid,.supplier-grid,.count-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.warehouse-card,.supplier-card,.count-card{padding:19px}.warehouse-card>header,.supplier-card>header,.count-card>header{justify-content:space-between;align-items:center;display:flex}.warehouse-icon,.supplier-avatar,.count-icon{color:#2563eb;background:#dbeafe;border-radius:14px;place-items:center;width:45px;height:45px;display:grid}.warehouse-card h2,.supplier-card h2,.count-card h2{margin:15px 0 4px;font-size:17px}.warehouse-card>p,.supplier-card>p,.count-card>p{color:var(--muted);margin:0;font-size:11px}.warehouse-address{color:var(--muted);align-items:center;gap:6px;margin-top:14px;font-size:10px;display:flex}.warehouse-metrics,.supplier-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0;display:grid}.warehouse-metrics>div,.supplier-metrics>div{background:var(--panel-2);border-radius:11px;flex-direction:column;padding:10px;display:flex}.warehouse-metrics span,.supplier-metrics span{color:var(--muted);font-size:9px}.warehouse-metrics strong,.supplier-metrics strong{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}.location-chips{flex-wrap:wrap;gap:5px;display:flex}.location-chips span{color:#1d4ed8;background:#eff6ff;border-radius:7px;padding:5px 7px;font-size:9px;font-weight:800}.warehouse-card footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;font-size:10px;display:flex}.supplier-contact{color:var(--muted);flex-direction:column;gap:3px;margin-top:14px;font-size:10px;display:flex}.supplier-contact strong{color:var(--text);font-size:11px}.rating{color:#f59e0b;gap:3px;margin-top:11px;display:flex}.supplier-card footer{border-top:1px solid var(--line);color:var(--muted);padding-top:12px;font-size:10px}.count-progress{margin:16px 0}.count-progress>div{background:var(--panel-2);border-radius:99px;height:7px;overflow:hidden}.count-progress span{background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:99px;height:100%;display:block}.count-progress small{margin-top:6px;font-size:9px;display:block}.count-meta{color:var(--muted);justify-content:space-between;margin-bottom:14px;font-size:9px;display:flex}.count-meta span{align-items:center;gap:4px;display:flex}.count-input{border:1px solid var(--line);background:var(--panel-2);width:100px;color:var(--text);border-radius:8px;padding:8px}.count-actions{border-top:1px solid var(--line);padding:16px 20px}.detail-sheet{padding:20px}.detail-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.detail-grid>div{background:var(--panel-2);border-radius:11px;flex-direction:column;padding:12px;display:flex}.detail-grid span{color:var(--muted);font-size:9px}.detail-grid strong{margin-top:4px;font-size:11px}.report-grid{margin-top:0}.report-table{margin-top:18px}.progress-cell{grid-template-columns:120px auto;align-items:center;gap:7px;display:grid}.progress-cell>div{background:var(--panel-2);border-radius:99px;height:7px;overflow:hidden}.progress-cell span{background:#2563eb;height:100%;display:block}.progress-cell small{font-size:9px}.settings-layout{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.settings-card{padding:20px}.settings-card>header{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding-bottom:16px;display:flex}.settings-card>header>svg{color:var(--primary)}.settings-card h2{margin:0;font-size:16px}.settings-card p{color:var(--muted);margin:4px 0 0;font-size:10px}.settings-form{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.currency-selector{grid-column:span 2}.currency-selector>span{color:var(--muted);font-size:10px;font-weight:800}.currency-selector>div{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.currency-selector button{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800}.currency-selector button.active{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.exchange-grid{grid-column:span 2;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.exchange-grid label{position:relative}.exchange-grid small{font-size:9px;position:absolute;bottom:11px;right:10px}.toggle-list{margin-top:12px;display:grid}.toggle-list>label{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.toggle-list>label>div{flex-direction:column;display:flex}.toggle-list strong{font-size:11px}.toggle-list span{color:var(--muted);margin-top:4px;font-size:9px}.toggle-list input[type=checkbox]{width:38px;height:20px}.short-input{width:90px!important}.danger-zone{background:#fff1f2;border:1px solid #fecaca;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:14px;display:flex}.danger-zone>div{flex-direction:column;display:flex}.danger-zone strong{color:#991b1b;font-size:11px}.danger-zone span{color:#b45309;margin-top:3px;font-size:9px}.audit-panel{margin-top:18px;overflow:hidden}@media (max-width:1250px){.erp-header{grid-template-columns:220px 1fr auto}.erp-module-grid{grid-template-columns:repeat(5,1fr)}.erp-module-dock{position:static}.warehouse-grid,.supplier-grid,.count-grid{grid-template-columns:repeat(2,1fr)}.stat-card strong{font-size:18px}}@media (max-width:900px){.erp-header{grid-template-columns:1fr auto;height:70px;padding:0 14px}.erp-brand img{width:170px}.erp-title,.erp-user{display:none}.erp-menu-button{display:grid}.erp-module-dock{opacity:0;pointer-events:none;border:1px solid var(--line);z-index:100;border-radius:18px;padding:12px;transition:all .25s;position:fixed;top:70px;left:12px;right:12px;transform:translateY(-130%);box-shadow:0 28px 70px #00000040}.erp-module-dock.mobile-open{opacity:1;pointer-events:auto;transform:none}.erp-module-grid{grid-template-columns:repeat(3,1fr)}.erp-overlay{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050e1e73;border:0;display:block;position:fixed;inset:70px 0 0}.page-content{padding:22px 18px 40px}.stats-grid,.mini-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.inventory-dashboard-grid.lower,.settings-layout{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search-box{order:-1;min-width:100%}.warehouse-grid,.supplier-grid,.count-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.logout-top{display:none}.erp-module-grid{grid-template-columns:repeat(2,1fr)}.page-header{flex-direction:column}.page-header h1{font-size:26px}.page-actions{width:100%}.page-actions>*{flex:1}.stats-grid,.mini-stats{grid-template-columns:1fr}.stat-card{padding:16px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.image-preview-grid{grid-template-columns:repeat(2,1fr)}.settings-form{grid-template-columns:1fr}.currency-selector,.exchange-grid{grid-column:span 1}.exchange-grid{grid-template-columns:1fr}.notification-panel{position:fixed;top:76px;right:12px}.inventory-login-card{padding:27px 22px}.detail-grid{grid-template-columns:1fr}}.chart-panel{overflow:hidden}.chart-kpi{color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--panel-2));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850}.chart-tooltip{background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:13px;min-width:160px;padding:11px 12px;box-shadow:0 16px 38px #1424442e}.chart-tooltip>strong{margin-bottom:7px;font-size:11px;display:block}.chart-tooltip>div{grid-template-columns:8px 1fr auto;align-items:center;gap:8px;margin-top:5px;display:grid}.chart-tooltip i{border-radius:50%;width:8px;height:8px}.chart-tooltip span{color:var(--muted);font-size:10px}.chart-tooltip b{font-size:10px}.donut-total{fill:var(--text);font-size:11px;font-weight:850}.donut-caption{fill:var(--muted);font-size:9px}.owner-banner{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--panel)),var(--panel));border-color:color-mix(in srgb,var(--primary) 24%,var(--line));grid-template-columns:56px 1fr auto;align-items:center;gap:15px;margin-bottom:16px;padding:18px 20px;display:grid}.owner-icon{color:#fff;background:linear-gradient(135deg,#1d4ed8,#60a5fa);border-radius:16px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 10px 24px #2563eb3d}.owner-banner>div:nth-child(2){flex-direction:column;display:flex}.owner-banner span{text-transform:uppercase;letter-spacing:.12em;color:var(--primary);font-size:9px;font-weight:900}.owner-banner strong{margin-top:3px;font-size:15px}.owner-banner p{color:var(--muted);margin:4px 0 0;font-size:10px}.owner-badge{color:#1d4ed8;background:#dbeafe;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;font-size:10px;font-weight:850;display:flex}.user-stats{margin-bottom:18px}.users-table-panel{overflow:hidden}.user-cell{align-items:center;gap:10px;display:flex}.user-cell>div:last-child{flex-direction:column;display:flex}.user-avatar{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:900;display:grid}.user-avatar.owner{color:#fff;background:linear-gradient(135deg,#1d4ed8,#60a5fa);box-shadow:0 7px 18px #2563eb38}.warehouse-permissions{border:1px solid var(--line);border-radius:13px;margin:0;padding:13px}.warehouse-permissions legend{color:var(--text);padding:0 6px;font-size:11px;font-weight:850}.warehouse-permissions>p{color:var(--muted);margin:0 0 10px;font-size:9px}.warehouse-permissions>div{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.warehouse-permissions label{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:9px;flex-direction:row!important;display:flex!important}.warehouse-permissions input{width:auto!important}.warehouse-permissions label span{color:var(--muted);flex-direction:column;font-size:9px;display:flex}.warehouse-permissions label strong{color:var(--text);font-size:10px}.role-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.role-card{padding:14px}.role-card>div{color:var(--primary);align-items:center;gap:8px;display:flex}.role-card strong{color:var(--text);font-size:11px}.role-card p{color:var(--muted);margin:8px 0 0;font-size:9px;line-height:1.5}.access-denied{text-align:center;flex-direction:column;align-items:center;padding:50px;display:flex}.access-denied svg{color:var(--primary)}.access-denied h1{margin:12px 0 5px;font-size:20px}.access-denied p{color:var(--muted);margin:0;font-size:11px}@media (max-width:1250px){.role-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.owner-banner{grid-template-columns:52px 1fr}.owner-badge{grid-column:1/-1;justify-content:center}.role-grid,.warehouse-permissions>div{grid-template-columns:1fr}}@media (max-width:620px){.chart-kpi{display:none}.owner-banner{text-align:center;grid-template-columns:1fr}.owner-icon{margin:auto}.owner-badge{grid-column:auto}.user-cell{min-width:220px}}.inventory-auth-card label>input{color:#1f2c45;background:#f5f8fc;border:1px solid #d8e0ea;border-radius:12px;outline:none;width:100%;height:46px;padding:0 14px}.inventory-auth-card label>input:focus{background:#fff;border-color:#5d8ff0;box-shadow:0 0 0 4px #2563eb1a}.inventory-auth-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.inventory-auth-links button{color:#2563eb;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:5px 7px;font-size:11px;font-weight:800;display:inline-flex}.inventory-auth-links button:hover{color:#174cb4;background:#eef4ff}.sync-zone{background:#f7faff!important;border-color:#c9d9f3!important}.sync-zone button{color:#2456a6!important;border-color:#bfd0eb!important}.dark-spinner{border-color:#2563eb40;border-top-color:var(--primary);width:17px;height:17px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.product-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;min-width:0;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;overflow:hidden}.product-card:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--line));transform:translateY(-4px);box-shadow:0 22px 46px #1c396924}.product-card-media{background:var(--panel-2);height:245px;position:relative;overflow:hidden}.product-main-image{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.product-main-image:disabled{cursor:default}.product-main-image>img{object-fit:contain;background:linear-gradient(145deg,#f8fafc,#eef3f9);width:100%;height:100%;padding:14px;transition:transform .35s;display:block}.product-card:hover .product-main-image>img{transform:scale(1.035)}.product-image-placeholder{color:#8ca0bd;background:linear-gradient(135deg,var(--panel-2),color-mix(in srgb,var(--primary) 5%,var(--panel-2)));flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.product-image-placeholder small{font-size:10px;font-weight:800}.product-card-badges{pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;inset:12px 12px auto}.product-card-badges>*{pointer-events:auto}.photo-count{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0f172aa8;border:1px solid #ffffffa6;border-radius:99px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;font-weight:900;display:inline-flex;box-shadow:0 7px 18px #00000026}.photo-count:disabled{opacity:.72;cursor:default}.photo-count.has-images:hover{background:#1d4ed8db}.product-card-thumbnails{align-items:center;gap:7px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.product-card-thumbnails button{background:var(--panel);border:2px solid #fffc;border-radius:10px;width:48px;height:48px;padding:0;overflow:hidden;box-shadow:0 6px 16px #0003}.product-card-thumbnails button:hover{border-color:#fff;transform:translateY(-2px)}.product-card-thumbnails img{object-fit:contain;background:#f8fafc;width:100%;height:100%;padding:4px;display:block}.product-card-content{flex-direction:column;flex:1;gap:13px;padding:17px 18px 14px;display:flex}.product-card-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.product-card-heading h2{color:var(--text);margin:0;font-size:17px;line-height:1.25}.product-card-heading p{color:var(--muted);margin:4px 0 0;font-size:10px}.product-sku{color:#1d4ed8;letter-spacing:.04em;background:#eff6ff;border-radius:8px;flex:none;padding:6px 8px;font-size:9px;font-weight:900}.product-card-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.product-card-meta .category-pill{color:var(--muted);font-size:10px}.product-card-description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.55;display:-webkit-box;overflow:hidden}.product-card-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.product-card-metrics>div{background:var(--panel-2);border-radius:11px;flex-direction:column;min-width:0;padding:10px;display:flex}.product-card-metrics span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:8px;font-weight:800}.product-card-metrics strong{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.product-card-metrics small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.product-card-code{color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.product-card-code span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.product-card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;display:flex}.product-card-footer .secondary-button{padding:8px 11px;font-size:10px}.product-card-footer .secondary-button:disabled{opacity:.5;cursor:not-allowed}.product-gallery-modal{padding:20px}.product-gallery-stage{background:linear-gradient(145deg,#f8fafc,#e9eef5);border-radius:17px;place-items:center;height:min(62vh,600px);padding:18px;display:grid;position:relative;overflow:hidden}.product-gallery-stage>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.product-gallery-placeholder{color:#9fb0c9;flex-direction:column;justify-content:center;align-items:center;gap:11px;display:flex}.product-gallery-placeholder strong{font-size:13px}.gallery-arrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:2;background:#080f1e9e;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow:hover{background:#2563ebdb}.gallery-arrow.previous{left:14px}.gallery-arrow.next{right:14px}.gallery-counter{color:#fff;background:#080f1ead;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:900;position:absolute;bottom:14px;right:14px}.product-gallery-thumbnails{gap:9px;padding:12px 2px 3px;display:flex;overflow-x:auto}.product-gallery-thumbnails button{background:var(--panel-2);border:2px solid #0000;border-radius:10px;flex:none;width:72px;height:60px;padding:0;overflow:hidden}.product-gallery-thumbnails button.active{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.product-gallery-thumbnails img{object-fit:contain;background:#f8fafc;width:100%;height:100%;padding:4px;display:block}.product-gallery-details{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px;display:grid}.product-gallery-details>div{background:var(--panel-2);border-radius:11px;flex-direction:column;padding:10px 12px;display:flex}.product-gallery-details span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:8px}.product-gallery-details strong{margin-top:4px;font-size:11px}.dark .photo-count{border-color:#ffffff38}@media (max-width:1250px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.product-grid{grid-template-columns:1fr}.product-card-media{height:270px}.product-gallery-stage{height:48vh}.product-gallery-details{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.product-card-media{height:230px}.product-card-metrics{grid-template-columns:1fr 1fr}.product-card-metrics>div:last-child{grid-column:span 2}.product-card-footer{align-items:stretch}.product-card-footer .secondary-button{flex:1}.product-gallery-modal{padding:12px}.product-gallery-stage{height:42vh}.gallery-arrow{width:36px;height:36px}.product-gallery-details{grid-template-columns:1fr 1fr}}:root[data-theme=dark] .product-main-image>img,:root[data-theme=dark] .product-card-thumbnails img,:root[data-theme=dark] .product-gallery-thumbnails img,:root[data-theme=dark] .image-preview-grid img,.dark .product-main-image>img,.dark .product-card-thumbnails img,.dark .product-gallery-thumbnails img,.dark .image-preview-grid img{background:#111c2f}.dark .product-gallery-stage,:root[data-theme=dark] .product-gallery-stage{background:linear-gradient(145deg,#101827,#18243a)}.product-card-media{aspect-ratio:16/10;isolation:isolate;height:auto;min-height:245px}.product-main-image{isolation:isolate;background:linear-gradient(145deg,#f8fafc,#edf2f7);position:relative;overflow:hidden}.product-main-image>img.product-card-image-backdrop{z-index:0;object-fit:cover;filter:blur(24px)saturate(.82);opacity:.25;pointer-events:none;width:calc(100% + 48px);height:calc(100% + 48px);padding:0;position:absolute;inset:-24px;transform:scale(1.08)}.product-card:hover .product-main-image>img.product-card-image-backdrop{transform:scale(1.12)}.product-card-image-frame{z-index:1;border-radius:12px;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:absolute;inset:16px;overflow:hidden}.product-main-image.has-thumbnails .product-card-image-frame{bottom:72px}.product-card-image{object-fit:contain;object-position:center;filter:drop-shadow(0 8px 18px #0f172a1f);width:100%;min-width:0;height:100%;min-height:0;transition:transform .28s;display:block}.product-card:hover .product-card-image{transform:scale(1.018)}.product-card-badges,.product-card-thumbnails{z-index:3}.product-card-thumbnails img,.product-gallery-thumbnails img{object-fit:contain;object-position:center}.product-gallery-stage{isolation:isolate;background:linear-gradient(145deg,#f8fafc,#e9eef5);height:clamp(380px,66vh,720px);min-height:0;padding:0;display:block;position:relative;overflow:hidden}.product-gallery-backdrop{z-index:0;object-fit:cover;filter:blur(34px)saturate(.78);opacity:.2;pointer-events:none;width:calc(100% + 72px);max-width:none;height:calc(100% + 72px);max-height:none;position:absolute;inset:-36px;transform:scale(1.08)}.product-gallery-image-frame{z-index:1;border-radius:13px;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:absolute;inset:18px;overflow:hidden}.product-gallery-image{object-fit:contain;object-position:center;filter:drop-shadow(0 12px 26px #0f172a21);width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block}.gallery-arrow,.gallery-counter{z-index:4}@media (max-width:760px){.product-card-media{aspect-ratio:4/3;min-height:250px}.product-gallery-stage{height:min(58vh,620px);min-height:320px}}@media (max-width:460px){.product-card-media{aspect-ratio:4/3;min-height:220px}.product-gallery-stage{height:min(52vh,520px);min-height:280px}.product-gallery-image-frame{inset:10px}}:root[data-theme=dark] .product-main-image,.dark .product-main-image{background:linear-gradient(145deg,#111c2f,#17243a)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px}.product-card{background:var(--panel);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #182b4d14}.product-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px #182b4d21}.product-card-media{aspect-ratio:auto;border-bottom:1px solid var(--line);background:#f4f7fb;height:210px;min-height:210px}.product-main-image.product-main-image-classic{background:#f4f7fb;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;position:relative;overflow:hidden}.product-main-image.product-main-image-classic .product-card-image{object-fit:contain;object-position:center;filter:none;width:100%;height:100%;padding:10px;transition:transform .24s;display:block;transform:none}.product-card:hover .product-main-image.product-main-image-classic .product-card-image{transform:scale(1.02)}.product-card-badges{inset:10px 10px auto}.product-card-content{gap:11px;padding:15px 16px 13px}.product-card-heading h2{font-size:16px}.product-card-metrics{gap:7px}.product-card-metrics>div{padding:9px}.product-card-footer{padding:12px 16px}.product-card-thumbnails{display:none!important}.product-gallery-classic .product-gallery-stage{border:1px solid var(--line);background:#f4f7fb;border-radius:16px;justify-content:center;align-items:center;height:min(68vh,680px);padding:16px;display:flex;overflow:hidden}.product-gallery-classic .product-gallery-image{object-fit:contain;object-position:center;filter:none;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.product-gallery-backdrop,.product-gallery-image-frame{display:none!important}.product-gallery-thumbnails button{background:#f4f7fb}.product-gallery-thumbnails img{object-fit:contain;object-position:center;width:100%;height:100%;padding:4px}:root[data-theme=dark] .product-main-image.product-main-image-classic,:root[data-theme=dark] .product-card-media,:root[data-theme=dark] .product-gallery-classic .product-gallery-stage,.dark .product-main-image.product-main-image-classic,.dark .product-card-media,.dark .product-gallery-classic .product-gallery-stage{background:#111c2f}@media (max-width:1120px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.product-grid{grid-template-columns:1fr}.product-card-media{aspect-ratio:auto;height:250px;min-height:250px}.product-gallery-classic .product-gallery-stage{height:min(58vh,590px)}}@media (max-width:460px){.product-card-media{height:230px;min-height:230px}.product-gallery-classic .product-gallery-stage{height:min(52vh,500px);padding:10px}}.mobile-logout-link{display:none}.recovery-status,.recovery-expired,.recovery-success{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:18px 6px;display:flex}.recovery-status strong,.recovery-expired strong,.recovery-success strong{color:var(--text);font-size:15px}.recovery-expired svg{color:#ef4444}.recovery-success svg{color:#16a34a}.recovery-expired p,.recovery-success p{margin:0 0 6px;font-size:12px;line-height:1.55}@media (max-width:900px){.erp-module-grid .mobile-logout-link{background:color-mix(in srgb,var(--panel) 92%,#fee2e2);color:#dc2626;cursor:pointer;border:1px solid #fecaca;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:73px;padding:9px 5px;font-size:10px;font-weight:800;display:flex;position:relative;box-shadow:0 7px 20px #dc26260f}.erp-module-grid .mobile-logout-link:hover{border-color:#fca5a5;transform:translateY(-3px);box-shadow:0 14px 28px #dc26261f}.erp-module-grid .mobile-logout-link .module-icon{color:#dc2626;background:#fee2e2}}@media (max-width:620px){.erp-module-grid .mobile-logout-link{flex-direction:row;grid-column:1/-1;min-height:62px;font-size:12px}}.recovery-code-input{text-align:center;letter-spacing:.34em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}