.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(160deg,#1a1a1f,#0f0f12)}.login-card{width:100%;max-width:400px;background:#18181b;border:1px solid #27272a;border-radius:12px;padding:2rem;box-shadow:0 8px 32px #0006}.login-card h1{margin:0 0 .5rem;font-size:var(--text-lg);color:#fafafa}.login-subtitle{margin:0 0 1.5rem;font-size:var(--text-base);color:#a1a1aa}.login-form label{display:block;margin-bottom:1rem;font-size:var(--text-muted);color:#d4d4d8}.login-form input{width:100%;margin-top:.35rem;padding:.75rem 1rem;background:#27272a;border:1px solid #3f3f46;border-radius:8px;color:#fafafa;font-size:var(--text-md)}.login-form input:focus{outline:none;border-color:#e74256}.login-error{padding:.6rem;margin-bottom:1rem;background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:8px;color:#fca5a5;font-size:var(--text-base)}.login-btn{width:100%;margin-top:.5rem;padding:.85rem 1.5rem;background:#e74256;border:none;border-radius:8px;color:#fff;font-size:var(--text-md);font-weight:600;cursor:pointer}.login-btn:hover:not(:disabled){background:#d63a4d}.login-btn:disabled{opacity:.7;cursor:not-allowed}.home-page{width:100%;max-width:none;padding:0;font-family:Cairo,Segoe UI,sans-serif;color:#fafafa;background:transparent;box-sizing:border-box}.home-overview-title{margin:0 0 2rem;font-size:1.85rem;font-weight:700;color:#fafafa}.home-error{padding:.75rem 1rem;margin-bottom:1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#fca5a5;font-size:.9rem}.home-row{display:grid;gap:1.25rem;margin-bottom:2rem;width:100%}.home-row-sales{grid-template-columns:repeat(5,1fr);gap:1.25rem}@media (max-width: 1200px){.home-row-sales{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.home-row-sales{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.home-row-sales{grid-template-columns:1fr}}.home-card-sales{padding:1.75rem;border-radius:16px;border:none;color:#fff;display:flex;flex-direction:column;gap:.5rem;min-height:160px;box-sizing:border-box}.home-card-sales-icon{font-size:2rem;opacity:.95;margin-bottom:.35rem}.home-card-sales-value{font-size:1.65rem;font-weight:800;line-height:1.2}.home-card-sales-label{font-size:1rem;opacity:.95;font-weight:600}.home-card-sales-detail{font-size:.85rem;opacity:.9;margin-top:.35rem}.home-card-today{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 4px 14px #0d948859}.home-card-yesterday{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 4px 14px #ea580c59}.home-card-month{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px #2563eb59}.home-card-lastmonth{background:linear-gradient(135deg,#0891b2,#0e7490);box-shadow:0 4px 14px #0891b259}.home-card-alltime{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 14px #16a34a59}.home-row-status{grid-template-columns:repeat(4,1fr);gap:1.25rem}@media (max-width: 1000px){.home-row-status{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.home-row-status{grid-template-columns:1fr}}.home-card-status{padding:1.5rem 1.75rem;border-radius:16px;background:#18181b;border:1px solid #27272a;display:flex;flex-direction:column;gap:.6rem;min-height:130px;box-sizing:border-box}.home-card-status-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.35rem}.home-card-status-icon-orange{background:#ea580c33;color:#fb923c}.home-card-status-icon-blue{background:#3b82f633;color:#93c5fd}.home-card-status-icon-green{background:#22c55e33;color:#4ade80}.home-card-status-icon-check{background:#22c55e33;color:#4ade80;font-weight:800;font-size:1.1rem}.home-card-status-label{font-size:1rem;color:#a1a1aa;font-weight:500}.home-card-status-extra{font-size:.9rem;color:#f87171;font-weight:600}.home-card-status-value{font-size:1.75rem;font-weight:800;color:#fafafa}.home-quick-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.home-quick-link{display:inline-block;padding:.65rem 1.25rem;font-size:1rem;color:#e74256;background:#e7425614;border:1px solid rgba(231,66,86,.2);border-radius:12px;text-decoration:none;transition:background .2s,border-color .2s}.home-quick-link:hover{background:#e7425626;border-color:#e7425659}.dashboard-section h2{margin:0 0 1rem;font-size:var(--text-lg);color:#fafafa}.categories-desc{margin:0 0 1rem;color:#a1a1aa;font-size:var(--text-base)}.btn-sm{padding:.35rem .65rem;font-size:var(--text-sm);background:#3f3f46;color:#fafafa;border:1px solid #52525b;border-radius:6px;cursor:pointer}.btn-sm:hover:not(:disabled){background:#52525b}.btn-sm.btn-danger{background:#ef444433;color:#fca5a5;border-color:#ef444466}.btn-sm.btn-danger:hover:not(:disabled){background:#ef44444d}.dashboard-error{padding:.75rem;margin-bottom:1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:var(--text-base)}.dashboard-success{padding:.75rem;margin-bottom:1rem;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#86efac;font-size:var(--text-base)}.dashboard-loading{color:#a1a1aa;font-size:var(--text-base)}.table-wrap{overflow-x:auto;border:1px solid #27272a;border-radius:8px;background:#18181b}.dashboard-table{width:100%;border-collapse:collapse;font-size:var(--text-muted)}.dashboard-table th,.dashboard-table td{padding:.75rem 1rem;text-align:right;border-bottom:1px solid #27272a;font-size:var(--text-base)}.dashboard-table th{background:#27272a;color:#a1a1aa;font-weight:600;font-size:var(--text-table-head);letter-spacing:.5px}.dashboard-table tbody tr:hover{background:#ffffff08}.dashboard-table tbody tr:last-child td{border-bottom:none}.th-actions,.td-actions{width:180px;text-align:center}.td-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.btn-delete{padding:.4rem .75rem;font-size:var(--text-sm);color:#fca5a5;background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:6px;cursor:pointer}.btn-delete:hover:not(:disabled){background:#ef444440;color:#fecaca}.btn-block{padding:.4rem .75rem;font-size:var(--text-sm);color:#fcd34d;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);border-radius:6px;cursor:pointer}.btn-block:hover:not(:disabled){background:#f59e0b40;color:#fde68a}.btn-unblock{padding:.4rem .75rem;font-size:var(--text-sm);color:#86efac;background:#22c55e26;border:1px solid rgba(34,197,94,.4);border-radius:6px;cursor:pointer}.btn-unblock:hover:not(:disabled){background:#22c55e40;color:#bbf7d0}.btn-delete:disabled,.btn-block:disabled,.btn-unblock:disabled{opacity:.6;cursor:not-allowed}.badge-blocked{display:inline-block;margin-right:.5rem;padding:.15rem .5rem;font-size:var(--text-xs);background:#ef444433;color:#fca5a5;border-radius:4px}.row-blocked{opacity:.85}.status-select{padding:.35rem .5rem;font-size:var(--text-base);background:#27272a;color:#fafafa;border:1px solid #3f3f46;border-radius:6px;cursor:pointer;min-width:120px}.inline-edit{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.inline-edit input{padding:.35rem .5rem;font-size:var(--text-base);background:#27272a;color:#fafafa;border:1px solid #3f3f46;border-radius:6px}.empty-msg{padding:1rem;color:#a1a1aa;font-size:var(--text-base);text-align:center}.categories-page .categories-desc{color:#a1a1aa;font-size:var(--text-base);margin:0 0 1rem}.categories-form{margin-bottom:1.5rem;padding:1rem;background:#18181b;border:1px solid #27272a;border-radius:8px;max-width:420px}.categories-form .form-row{margin-bottom:.75rem}.categories-form .form-row label{display:block;color:#a1a1aa;font-size:var(--text-muted);margin-bottom:.35rem}.categories-form .form-row input[type=text],.categories-form .form-row input[type=number]{width:100%;padding:.5rem .75rem;background:#27272a;border:1px solid #3f3f46;border-radius:6px;color:#fafafa;font-size:var(--text-md)}.categories-form .form-row input[type=file]{color:#a1a1aa;font-size:var(--text-base)}.btn-submit{margin-top:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:var(--text-base)}.btn-submit:hover:not(:disabled){background:#2563eb}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.category-icon{width:40px;height:40px;object-fit:cover;border-radius:50%;background:#27272a}.no-icon{color:#71717a;font-size:var(--text-base)}.edit-input{padding:.35rem .5rem;background:#27272a;border:1px solid #3f3f46;border-radius:4px;color:#fafafa;font-size:var(--text-base);width:100%;max-width:160px}.edit-input.narrow{max-width:70px}.btn-edit{padding:.4rem .75rem;font-size:var(--text-sm);color:#93c5fd;background:#3b82f626;border:1px solid rgba(59,130,246,.4);border-radius:6px;cursor:pointer}.btn-edit:hover{background:#3b82f640;color:#bfdbfe}.btn-save{padding:.4rem .75rem;font-size:var(--text-sm);color:#86efac;background:#22c55e26;border:1px solid rgba(34,197,94,.4);border-radius:6px;cursor:pointer}.btn-save:hover:not(:disabled){background:#22c55e40}.btn-cancel{padding:.4rem .75rem;font-size:var(--text-sm);color:#a1a1aa;background:transparent;border:1px solid #3f3f46;border-radius:6px;cursor:pointer}.btn-cancel:hover{background:#27272a}.products-page .products-desc{color:#a1a1aa;font-size:var(--text-muted);margin:.25rem 0 0}.products-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.products-header h2{margin:0}.btn-add-product{padding:.6rem 1.2rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:var(--text-md);font-weight:600;cursor:pointer;white-space:nowrap}.btn-add-product:hover{background:#2563eb}.products-form{margin-bottom:1rem;padding:1rem;background:#18181b;border:1px solid #27272a;border-radius:8px;max-width:720px}.products-form-wide-layout{max-width:100%;padding:1.25rem}.form-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem;align-items:start}.form-col{min-width:0}.form-section{margin-bottom:1.25rem;padding:1rem;background:#1f1f23;border:1px solid #2a2a2e;border-radius:8px}.form-section:last-child{margin-bottom:0}.form-section-title{margin:0 0 .75rem;font-size:var(--text-muted);font-weight:600;color:#d4d4d8;letter-spacing:.02em;padding-bottom:.5rem;border-bottom:1px solid #27272a}.field-dimensions{margin:0 0 .35rem;font-size:var(--text-sm);color:#a1a1aa;line-height:1.4}.field-dimensions strong{color:#e4e4e7;font-weight:600}.field-dimensions-top{margin-bottom:1rem}.product-image-preview-wrap,.product-gallery-preview-wrap{margin-top:.75rem}.product-image-preview-square{width:320px;max-width:100%;aspect-ratio:1;background:#27272a;border:2px solid #3f3f46;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-image-crop-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform-origin:center center}.product-image-crop-layer .product-image-preview-img,.product-image-preview-square .product-image-preview-img{width:100%;height:100%;object-fit:cover;display:block}.product-image-preview-square{position:relative}.product-crop-controls{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.product-crop-label{font-size:var(--text-sm);color:#a1a1aa;white-space:nowrap}.product-crop-slider{width:120px;accent-color:#3b82f6}.product-crop-value{font-size:var(--text-sm);color:#e4e4e7;font-weight:600;min-width:2rem}.product-crop-btn{margin-top:.5rem;padding:.5rem 1rem;font-size:var(--text-sm);font-family:inherit;font-weight:600;color:#fff;background:#3b82f6;border:none;border-radius:8px;cursor:pointer}.product-crop-btn:hover:not(:disabled){background:#2563eb}.product-crop-btn:disabled{opacity:.7;cursor:not-allowed}.product-image-preview-placeholder{font-size:var(--text-sm);color:#71717a;padding:1rem;text-align:center}.product-image-preview-caption{margin:.5rem 0 0;font-size:var(--text-sm);color:#a1a1aa;line-height:1.4}.product-gallery-preview-wrap{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}.product-gallery-preview-square{width:80px;aspect-ratio:1;background:#27272a;border:1px solid #3f3f46;border-radius:8px;overflow:hidden;flex-shrink:0}.product-gallery-preview-square .product-image-preview-img{width:100%;height:100%;object-fit:cover;display:block}.banner-image-placeholder{max-width:600px;aspect-ratio:3 / 1;background:#27272a;border:1px dashed #3f3f46;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:.35rem}.banner-image-placeholder.has-image{border-style:solid;padding:0}.banner-image-placeholder .placeholder-text{color:#71717a;font-size:var(--text-muted);text-align:center;padding:1rem}.banner-image-placeholder .placeholder-text strong{display:block;color:#a1a1aa;margin-bottom:.25rem}.banner-image-placeholder img{width:100%;height:100%;object-fit:cover;display:block}.banner-image-upload-row{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.banner-image-upload-row input[type=file]{max-width:100%}.banner-image-upload-hint{font-size:var(--text-sm);color:#71717a}.th-banner-preview{width:140px;min-width:140px}.td-banner-preview{vertical-align:middle}.banner-table-preview{width:120px;max-width:120px;height:auto;border-radius:8px;overflow:hidden;background:#27272a;border:1px solid #3f3f46}.banner-table-preview img{width:100%;height:100%;object-fit:cover;display:block}.banner-no-image{color:#71717a;font-size:var(--text-base)}.form-actions-bar{margin-top:1rem;padding-top:1rem;border-top:1px solid #27272a}@media (max-width: 900px){.form-two-cols{grid-template-columns:1fr}}.products-form-compact .form-row,.products-form-wide-layout .form-row{margin-bottom:.5rem}.products-form-wide-layout .form-section .form-row:last-child{margin-bottom:0}.products-form .form-row{margin-bottom:.5rem}.products-form-compact .form-row:last-child{margin-bottom:0}.products-form .form-row label{display:block;color:#a1a1aa;font-size:var(--text-sm);margin-bottom:.25rem}.products-form .form-row input[type=text],.products-form .form-row input[type=number],.products-form .form-row textarea,.products-form .form-row select{width:100%;padding:.4rem .6rem;background:#27272a;border:1px solid #3f3f46;border-radius:6px;color:#fafafa;font-size:var(--text-base)}.products-form .form-row textarea{resize:vertical;min-height:52px}.products-form-compact .form-row textarea,.products-form-wide-layout .form-row textarea{min-height:48px}.products-form .form-row input[type=file]{color:#a1a1aa;font-size:var(--text-muted);padding:.25rem 0}.input-en-num{direction:ltr;text-align:right}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem;align-items:start}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.form-actions{display:flex;gap:.75rem;align-items:center;margin-top:.75rem;padding-top:.5rem;border-top:1px solid #27272a}.products-form .btn-submit{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:var(--text-base)}.products-form .btn-submit:hover:not(:disabled){background:#2563eb}.products-form .btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-form{padding:.5rem 1rem;color:#a1a1aa;background:transparent;border:1px solid #3f3f46;border-radius:6px;font-size:var(--text-base);cursor:pointer}.btn-cancel-form:hover{background:#27272a;color:#e4e4e7}.product-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;background:#27272a;display:block;vertical-align:middle}.products-page .dashboard-table td:first-child{width:72px;min-width:72px}.no-img{color:#71717a;font-size:var(--text-base)}.products-page .edit-input{padding:.35rem .5rem;background:#27272a;border:1px solid #3f3f46;border-radius:4px;color:#fafafa;font-size:var(--text-base);width:100%;max-width:180px}.products-page .edit-input.narrow{max-width:90px}.products-page .btn-edit{padding:.4rem .75rem;font-size:var(--text-sm);color:#93c5fd;background:#3b82f626;border:1px solid rgba(59,130,246,.4);border-radius:6px;cursor:pointer}.products-page .btn-edit:hover{background:#3b82f640}.products-page .btn-save{padding:.4rem .75rem;font-size:var(--text-sm);color:#86efac;background:#22c55e26;border:1px solid rgba(34,197,94,.4);border-radius:6px;cursor:pointer}.products-page .btn-cancel{padding:.4rem .75rem;font-size:var(--text-sm);color:#a1a1aa;background:transparent;border:1px solid #3f3f46;border-radius:6px;cursor:pointer}.products-form-wide{max-width:640px}@media (max-width: 640px){.form-grid,.form-grid-3{grid-template-columns:1fr}}.products-form .form-row-inline{display:flex;gap:.75rem;flex-wrap:wrap}.products-form .form-row-inline>div{flex:1;min-width:120px}.form-hint{color:#71717a;font-size:var(--text-sm);font-weight:400;margin-right:.5rem}.checkbox-group{display:flex;flex-wrap:wrap;gap:.4rem .75rem}.checkbox-label{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;color:#e4e4e7;font-size:var(--text-base)}.checkbox-label input{margin:0}.sizes-grid{display:flex;flex-wrap:wrap;gap:.5rem}.sizes-grid .size-row{display:flex;align-items:center;gap:.5rem}.sizes-grid .size-qty{width:70px;padding:.35rem .5rem;background:#27272a;border:1px solid #3f3f46;border-radius:4px;color:#fafafa;font-size:var(--text-base)}.edit-expand-row td{background:#1c1c1e;border-top:none;padding:1rem;vertical-align:top}.edit-expand-form .form-row{margin-bottom:.5rem}.edit-expand-form .form-row label{display:block;color:#a1a1aa;font-size:var(--text-muted);margin-bottom:.35rem}.edit-expand-form input,.edit-expand-form textarea{width:100%;max-width:320px;padding:.5rem .75rem;background:#27272a;border:1px solid #3f3f46;border-radius:6px;color:#fafafa;font-size:var(--text-base)}.edit-images{display:flex;flex-direction:column;gap:.5rem}.edit-images label{font-size:var(--text-xs);color:#a1a1aa}.edit-image-specs{margin:0 0 .5rem;font-size:var(--text-caption);color:#71717a;line-height:1.4;max-width:200px}.edit-current-images,.edit-gallery-block{margin-bottom:.5rem}.current-img-label{display:block;font-size:var(--text-caption);color:#86efac;margin-bottom:.25rem}.current-img-block .product-thumb{margin:.25rem 0}.current-gallery{margin-bottom:.5rem}.gallery-thumbs{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.gallery-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;background:#27272a}.meta-tags{margin-top:.25rem;display:flex;flex-wrap:wrap;gap:.25rem}.badge{font-size:var(--text-caption);padding:.15rem .4rem;background:#27272a;border-radius:4px;color:#a1a1aa}.badge.tag{background:#3b82f633;color:#93c5fd}.badge.offer-badge{margin-right:.35rem;background:#22c55e40;color:#86efac;font-size:var(--text-xs)}.toggle-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;color:#e4e4e7;font-size:var(--text-base);font-weight:500}.toggle-label input{margin:0}.input-en-num.highlight-price{border-color:#22c55e;background:#22c55e14;color:#86efac}.td-offer{min-width:160px;vertical-align:top}.offer-inline-form{display:flex;flex-direction:column;gap:.4rem}.offer-inline-row{display:flex;align-items:center;gap:.35rem}.offer-inline-row label{margin:0;font-size:var(--text-xs);color:#a1a1aa;min-width:42px}.offer-inline-row input{width:80px;padding:.3rem .4rem;font-size:var(--text-muted);background:#27272a;border:1px solid #3f3f46;border-radius:4px;color:#fafafa}.offer-inline-actions{display:flex;gap:.35rem;margin-top:.25rem}.btn-offer-toggle{padding:.35rem .6rem;font-size:var(--text-sm);background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.4);border-radius:6px;cursor:pointer;white-space:nowrap}.btn-offer-toggle:hover{background:#22c55e4d}.offer-cell-active{display:flex;flex-direction:column;gap:.25rem}.offer-cell-active .offer-check{font-size:var(--text-sm);color:#86efac}.offer-cell-btns{display:flex;flex-wrap:wrap;gap:.35rem}.btn-cancel-offer-sm{padding:.2rem .45rem;font-size:var(--text-xs);background:transparent;color:#f87171;border:1px solid rgba(248,113,113,.5);border-radius:4px;cursor:pointer}.btn-cancel-offer-sm:hover:not(:disabled){background:#f8717126}.btn-cancel-offer-sm:disabled{opacity:.6;cursor:not-allowed}.btn-edit-sm{padding:.2rem .45rem;font-size:var(--text-xs);background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;align-self:flex-start}.btn-edit-sm:hover{background:#2563eb}.btn-save-sm,.btn-cancel-sm{padding:.25rem .5rem;font-size:var(--text-xs);border-radius:4px;cursor:pointer;border:none}.btn-save-sm{background:#22c55e;color:#fff}.btn-save-sm:hover:not(:disabled){background:#16a34a}.btn-save-sm:disabled{opacity:.7;cursor:not-allowed}.btn-cancel-sm{background:#27272a;color:#a1a1aa;border:1px solid #3f3f46}.btn-cancel-sm:hover{background:#3f3f46;color:#e4e4e7}.products-page .row-hidden{opacity:.75}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-confirm{background:#18181b;border:1px solid #27272a;border-radius:12px;padding:1.25rem 1.5rem;max-width:400px;width:100%;box-shadow:0 20px 40px #0006}.modal-confirm-title{margin:0 0 .75rem;font-size:var(--text-modal-title);font-weight:600;color:#fafafa}.modal-confirm-message{margin:0 0 1.25rem;font-size:var(--text-base);color:#a1a1aa;line-height:1.5}.modal-confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-modal-confirm{padding:.5rem 1rem;font-size:var(--text-base);font-weight:500;background:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer}.btn-modal-confirm:hover:not(:disabled){background:#b91c1c}.btn-modal-confirm:disabled{opacity:.7;cursor:not-allowed}.btn-modal-cancel{padding:.5rem 1rem;font-size:var(--text-base);font-weight:500;background:#27272a;color:#e4e4e7;border:1px solid #3f3f46;border-radius:8px;cursor:pointer}.btn-modal-cancel:hover:not(:disabled){background:#3f3f46}.btn-modal-cancel:disabled{opacity:.7;cursor:not-allowed}:root{--bg-primary: #0b0f17;--bg-card: #121827;--bg-elevated: rgba(255, 255, 255, .03);--stroke-color: rgba(255, 255, 255, .08);--stroke-hover: rgba(255, 255, 255, .12);--text-primary: #e9eefc;--text-muted: rgba(233, 238, 252, .68);--text-muted-2: rgba(233, 238, 252, .45);--blue-accent: #3b82f6;--green-accent: #22c55e;--orange-accent: #fb923c;--yellow-accent: #fbbf24;--red-accent: #ef4444;--purple-accent: #8b5cf6;--shadow-heavy: 0 18px 55px rgba(0, 0, 0, .38);--radius-card: 16px}.od-page{min-height:100vh;padding:22px;box-sizing:border-box;background:radial-gradient(1200px 600px at 20% -10%,rgba(59,130,246,.16),transparent 55%),radial-gradient(1000px 500px at 80% 0%,rgba(34,197,94,.12),transparent 55%),#0b0f17;color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.od-shell{width:100%;border-radius:22px;overflow:hidden;border:1px solid var(--stroke-color);background:linear-gradient(180deg,#ffffff08,#ffffff03);box-shadow:var(--shadow-heavy);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.od-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:18px;background:#ffffff05;border-bottom:1px solid var(--stroke-color)}.od-topbar-left{display:flex;justify-content:flex-start}.od-topbar-center{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}.od-topbar-right{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap}.od-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--stroke-color);background:#ffffff08;color:#e9eefce0;font-size:14px}.od-chip-icon{opacity:.9}.od-chip-text{white-space:nowrap}.od-orderNo{font-weight:900;font-size:22px;color:var(--text-primary);letter-spacing:.4px}.od-back{width:40px;height:40px;border-radius:12px;border:1px solid var(--stroke-color);background:#ffffff08;color:var(--text-primary);display:grid;place-items:center;cursor:pointer;transition:transform .15s,background .15s}.od-back svg{width:18px;height:18px}.od-back:hover{background:#ffffff0f}.od-back:active{transform:translateY(1px)}.od-totalBox{text-align:center;padding:10px 16px;border-radius:14px;border:1px solid var(--stroke-color);background:#ffffff08}.od-totalLabel{display:block;font-size:12px;color:var(--text-muted);margin-bottom:3px}.od-totalValue{font-size:20px;font-weight:900}.od-subbar{padding:12px 18px;display:flex;justify-content:flex-end;color:var(--text-muted);border-top:1px solid var(--stroke-color);background:#0000001a}.od-subbarRight{display:inline-flex;align-items:center;gap:8px}.od-muted{color:var(--text-muted)}.od-strong{color:var(--text-primary);font-weight:900}.od-text{color:#e9eefce6}.od-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px}.ocl-card{background:var(--bg-card);border:1px solid var(--stroke-color);border-radius:var(--radius-card);box-shadow:0 8px 32px #0006;overflow:hidden;min-width:0;transition:border-color .2s ease,box-shadow .2s ease}.ocl-card:hover{border-color:#8b5cf666;box-shadow:0 8px 36px #00000080}.ocl-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border-bottom:1px solid var(--stroke-color)}.ocl-header-right{display:flex;flex-direction:column;gap:4px}.ocl-id-chip{font-weight:900;font-size:16px;padding:8px 14px;border-radius:12px;background:#8b5cf640;border:1px solid rgba(139,92,246,.5);color:#c4b5fd;width:fit-content}.ocl-created{font-size:12px;color:var(--text-muted)}.ocl-header-center{display:flex;align-items:center;gap:10px}.ocl-total-inline{display:flex;flex-direction:column;gap:2px}.ocl-total-lbl{font-size:11px;color:var(--text-muted)}.ocl-total-val{font-size:15px;font-weight:900;color:var(--text-primary)}.ocl-header-left{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:#ffffff08;border:1px solid var(--stroke-color)}.ocl-calendar-icon{font-size:14px;opacity:.9}.ocl-date-full{font-size:12px;color:var(--text-muted);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.ocl-panel{margin:10px;border-radius:12px;border:1px solid var(--stroke-color);background:#0000002e;overflow:hidden}.ocl-panel-head{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:900;color:var(--text-primary);background:#ffffff0a;border-bottom:1px solid var(--stroke-color)}.ocl-icon-person{font-size:14px;opacity:.9}.ocl-panel-title{flex:1}.ocl-table{display:flex;flex-direction:column}.ocl-tr{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:start;padding:10px 14px;font-size:12px;border-bottom:1px solid var(--stroke-color)}.ocl-tr:last-child{border-bottom:none}.ocl-tr-phone{align-items:center}.ocl-td-label{color:var(--text-muted);font-weight:700;white-space:nowrap;flex-shrink:0}.ocl-td-value{color:var(--text-primary);font-weight:700;word-break:break-word;min-width:0}.ocl-phone-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ocl-phone-wrap .ocl-value{font-weight:700}.ocl-phone-link{color:var(--text-primary);text-decoration:none;font-weight:700;transition:opacity .15s,text-decoration .15s}.ocl-phone-link:hover{opacity:.9;text-decoration:underline}.ocl-copy{padding:4px 10px;font-size:11px;font-family:inherit;background:#8b5cf633;color:#c4b5fd;border:1px solid rgba(139,92,246,.4);border-radius:8px;cursor:pointer;flex-shrink:0;transition:background .15s;font-weight:700}.ocl-copy:hover{background:#8b5cf64d}.ocl-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocl-ellipsis2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.od-badge,.ocl-badge{padding:8px 14px;border-radius:999px;font-weight:800;font-size:12px;white-space:nowrap;border:1px solid transparent;display:inline-block}.ocl-badge{padding:6px 12px}.od-badge.confirmed,.od-badge.delivered,.ocl-badge.confirmed,.ocl-badge.delivered{border-color:#22c55e59;background:#22c55e1f;color:#bff3cf}.od-badge.pending,.ocl-badge.pending{border-color:#fbbf2459;background:#fbbf241f;color:#fef3c7}.od-badge.preparing,.ocl-badge.preparing{border-color:#fb923c59;background:#fb923c1f;color:#fed7aa}.od-badge.shipped,.ocl-badge.shipped{border-color:#3b82f659;background:#3b82f61f;color:#bfdbfe}.od-badge.cancelled,.od-badge.rejected,.ocl-badge.returned{background:#fb923c40;color:#fdba74;border:1px solid rgba(251,146,60,.5)}.ocl-badge.cancelled,.ocl-badge.rejected{border-color:#ef444459;background:#ef44441f;color:#fecaca}.os-card,.on-card,.oi-card{background:var(--bg-card);border:1px solid var(--stroke-color);border-radius:var(--radius-card);box-shadow:0 8px 32px #00000059;overflow:hidden;min-width:0}.os-head,.on-head,.oi-head{padding:14px 16px;border-bottom:1px solid var(--stroke-color);background:linear-gradient(180deg,#ffffff0d,#ffffff05)}.os-title,.on-title,.oi-title{font-weight:900;color:var(--text-primary);font-size:14px}.os-track{position:relative;padding:16px 16px 12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.os-progress{position:absolute;top:26px;right:16px;left:16px;height:3px;background:#8b5cf659;transform-origin:right;border-radius:999px;z-index:0}.os-step,.os-step-btn{position:relative;z-index:1;display:grid;justify-items:center;gap:8px}.os-step-btn{border:none;background:none;padding:6px 8px;border-radius:10px;cursor:pointer;font-family:inherit;transition:background .15s,transform .1s}.os-step-btn:hover:not(:disabled){background:#8b5cf626;transform:translateY(-1px)}.os-step-btn:active:not(:disabled){transform:translateY(0)}.os-step-btn:disabled{cursor:default}.os-step-btn.is-current{background:#fb923c33;border:1px solid rgba(251,146,60,.5);padding:5px 7px}.os-dot{width:12px;height:12px;border-radius:999px;border:2px solid rgba(233,238,252,.35);background:#00000059;box-shadow:0 0 0 6px #ffffff05}.os-dot.is-done{border-color:#22c55ea6;background:#22c55e8c}.os-label{font-size:12px;color:var(--text-muted-2);text-align:center;line-height:1.2}.os-label.is-done{color:#e9eefce6}.os-currentRow{padding:0 16px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.os-return-wrap{padding:0 16px 16px}.os-return-btn{width:100%;padding:10px 14px;font-size:13px;font-weight:700;font-family:inherit;color:#fdba74;background:#fb923c26;border:1px solid rgba(251,146,60,.45);border-radius:12px;cursor:pointer;transition:background .2s,border-color .2s}.os-return-btn:hover:not(:disabled){background:#fb923c40;border-color:#fb923c99}.os-return-btn:disabled{opacity:.6;cursor:not-allowed}.os-currentText{font-size:12px;color:var(--text-muted);font-weight:700}.os-actions{padding:0 16px 16px}.os-select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--stroke-color);background:#ffffff08;color:#e9eefce6;outline:none}.os-select:disabled{opacity:.8;cursor:not-allowed}.on-textarea{width:calc(100% - 32px);margin:14px 16px 10px;min-height:160px;resize:vertical;padding:12px;border-radius:14px;border:1px solid var(--stroke-color);background:#00000029;color:#e9eefceb;outline:none;line-height:1.5}.on-textarea::placeholder{color:#e9eefc59}.on-footer{padding:0 16px 16px;display:flex;justify-content:flex-start}.on-save{padding:10px 14px;border-radius:12px;border:1px solid rgba(34,197,94,.35);background:#22c55e24;color:#bff3cf;font-weight:900;cursor:pointer;transition:transform .12s,background .12s}.on-save:hover{background:#22c55e2e}.on-save:active{transform:translateY(1px)}.oi-card{--oi-bg: #121827;--oi-border: rgba(255,255,255,.08);--oi-head-bg: rgba(0,0,0,.25);--oi-text: rgba(233,238,252,.95);--oi-muted: rgba(233,238,252,.6);--oi-total: #86efac}.oi-empty{padding:18px 16px;color:var(--text-muted);font-size:13px}.oi-table-wrap{overflow-x:auto;border-radius:0 0 var(--radius-card) var(--radius-card)}.oi-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--oi-bg)}.oi-table thead{position:sticky;top:0;z-index:1;background:var(--oi-head-bg)}.oi-th{padding:12px 14px;text-align:right;font-weight:800;color:var(--oi-muted);border-bottom:1px solid var(--oi-border);border-left:1px solid var(--oi-border);white-space:nowrap}.oi-th:first-child{border-right:none}.oi-th:last-child{border-left:1px solid var(--oi-border)}.oi-tr{border-bottom:1px solid var(--oi-border)}.oi-tr:last-child{border-bottom:none}.oi-td{padding:10px 14px;color:var(--oi-text);border-left:1px solid var(--oi-border);vertical-align:middle}.oi-td:first-child{border-right:none}.oi-th-img,.oi-td-img{width:64px;text-align:center}.oi-th-name,.oi-td-name{min-width:120px}.oi-th-qty,.oi-td-qty{width:90px;text-align:center}.oi-th-price,.oi-td-price{width:100px;text-align:end}.oi-th-total,.oi-td-total{width:110px;text-align:end;font-weight:800}.oi-th-profit,.oi-td-profit{width:100px;text-align:end}.oi-profit-pos{color:var(--green-accent);font-weight:700}.oi-profit-neg{color:var(--red-accent);font-weight:700}.oi-order-profit{margin-right:auto;font-size:14px;color:var(--text-muted)}.oi-order-profit strong{color:var(--green-accent)}.oi-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.oi-total-val{color:var(--oi-total)}.oi-thumb{width:48px;height:48px;margin:0 auto;border-radius:10px;overflow:hidden;border:1px solid var(--oi-border);background:#ffffff08;display:grid;place-items:center;padding:0;cursor:default}.oi-thumb--clickable{cursor:pointer;transition:border-color .2s,transform .15s}.oi-thumb--clickable:hover{border-color:#8b5cf680;transform:scale(1.05)}.oi-thumb img{width:100%;height:100%;object-fit:cover;pointer-events:none}.oi-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.oi-lightbox-close{position:absolute;top:16px;inset-inline-start:16px;width:44px;height:44px;border:none;border-radius:12px;background:#ffffff1f;color:#fff;font-size:20px;cursor:pointer;display:grid;place-items:center;transition:background .2s}.oi-lightbox-close:hover{background:#fff3}.oi-lightbox-img{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080}.oi-ph{width:28px;height:28px;border-radius:999px;border:2px solid rgba(233,238,252,.2);background:#e9eefc0f}.oi-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}@media (max-width: 900px){.od-topbar{grid-template-columns:1fr;justify-items:stretch;gap:8px}.od-topbar-left,.od-topbar-center,.od-topbar-right{justify-content:center}.od-grid{grid-template-columns:1fr}.ocl-header{flex-direction:column;align-items:stretch}.ocl-header-right,.ocl-header-center,.ocl-header-left{justify-content:space-between;width:100%}.ocl-header-left{justify-content:flex-start}.os-track{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.od-page{padding:10px}.od-shell{border-radius:16px}.ocl-tr{grid-template-columns:1fr;gap:4px;padding:10px 12px}.ocl-td-label{font-size:11px}.oi-table thead{display:none}.oi-table,.oi-table tbody,.oi-tr{display:block}.oi-tr{padding:12px;margin-bottom:10px;border:1px solid var(--oi-border);border-radius:12px;background:#0003}.oi-td{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border:none;border-bottom:1px solid rgba(255,255,255,.06)}.oi-td:last-child{border-bottom:none}.oi-td:before{content:attr(data-label);font-weight:700;color:var(--oi-muted);font-size:12px;flex-shrink:0}.oi-td-img{justify-content:flex-start}.oi-td-img:before{content:attr(data-label)}.oi-td-img .oi-thumb{margin:0;width:56px;height:56px}.oi-td-name .oi-name{-webkit-line-clamp:2;line-clamp:2}.oi-th-img,.oi-td-img,.oi-th-name,.oi-td-name,.oi-th-qty,.oi-td-qty,.oi-th-price,.oi-td-price,.oi-th-total,.oi-td-total{width:100%;min-width:0;text-align:right}}:root{--orders-bg: transparent;--orders-panel: rgba(255, 255, 255, .04);--orders-border: rgba(255, 255, 255, .08);--orders-text: #eaf0ff;--orders-muted: rgba(234, 240, 255, .6);--orders-muted2: rgba(234, 240, 255, .4);--orders-blue: #3b82f6;--orders-green: #22c55e;--orders-amber: #f59e0b;--orders-orange: #fb923c;--orders-red: #ef4444}.orders-page{width:100%;max-width:none;min-height:100%;display:flex;flex-direction:column;padding:20px 24px;font-family:Cairo,Segoe UI,sans-serif;color:var(--orders-text);background:transparent;box-sizing:border-box;flex:1;min-height:0}.orders-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.orders-header-text{flex:1;min-width:0}.orders-title{margin:0 0 8px;font-size:22px;font-weight:700;color:var(--orders-text);letter-spacing:.02em}.orders-desc{margin:0;font-size:14px;color:var(--orders-muted);line-height:1.5}.orders-btn-refresh{padding:10px 20px;font-size:14px;font-weight:600;font-family:inherit;color:var(--orders-text);background:var(--orders-panel);border:1px solid var(--orders-border);border-radius:12px;cursor:pointer;transition:background .2s,border-color .2s}.orders-btn-refresh:hover:not(:disabled){background:#3b82f626;border-color:var(--orders-blue)}.orders-btn-refresh:disabled{opacity:.6;cursor:not-allowed}.orders-error{padding:14px 18px;margin-bottom:20px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:14px;color:#fca5a5;font-size:14px}.orders-loading,.orders-empty,.orders-empty-filtered{padding:48px 24px;text-align:center;color:var(--orders-muted);font-size:15px}.orders-empty-filtered{padding:32px;font-size:14px}.status-bar{display:flex;gap:12px;padding:4px 0 24px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.status-bar::-webkit-scrollbar{height:6px}.status-bar::-webkit-scrollbar-track{background:#ffffff0a;border-radius:3px}.status-bar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.status-card{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:100px;padding:14px 16px;background:var(--orders-panel);border:1px solid var(--orders-border);border-radius:16px;cursor:pointer;font-family:inherit;text-align:center;transition:all .2s ease;position:relative}.status-card:hover{background:#3b82f614;border-color:#3b82f640}.status-card--active{border-color:var(--orders-blue);box-shadow:0 0 0 1px var(--orders-blue),0 4px 20px #3b82f633}.status-card-dot{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:var(--orders-blue)}.status-card-icon{font-size:18px;line-height:1;opacity:.9}.status-card-value{font-size:22px;font-weight:800;line-height:1.2}.status-card-label{font-size:12px;color:var(--orders-muted);line-height:1.3}.status-card--all{color:#93c5fd}.status-card--all.status-card--active{color:#bfdbfe}.status-card--pending{color:#fbbf24}.status-card--pending.status-card--active{color:#fcd34d}.status-card--confirmed{color:#86efac}.status-card--confirmed.status-card--active{color:#bbf7d0}.status-card--preparing{color:#fb923c}.status-card--preparing.status-card--active{color:#fdba74}.status-card--shipped{color:#93c5fd}.status-card--shipped.status-card--active{color:#bfdbfe}.status-card--delivered{color:#86efac}.status-card--delivered.status-card--active{color:#bbf7d0}.status-card--returned{color:#fdba74}.status-card--returned.status-card--active{color:#fed7aa}.status-card--cancelled{color:#f87171}.status-card--cancelled.status-card--active{color:#fca5a5}.status-card--rejected{color:#f97316}.status-card--rejected.status-card--active{color:#fb923c}.orders-finance{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.orders-finance-card{padding:14px 20px;border-radius:14px;border:1px solid var(--orders-border);background:var(--orders-panel);display:flex;flex-direction:column;gap:4px;min-width:160px}.orders-finance-label{font-size:12px;color:var(--orders-muted)}.orders-finance-value{font-size:18px;font-weight:800;color:var(--orders-text)}.orders-finance-returned .orders-finance-value{color:var(--orders-orange)}.orders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width: 768px){.orders-grid{grid-template-columns:1fr}}.warehouse-page .warehouse-desc{color:#a1a1aa;font-size:var(--text-muted);margin:.25rem 0 0}.warehouse-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.warehouse-header h2{margin:0}.btn-go-products{padding:.5rem 1rem;font-size:var(--text-base);background:#3f3f46;color:#fafafa;border:1px solid #52525b;border-radius:8px;cursor:pointer;white-space:nowrap}.btn-go-products:hover{background:#52525b}.warehouse-stats{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.stat-card{flex:1;min-width:140px;padding:1rem 1.25rem;background:#18181b;border:1px solid #27272a;border-radius:10px;text-align:center}.stat-card .stat-value{display:block;font-size:1.75rem;font-weight:700;color:#fafafa;line-height:1.2}.stat-card .stat-label{display:block;font-size:var(--text-sm);color:#a1a1aa;margin-top:.35rem}.stat-card.stat-low .stat-value{color:#fbbf24}.stat-card.stat-low{border-color:#fbbf244d;background:#fbbf240f}.stat-card.stat-out .stat-value{color:#f87171}.stat-card.stat-out{border-color:#f871714d;background:#f871710f}.warehouse-filters{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;font-size:var(--text-sm);background:#27272a;color:#a1a1aa;border:1px solid #3f3f46;border-radius:8px;cursor:pointer}.filter-btn:hover{background:#3f3f46;color:#e4e4e7}.filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.warehouse-table .warehouse-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;background:#27272a;display:block;vertical-align:middle}.warehouse-table td:first-child{width:64px;min-width:64px}.warehouse-table .no-img{color:#71717a;font-size:var(--text-base)}.warehouse-table td:nth-child(3){max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-badge{display:inline-block;min-width:2rem;padding:.2rem .5rem;border-radius:6px;font-weight:600;font-size:var(--text-base);text-align:center}.stock-badge.stock-ok{background:#22c55e33;color:#86efac}.stock-badge.stock-low{background:#fbbf2433;color:#fbbf24}.stock-badge.stock-out{background:#f8717133;color:#f87171}.stock-edit-inline{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.stock-edit-inline .stock-input{width:70px;padding:.35rem .5rem;background:#27272a;border:1px solid #3f3f46;border-radius:6px;color:#fafafa;font-size:var(--text-base);direction:ltr;text-align:right}.btn-edit-stock{padding:.35rem .65rem;font-size:var(--text-sm);color:#93c5fd;background:#3b82f626;border:1px solid rgba(59,130,246,.4);border-radius:6px;cursor:pointer}.btn-edit-stock:hover{background:#3b82f640}.warehouse-page .row-hidden{opacity:.75}.warehouse-page .btn-save-sm,.warehouse-page .btn-cancel-sm{padding:.25rem .5rem;font-size:var(--text-xs);border-radius:4px;cursor:pointer;border:none}.warehouse-page .btn-save-sm{background:#22c55e;color:#fff}.warehouse-page .btn-save-sm:hover:not(:disabled){background:#16a34a}.warehouse-page .btn-save-sm:disabled{opacity:.7;cursor:not-allowed}.warehouse-page .btn-cancel-sm{background:#27272a;color:#a1a1aa;border:1px solid #3f3f46}.warehouse-page .btn-cancel-sm:hover:not(:disabled){background:#3f3f46;color:#e4e4e7}.expenses-page{width:100%;max-width:900px;padding:20px 24px;font-family:Cairo,Segoe UI,sans-serif;color:#eaf0ff;background:transparent;min-height:100%;box-sizing:border-box}.expenses-header{margin-bottom:24px}.expenses-title{margin:0 0 8px;font-size:22px;font-weight:700;color:#eaf0ff}.expenses-desc{margin:0;font-size:14px;color:#eaf0ff99}.expenses-error{padding:12px 16px;margin-bottom:16px;border-radius:10px;background:#ef444426;color:#fca5a5;font-size:14px}.expenses-form-section{margin-bottom:28px;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.expenses-section-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#eaf0ffe6}.expenses-form{display:flex;flex-direction:column;gap:14px;max-width:400px}.expenses-form-row{display:flex;flex-direction:column;gap:6px}.expenses-label{font-size:13px;color:#eaf0ffb3}.expenses-input,.expenses-select{padding:10px 12px;font-size:14px;font-family:inherit;color:#eaf0ff;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px}.expenses-submit{padding:12px 20px;font-size:14px;font-weight:600;font-family:inherit;color:#fff;background:#3b82f6;border:none;border-radius:10px;cursor:pointer;align-self:flex-start}.expenses-submit:hover:not(:disabled){background:#2563eb}.expenses-submit:disabled{opacity:.6;cursor:not-allowed}.expenses-list-section{margin-bottom:24px}.expenses-total{margin-bottom:12px;font-size:14px;color:#eaf0ffcc}.expenses-total strong{color:#f59e0b}.expenses-loading,.expenses-empty{padding:20px;text-align:center;color:#eaf0ff80;font-size:14px}.expenses-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.expenses-table{width:100%;border-collapse:collapse;font-size:14px}.expenses-table th,.expenses-table td{padding:12px 14px;text-align:right;border-bottom:1px solid rgba(255,255,255,.06)}.expenses-table th{font-weight:600;color:#eaf0ffcc;background:#ffffff0a}.expenses-table tbody tr:hover{background:#ffffff08}.expenses-amount{font-weight:600;color:#f59e0b}.expenses-note{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.financial-page{width:100%;max-width:none;padding:20px 24px;font-family:Cairo,Segoe UI,sans-serif;color:#eaf0ff;background:transparent;min-height:100%;box-sizing:border-box}.financial-loading,.financial-error{padding:2rem;text-align:center;color:#eaf0ffb3}.financial-error{color:#ef4444}.financial-header{margin-bottom:28px}.financial-title{margin:0 0 8px;font-size:22px;font-weight:700;color:#eaf0ff}.financial-desc{margin:0;font-size:14px;color:#eaf0ff99}.financial-section-title{margin:0 0 14px;font-size:16px;font-weight:600;color:#eaf0ffe6}.financial-today,.financial-month,.financial-charts{margin-bottom:32px}.financial-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;width:100%}.financial-card{padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;display:flex;flex-direction:column;gap:6px}.financial-card-label{font-size:12px;color:#eaf0ff99}.financial-card-value{font-size:18px;font-weight:700;color:#eaf0ff}.financial-card--profit .financial-card-value{color:#22c55e}.financial-card--expense .financial-card-value{color:#f59e0b}.financial-card--real .financial-card-value{color:#3b82f6}.financial-chart-box{margin-bottom:24px;padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;width:100%;box-sizing:border-box}.financial-chart-title{margin:0 0 14px;font-size:14px;font-weight:600;color:#eaf0ffd9}.financial-bars{display:flex;align-items:flex-end;gap:8px;height:160px;padding:0 4px}.financial-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.financial-bar{width:100%;max-width:48px;min-height:4px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#3b82f6,#22c55e);transition:height .3s ease}.financial-bar-label{font-size:10px;color:#eaf0ff80;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.financial-product-list{display:flex;flex-direction:column;gap:8px}.financial-product-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.financial-product-name{font-size:14px;color:#eaf0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.financial-product-profit{font-size:14px;font-weight:600;color:#22c55e;margin-right:8px}.financial-no-data{margin:0;font-size:14px;color:#eaf0ff80}.reports-page{width:100%;max-width:1000px;padding:20px 24px;font-family:Cairo,Segoe UI,sans-serif;color:#eaf0ff;background:transparent;min-height:100%;box-sizing:border-box}.reports-header{margin-bottom:28px}.reports-title{margin:0 0 8px;font-size:22px;font-weight:700;color:#eaf0ff}.reports-desc{margin:0;font-size:14px;color:#eaf0ff99}.reports-loading,.reports-error{padding:2rem;text-align:center;color:#eaf0ffb3}.reports-error{color:#ef4444}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.reports-card{padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.reports-card--wide{grid-column:1 / -1}.reports-card-title{margin:0 0 14px;font-size:16px;font-weight:600;color:#eaf0ffe6}.reports-big-value{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.reports-number{font-size:28px;font-weight:800;color:#22c55e}.reports-unit{font-size:16px;color:#eaf0ff99}.reports-hint{margin:0;font-size:13px;color:#eaf0ff80}.reports-list{margin:0;padding:0;list-style:none}.reports-list-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}.reports-list-item:last-child{border-bottom:none}.reports-rank{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#3b82f633;color:#93c5fd;font-weight:700;font-size:13px}.reports-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reports-value{font-weight:600}.reports-value--profit{color:#22c55e}.reports-no-data{margin:0;font-size:14px;color:#eaf0ff80}.notifications-page .notifications-form{max-width:560px;padding:1.25rem;background:#18181b;border:1px solid #27272a;border-radius:12px}.notifications-page .form-row{margin-bottom:1rem}.notifications-page .form-row label{display:block;color:#a1a1aa;font-size:var(--text-sm);margin-bottom:.35rem}.notifications-page .form-row input[type=text],.notifications-page .form-row textarea,.notifications-page .form-row select{width:100%;padding:.5rem .75rem;background:#27272a;border:1px solid #3f3f46;border-radius:8px;color:#fafafa;font-size:var(--text-base)}.notifications-page .form-row textarea{resize:vertical;min-height:100px}.notifications-page .form-row textarea.notifications-body-invalid{border-color:#f87171;box-shadow:0 0 0 1px #f871714d}.notifications-field-hint{margin-top:.35rem;font-size:.8rem;color:#94a3b8}.notifications-sent-detail-error{color:#fbbf24!important}.notifications-target{display:flex;flex-direction:column;gap:.5rem}.radio-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;color:#e4e4e7;font-size:var(--text-base)}.radio-label input{margin:0}.notifications-select{min-width:200px}.notifications-page .form-actions{margin-top:1.25rem;padding-top:1rem;border-top:1px solid #27272a}.notifications-page .btn-submit{padding:.6rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:var(--text-base);font-weight:600;cursor:pointer}.notifications-page .btn-submit:hover:not(:disabled){background:#2563eb}.notifications-page .btn-submit:disabled{opacity:.7;cursor:not-allowed}.notifications-hint{margin-top:1.5rem;padding:1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;color:#fbbf24;font-size:var(--text-sm);line-height:1.5}.notifications-hint code{background:#0000004d;padding:.15rem .4rem;border-radius:4px;font-size:.9em}.notifications-hint-warn{background:#f871711a;border-color:#f871714d;color:#fca5a5}.notifications-sent-detail{margin-top:1rem;padding:1rem 1.25rem;background:#0f172a;border:1px solid #334155;border-radius:10px;color:#e2e8f0;font-size:var(--text-sm);line-height:1.6}.notifications-sent-detail strong{display:block;margin-bottom:.5rem;color:#94a3b8}.notifications-sent-detail ul{margin:0;padding-right:1.25rem;list-style:disc}.notifications-sent-detail li{margin-bottom:.25rem}.notifications-sent-detail code{background:#1e293b;padding:.15rem .4rem;border-radius:4px;font-size:.9em}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#18181b;border-left:1px solid #27272a;display:flex;flex-direction:column}.sidebar-brand{padding:1.5rem;font-size:var(--text-lg);font-weight:700;color:#fafafa;border-bottom:1px solid #27272a}.sidebar-nav{flex:1;padding:1rem 0}.sidebar-link{display:block;padding:.75rem 1.5rem;color:#a1a1aa;transition:color .2s,background .2s}.sidebar-link:hover,.sidebar-link.active{color:#e74256;background:#e7425614}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid #27272a}.sidebar-user{display:block;font-size:var(--text-sm);color:#71717a;margin-bottom:.5rem}.sidebar-logout{padding:.5rem 0;background:none;border:none;color:#e74256;cursor:pointer;font-size:var(--text-base)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.header{padding:1rem 1.5rem;background:#0f0f12;border-bottom:1px solid #27272a}.header-title{margin:0;font-size:var(--text-subtitle);font-weight:600;color:#fafafa}.content{flex:1;padding:1.5rem;overflow:auto;background:#0f0f12;min-height:0}:root{--text-xs: 10px;--text-caption: 11px;--text-sm: 12px;--text-muted: 13px;--text-base: 14px;--text-md: 15px;--text-subtitle: 16px;--text-lg: 18px;--text-modal-title: 24px;--text-page-title: 28px;--text-section: 32px;--text-display: 42px;--text-table-head: 15px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Cairo,sans-serif;font-size:var(--text-base);background:#0f0f12;color:#e4e4e7;min-height:100vh}#root{min-height:100vh}a{color:#e74256;text-decoration:none}input,button{font-family:inherit}