:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.login-page{background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 30px #00000014}.login-logo{text-align:center;margin-bottom:10px;font-size:42px}.login-title{text-align:center;color:#111827;margin:0;font-size:26px}.login-subtitle{text-align:center;color:#6b7280;margin:8px 0 30px;font-size:14px}.login-form{flex-direction:column;gap:18px;display:flex}.login-field{flex-direction:column;gap:7px;display:flex}.login-field label{color:#374151;font-size:14px;font-weight:600}.login-field input{border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.login-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:15px;font-weight:600}.login-button:hover{background:#1d4ed8}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;padding:10px 12px;font-size:13px}.edit-customer-page{width:100%;max-width:1000px;margin:0 auto}.edit-customer-header{margin-bottom:25px}.edit-customer-header h1{color:#111827;margin:0;font-size:28px}.edit-customer-header p{color:#6b7280;margin:7px 0 0;font-size:14px}.edit-customer-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 3px 8px #0000000a}.form-section{border-bottom:1px solid #e5e7eb;padding:28px 32px}.form-section h2{color:#1f2937;background:#f8fafc;border-radius:7px;margin:0 0 22px;padding:10px 14px;font-size:16px}.form-grid{grid-template-columns:1fr 1fr;gap:20px 25px;display:grid}.form-group{flex-direction:column;gap:7px;display:flex}.form-full{grid-column:1/-1}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-group input,.form-group textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:11px 13px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input{height:42px}.form-group textarea{resize:vertical;min-height:110px;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.edit-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 15px;font-size:14px}.edit-form-actions{background:#fafafa;justify-content:flex-end;gap:12px;padding:22px 32px;display:flex}.cancel-button,.update-button{cursor:pointer;border-radius:8px;min-width:120px;padding:11px 20px;font-size:14px;font-weight:600}.cancel-button{color:#374151;background:#fff;border:1px solid #d1d5db}.cancel-button:hover:not(:disabled){background:#f3f4f6}.update-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.update-button:hover:not(:disabled){background:#1d4ed8}.cancel-button:disabled,.update-button:disabled{opacity:.6;cursor:not-allowed}.edit-customer-page>p{text-align:center;color:#6b7280;padding:40px}@media (width<=700px){.form-grid{grid-template-columns:1fr}.form-full{grid-column:auto}.form-section{padding:22px}.edit-form-actions{flex-direction:column-reverse;padding:20px 22px}.cancel-button,.update-button{width:100%}}.readonly-input{cursor:not-allowed;color:#6b7280!important;background:#f3f4f6!important}.field-help{color:#9ca3af;font-size:12px}.success-message{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:20px;padding:12px 15px;font-size:14px}.customer-details-page{width:100%}.customer-details-header{margin-bottom:25px}.back-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;margin-bottom:20px;padding:9px 15px;font-size:14px}.back-button:hover{background:#f9fafb}.customer-details-title h1{color:#111827;margin:0;font-size:28px}.customer-details-title p{color:#6b7280;margin:7px 0 0}.customer-details-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 3px 8px #0000000a}.customer-summary{border-bottom:1px solid #e5e7eb;align-items:center;gap:18px;padding:28px 32px;display:flex}.customer-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;font-size:25px;font-weight:700;display:flex}.customer-summary-info{flex:1}.customer-summary-info h2{color:#111827;margin:0 0 5px;font-size:24px}.customer-summary-code{color:#6b7280;font-size:15px}.details-status{border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:600;display:inline-flex}.details-status.active{color:#15803d;background:#dcfce7}.details-status.inactive{color:#6b7280;background:#f3f4f6}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.details-section{border-bottom:1px solid #e5e7eb;padding:26px 32px}.details-section h3{color:#1f2937;background:#f8fafc;border-radius:7px;margin:0 0 20px;padding:10px 14px;font-size:16px}.details-grid{grid-template-columns:1fr 1fr;gap:20px 60px;display:grid}.detail-item{grid-template-columns:150px 1fr;align-items:center;min-height:32px;display:grid}.detail-label{color:#6b7280;font-size:14px}.detail-value{color:#111827;word-break:break-word;font-size:14px;font-weight:500}.address-box{color:#374151;padding:5px 0;font-size:14px;line-height:1.8}.notes-box{color:#374151;white-space:pre-wrap;min-height:50px;font-size:14px;line-height:1.7}.customer-details-actions{gap:14px;padding:24px 32px;display:flex}.edit-button,.delete-button{cursor:pointer;border-radius:8px;padding:11px 22px;font-size:14px;font-weight:600}.edit-button{color:#2563eb;background:#fff;border:1px solid #2563eb}.edit-button:hover{background:#eff6ff}.delete-button{color:#dc2626;background:#fff;border:1px solid #ef4444}.delete-button:hover{background:#fef2f2}.customer-details-loading{text-align:center;color:#6b7280;padding:50px}.customer-details-error{justify-content:center;padding:50px 20px;display:flex}.error-card{text-align:center;background:#fff;border:1px solid #fecaca;border-radius:12px;width:100%;max-width:500px;padding:30px}.error-card h2{color:#991b1b;margin-top:0}.error-card p{color:#6b7280;margin-bottom:20px}.secondary-button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:10px 16px}@media (width<=850px){.details-grid{grid-template-columns:1fr}.customer-summary{flex-wrap:wrap;align-items:flex-start}.details-status{margin-left:94px}}@media (width<=600px){.customer-details-title h1{font-size:24px}.customer-summary,.details-section{padding:22px}.detail-item{grid-template-columns:120px 1fr}.customer-details-actions{flex-direction:column;padding:20px 22px}.edit-button,.delete-button{width:100%}}.products-page{background:#f5f7fb;min-height:calc(100vh - 64px);padding:30px}.products-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.products-header h1{color:#111827;margin:0;font-size:28px}.products-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.add-product-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:all .2s}.add-product-button:hover{background:#1d4ed8}.products-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.products-filters{border-bottom:1px solid #e5e7eb;gap:12px;padding:20px;display:flex}.product-search{flex:1;position:relative}.search-icon{color:#9ca3af;font-size:20px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.product-search input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:11px 14px 11px 40px;font-size:14px}.product-search input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.category-filter{background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:210px;padding:11px 12px;font-size:14px}.category-filter:focus{border-color:#2563eb}.products-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:20px;padding:12px 14px;font-size:14px}.products-loading{color:#6b7280;justify-content:center;align-items:center;gap:10px;min-height:300px;font-size:14px;display:flex}.loading-spinner{border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite product-spin}@keyframes product-spin{to{transform:rotate(360deg)}}.products-empty{text-align:center;padding:70px 20px}.empty-icon{margin-bottom:12px;font-size:42px}.products-empty h3{color:#111827;margin:0 0 6px}.products-empty p{color:#6b7280;margin:0;font-size:14px}.products-table-wrapper{overflow-x:auto}.products-table{border-collapse:collapse;width:100%}.products-table th{color:#6b7280;letter-spacing:.03em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f9fafb;padding:13px 16px;font-size:12px;font-weight:600}.products-table td{color:#374151;vertical-align:middle;border-top:1px solid #f0f1f3;padding:15px 16px;font-size:14px}.products-table tbody tr:hover{background:#fafbff}.product-sku{color:#4b5563;font-family:monospace;font-size:13px;font-weight:600}.product-name{color:#111827;font-weight:600}.product-description{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;max-width:220px;margin-top:4px;font-size:12px;overflow:hidden}.stock-badge{white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:600;display:inline-flex}.stock-good{color:#047857;background:#ecfdf5}.stock-low{color:#b45309;background:#fffbeb}.stock-out{color:#b91c1c;background:#fef2f2}.product-actions{gap:5px;display:flex}.product-actions button{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:600}.action-view{color:#2563eb}.action-view:hover{background:#eff6ff}.action-edit{color:#059669}.action-edit:hover{background:#ecfdf5}.action-delete{color:#dc2626}.action-delete:hover{background:#fef2f2}.products-pagination{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pagination-controls{align-items:center;gap:12px;display:flex}.pagination-controls span{color:#374151;font-size:13px}.pagination-controls button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;width:34px;height:34px;font-size:16px}.pagination-controls button:hover:not(:disabled){background:#f3f4f6}.pagination-controls button:disabled{opacity:.4;cursor:not-allowed}@media (width<=900px){.products-page{padding:20px}.products-filters{flex-direction:column}.category-filter{width:100%}}@media (width<=600px){.products-header{flex-direction:column;align-items:flex-start;gap:15px}.products-pagination{flex-direction:column;align-items:flex-start;gap:12px}}*{box-sizing:border-box}body{color:#1f2937;background:#f5f7fb;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#111827;flex-direction:column;width:240px;min-height:100vh;padding:24px 16px;display:flex}.sidebar-logo{padding:0 12px 30px;font-size:20px;font-weight:700}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.sidebar-nav a{color:#d1d5db;border-radius:8px;padding:12px;text-decoration:none;transition:all .2s}.sidebar-nav a:hover{color:#fff;background:#1f2937}.sidebar-nav a.active{color:#fff;background:#2563eb}.sidebar-bottom{margin-top:auto}.logout-button{color:#fff;cursor:pointer;background:#374151;border:none;border-radius:8px;width:100%;padding:11px}.logout-button:hover{background:#4b5563}.main-area{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:flex-end;align-items:center;height:70px;padding:0 30px;display:flex}.user-info{align-items:center;gap:12px;display:flex}.user-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:600;display:flex}.user-name{font-weight:600}.user-role{color:#6b7280;font-size:12px}.page-content{max-width:1400px;margin:0 auto;padding:30px}.dashboard-header{margin-bottom:28px}.dashboard-header h1{margin:0;font-size:28px}.dashboard-header p{color:#6b7280;margin:6px 0 0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;display:grid}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:22px;box-shadow:0 2px 5px #0000000a}.stat-card-title{color:#6b7280;margin-bottom:10px;font-size:14px}.stat-card-value{font-size:28px;font-weight:700}.stat-card-description{color:#6b7280;margin-top:8px;font-size:13px}.dashboard-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:22px}.dashboard-section h2{margin-top:0;font-size:18px}@media (width<=1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.sidebar{width:70px;padding:20px 8px}.sidebar-logo{font-size:0}.sidebar-nav a{text-align:center;font-size:0}.sidebar-nav a:first-letter{font-size:20px}.page-content{padding:20px}.stats-grid{grid-template-columns:1fr}.user-info>div:not(.user-avatar){display:none}}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{margin:0;font-size:28px}.page-header p{color:#6b7280;margin:6px 0 0}.primary-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600}.primary-button:hover{background:#1d4ed8}.search-container{margin-bottom:20px}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;max-width:450px;padding:12px 14px;font-size:14px}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.customer-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto;box-shadow:0 2px 5px #0000000a}.customer-table{border-collapse:collapse;width:100%;min-width:750px}.customer-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:15px 18px;font-size:12px;font-weight:600}.customer-table td{border-bottom:1px solid #f0f0f0;padding:16px 18px;font-size:14px}.customer-table tbody tr:last-child td{border-bottom:none}.customer-table tbody tr:hover{background:#f9fafb}.customer-code{color:#4b5563;font-family:monospace;font-size:13px;font-weight:600}.customer-name{color:#111827;font-weight:600}.muted-text{color:#9ca3af}.status-badge{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-block}.status-badge.active{color:#166534;background:#dcfce7}.status-badge.inactive{color:#6b7280;background:#f3f4f6}.view-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:7px 13px;font-size:13px;font-weight:500}.view-button:hover{background:#f3f4f6}.pagination-container{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.pagination-info{color:#6b7280;font-size:13px}.pagination-buttons{align-items:center;gap:8px;display:flex}.pagination-button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 14px;font-size:13px}.pagination-button:hover:not(:disabled){background:#f3f4f6}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.page-number{text-align:center;min-width:35px;font-weight:600}