@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);:root{--color-primary:#0f2744;--color-primary-hover:#1a3a5c;--color-primary-light:#2d4f73;--color-accent:#0d9488;--color-accent-hover:#0f766e;--color-danger:#dc2626;--color-danger-dark:#b91c1c;--color-danger-bg:#fef2f2;--color-success:#059669;--color-success-bg:#ecfdf5;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-info:#0284c7;--color-surface:#f1f5f9;--color-surface-alt:#e8edf3;--color-surface-elevated:#fff;--color-text:#0f172a;--color-text-secondary:#334155;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-text-inverse:#fff;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 2px 8px #0f172a0f;--shadow-md:0 8px 24px #0f172a14;--shadow-lg:0 16px 40px #0f172a1f;--transition-fast:0.15s ease;--page-max-width:1400px}*,:after,:before{box-sizing:border-box}#root,body,html{overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;background-color:#f1f5f9;background-color:var(--color-surface);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin:0}body,h1,h2,h3,h4{color:#0f172a;color:var(--color-text)}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em}:focus-visible{outline:2px solid #2d4f73;outline:2px solid var(--color-primary-light);outline-offset:2px}.admin-page{margin:0 auto;max-width:var(--page-max-width);min-height:100vh;padding:24px;padding:var(--space-6,24px)}.admin-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.admin-btn-primary{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.admin-btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.admin-btn-secondary{background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:8px 16px;transition:all var(--transition-fast)}.admin-btn-secondary:hover{background:var(--color-surface-alt);border-color:var(--color-primary-light)}.admin-input,.search-input{background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:10px 16px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.admin-input:focus,.search-input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #0f27441a;outline:none}.back-button{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.back-button:hover{background:var(--color-border)}.header-left h1{font-size:var(--font-size-2xl);font-weight:800}.loading,.no-data{padding:48px 24px}.status-badge{border-radius:9999px;display:inline-flex;font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize}.status-badge.pending{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge.confirmed{background:#eff6ff;color:var(--color-info)}.status-badge.shipped{background:#eef2ff;color:#4338ca}.status-badge.delivered{background:var(--color-success-bg);color:var(--color-success)}.status-badge.cancelled{background:var(--color-danger-bg);color:var(--color-danger-dark)}.field-hint,.form-group small,.image-hint,.upload-hint{word-wrap:break-word;color:var(--color-text-muted);display:block;font-size:var(--font-size-xs);line-height:1.45;margin-top:6px}@media (max-width:767px){.admin-page,.categories-container,.dashboard-container,.orders-container,.products-container,.reviews-container,.settings-container{padding:12px}.dashboard-header h1,.header-left h1{font-size:1.25rem;line-height:1.3}.categories-header,.dashboard-header,.orders-header,.products-header,.reviews-header,.settings-header{align-items:stretch;flex-direction:column;gap:12px}.header-left{flex-wrap:wrap;gap:10px}.header-buttons,.products-actions{display:flex;flex-direction:column;gap:8px;width:100%}.add-button,.admin-btn-primary,.header-buttons button,.logout-button,.settings-button{justify-content:center;width:100%}.search-box{max-width:100%;width:100%}.admin-input,.form-group input,.form-group select,.form-group textarea,.search-input{font-size:16px;min-width:0;padding:12px;width:100%}.form-group label{font-size:.875rem;line-height:1.4;margin-bottom:6px}.form-group input::placeholder,.form-group textarea::placeholder,.search-input::placeholder{font-size:14px}.form-row{gap:0;grid-template-columns:1fr}.form-row .form-group{margin-bottom:16px}.checkbox{min-height:auto;padding:4px 0}.checkbox,.checkbox label{align-items:flex-start;width:100%}.checkbox label{display:flex;font-size:.875rem;gap:10px;line-height:1.45;white-space:normal}.checkbox input,.checkbox input[type=checkbox]{flex-shrink:0;height:20px;margin-top:2px;width:20px}.modal-overlay{align-items:center;padding:12px}.modal-content{border-radius:12px;max-height:calc(100dvh - 24px);max-width:100%;width:100%}.modal-header{padding:14px 16px}.modal-header h2{font-size:1.125rem;line-height:1.3;padding-right:8px}.modal-content .modal-body,.modal-content form{padding:16px}.save-btn,.save-settings-btn{font-size:1rem;padding:12px 16px}.settings-form{padding:16px}.form-section h3{font-size:1rem}}.toast{align-items:center;animation:slideIn .3s ease;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;justify-content:space-between;max-width:400px;min-width:300px;padding:12px 16px;position:fixed;right:20px;top:20px;z-index:1100}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{border-left-color:#2e7d32}.toast-success .toast-icon{color:#2e7d32}.toast-error{border-left-color:var(--color-danger-dark)}.toast-error .toast-icon{color:var(--color-danger-dark)}.toast-warning{border-left-color:#ed6c02}.toast-warning .toast-icon{color:#ed6c02}.toast-info{border-left-color:#0288d1}.toast-info .toast-icon{color:#0288d1}.toast-content{align-items:center;display:flex;flex:1 1;gap:12px}.toast-icon{font-size:18px;font-weight:700}.toast-message{color:var(--color-text);font-size:14px}.toast-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:20px;padding:0 4px;transition:color .2s ease}.toast-close:hover{color:var(--color-danger-dark)}@media (max-width:600px){.toast{left:20px;max-width:none;min-width:auto;right:20px}}.login-container{align-items:center;background:linear-gradient(160deg,var(--color-surface) 0,var(--color-surface-alt) 100%);display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:440px;padding:48px 40px;width:100%}.login-title{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:800;margin-bottom:8px;text-align:center}.login-subtitle{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:32px;padding-bottom:24px;text-align:center}.login-form{gap:20px}.login-form,.login-input-group{display:flex;flex-direction:column}.login-input-group{gap:8px}.login-input-group label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600}.login-input-group input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:12px 16px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.login-input-group input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #0f27441a;outline:none}.login-button{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-base);font-weight:600;margin-top:8px;padding:14px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.login-button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-error{background:var(--color-danger-bg);border:1px solid #dc262633;border-radius:var(--radius-md);color:var(--color-danger-dark);font-size:var(--font-size-sm);padding:12px;text-align:center}@media (max-width:480px){.login-card{padding:32px 24px}}.dashboard-container{background-color:var(--color-surface);margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.dashboard-header{align-items:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.dashboard-header h1{color:var(--color-primary);font-size:24px;font-weight:600;margin:0}.header-buttons{align-items:center;display:flex;gap:12px}.settings-button{align-items:center;background:var(--color-surface-elevated);border:1px solid var(--color-accent);border-radius:6px;color:var(--color-accent);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 20px;transition:all .2s ease}.settings-button:hover{background:var(--color-accent);color:#fff}.logout-button{background:var(--color-surface-elevated);border:1px solid var(--color-danger-dark);border-radius:6px;color:var(--color-danger-dark);cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s ease}.logout-button:hover{background:var(--color-danger-dark);color:#fff}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.stat-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:24px;transition:box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 12px #00000014}.stat-card h3{color:#64748b;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.stat-number{color:var(--color-primary);font-size:42px;font-weight:600;margin:0}.dashboard-nav{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start;margin-top:16px}.nav-button{align-items:center;background:var(--color-surface-elevated);border:1px solid #cbd5e1;border-radius:8px;color:var(--color-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 28px;transition:all .2s ease}.nav-button:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.stock-alerts-container{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.stock-card{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.out-of-stock-card{border-left:4px solid var(--color-danger-dark)}.out-of-stock-header{background:linear-gradient(135deg,#ffebee,#fff);border-bottom:1px solid #ffcdd2}.out-of-stock-badge,.out-of-stock-header h4{color:var(--color-danger-dark)}.out-of-stock-badge{background-color:#ffebee}.low-stock-card{border-left:4px solid #ed6c02}.low-stock-header{background:linear-gradient(135deg,#fff3e0,#fff);border-bottom:1px solid #ffe0b2}.low-stock-header h4{color:#ed6c02}.low-stock-badge{background-color:#fff3e0;color:#ed6c02}.stock-header{align-items:center;display:flex;gap:12px;padding:16px 20px}.stock-icon{font-size:24px}.stock-info h4{font-size:16px;font-weight:600;margin:0}.stock-info p{color:#64748b;font-size:13px;margin:4px 0 0}.stock-items{padding:8px 0}.stock-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;justify-content:space-between;padding:12px 20px;transition:background-color .2s ease}.stock-item:hover{background-color:var(--color-surface)}.product-name{color:#1e293b;font-size:14px;font-weight:500}.stock-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 10px}.stock-more{border-top:1px solid #f1f5f9;color:#64748b;cursor:pointer;font-size:13px;padding:10px 20px;text-align:center;transition:background-color .2s ease}.stock-more:hover{background-color:var(--color-surface);color:var(--color-primary)}.loading{color:#64748b}@media (max-width:768px){.dashboard-container{padding:16px}.dashboard-header{flex-direction:column;gap:16px;padding:16px;text-align:center}.dashboard-header h1{font-size:20px}.header-buttons{justify-content:center}.stats-grid{gap:16px}.stat-number{font-size:32px}.dashboard-nav{justify-content:center}.nav-button{font-size:13px;padding:10px 20px}.stock-header{padding:12px 16px}.stock-info h4{font-size:14px}.stock-info p{font-size:12px}.stock-item{padding:10px 16px}.product-name{font-size:13px}.stock-badge{font-size:11px;padding:3px 8px}}@media (max-width:480px){.dashboard-container{padding:12px}.stats-grid{grid-template-columns:1fr}.dashboard-nav{align-items:stretch;flex-direction:column}.nav-button{justify-content:center}.header-buttons{flex-direction:column;width:100%}.logout-button,.settings-button{justify-content:center;width:100%}}.modal-content{max-width:700px}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border-strong);border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a5f1a;outline:none}.category-select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--color-border-strong);border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.category-select:focus{box-shadow:0 0 0 3px #1e3a5f1a;outline:none}.category-select:focus,.category-select:hover{border-color:var(--color-primary)}.category-select option{padding:10px}.currency-buttons{display:flex;gap:12px;margin-top:5px}.currency-btn{background-color:#fff;border:2px solid var(--color-border-strong);border-radius:8px;color:var(--color-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.currency-btn:hover{background-color:var(--color-border)}.currency-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.form-row .form-group{margin-bottom:0}.checkbox input[type=checkbox]{cursor:pointer;height:18px;margin:0;width:18px}.save-btn{transition:all .2s ease}.image-upload-area{background-color:var(--color-surface);border:2px dashed var(--color-border-strong);border-radius:12px;margin-bottom:12px;padding:20px;text-align:center;transition:border-color .2s ease}.image-upload-area:hover{border-color:var(--color-primary)}.current-image{align-items:center;display:flex;justify-content:center}.current-image-preview{border:1px solid var(--color-border);border-radius:8px;max-height:200px;max-width:200px;object-fit:cover}.remove-image-container{display:flex;justify-content:flex-start;margin-top:8px}.remove-image-btn{background-color:#fff;border:1px solid var(--color-danger-dark);border-radius:6px;color:var(--color-danger-dark);cursor:pointer;font-size:13px;font-weight:500;padding:8px 20px;transition:all .2s ease}.remove-image-btn:hover{background-color:var(--color-danger-dark);color:#fff;transform:translateY(-1px)}.upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:12px}.upload-label{background-color:var(--color-primary);border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.upload-label:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.file-name{color:var(--color-text-muted);font-size:12px;margin-top:5px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--color-border);border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:var(--color-text-light);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (max-width:767px){.modal-content{max-height:95vh;width:95%}.modal-header{padding:16px 20px}.modal-header h2{font-size:18px}form{padding:20px}.form-row{gap:0;grid-template-columns:1fr}.form-row .checkbox{margin-bottom:12px}.form-group{margin-bottom:16px}.currency-buttons{flex-direction:column}.save-btn{font-size:14px;padding:10px 16px}.current-image-preview{max-height:100px;max-width:100px}.remove-image-btn{font-size:12px;padding:6px 12px}.category-select{font-size:13px;padding:8px 12px}}.image-manager{margin-top:10px}.image-hint,.upload-hint{color:var(--color-text-muted);font-size:13px;margin:6px 0 0}.upload-hint{display:block;margin-top:8px}.current-images{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.image-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;position:relative;width:80px}.image-item img{height:80px;object-fit:cover;width:100%}.image-actions{display:flex;justify-content:space-around;padding:4px}.image-actions button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:11px}.main-badge{background:var(--color-primary);border-radius:4px;color:#fff;font-size:10px;left:2px;padding:2px 6px;position:absolute;top:2px}.upload-new input{margin-top:8px}.products-container{background-color:var(--color-surface);margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.products-header{gap:16px;justify-content:space-between;margin-bottom:24px}.header-right,.products-header{align-items:center;display:flex;flex-wrap:wrap}.header-right{gap:20px}.products-header h1{color:var(--color-primary);font-size:24px;font-weight:600;margin:0}.search-input{color:var(--color-text);padding:10px 35px 10px 15px}.search-input::placeholder{color:var(--color-text-light)}.clear-search{padding:0 5px;transition:color .2s ease}.clear-search:hover{color:var(--color-danger-dark)}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{background-color:#fff;border:1px solid var(--color-border-strong);border-radius:8px;color:var(--color-primary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{background-color:var(--color-border);transform:translateY(-1px)}.filter-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.loading{font-size:16px}.products-table-container{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 3px #0000000d}.products-table{border-collapse:collapse;width:100%}@media (min-width:768px){.products-table{min-width:700px}.products-table-container{overflow-x:auto}}@media (max-width:767px){.products-table thead{display:none}.products-table tbody tr{background:#fff;border:1px solid var(--color-border);border-radius:12px;display:block;margin-bottom:20px;padding:16px}.products-table tbody td{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:12px 0;text-align:right}.products-table tbody td:last-child{border-bottom:none}.products-table tbody td:before{color:var(--color-text-secondary);content:attr(data-label);flex:1 1;font-size:13px;font-weight:600;text-align:left}.product-image-cell{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.product-name-cell:before{content:"Name"}.product-price-cell:before{content:"Price"}.product-stock-cell:before{content:"Stock"}.product-status-cell:before{content:"Status"}.product-actions-cell{align-items:stretch;flex-direction:column}.product-actions-cell:before{content:"Actions";margin-bottom:8px}.product-actions{display:flex;flex-direction:column;gap:10px;width:100%}.delete-btn,.edit-btn{margin:0;padding:10px 12px;text-align:center;width:100%}.product-image-placeholder,.product-image-thumb{height:50px;width:50px}.product-category-cell:before{content:"Category"}.product-shipping-cell{color:var(--color-accent);font-weight:500}@media (max-width:767px){.product-shipping-cell:before{content:"Shipping Fee"}}}.products-table th{background-color:var(--color-surface);color:var(--color-text-secondary);font-weight:600;text-align:left}.products-table td,.products-table th{border-bottom:1px solid var(--color-border);font-size:14px;padding:16px}.products-table td{color:var(--color-text);vertical-align:middle}.products-table tr:hover{background-color:var(--color-surface)}.product-image-cell{width:70px}.product-image-thumb{object-fit:cover}.product-image-placeholder,.product-image-thumb{border:1px solid var(--color-border);border-radius:8px;height:50px;width:50px}.product-image-placeholder{align-items:center;background-color:var(--color-surface-alt);color:var(--color-text-muted);display:flex;font-size:10px;justify-content:center}.product-name-cell{font-weight:500;word-break:break-word}.product-price-cell{color:var(--color-primary);font-weight:500}.product-actions{align-items:center;display:flex;gap:8px}.delete-btn,.edit-btn{margin-right:8px}.product-category-cell{color:#4a5568;font-weight:500}@media (max-width:480px){.products-container{padding:12px}.products-header h1{font-size:20px}.filter-btn{font-size:12px;padding:6px 12px}.add-button{font-size:13px;padding:8px 16px}.search-input{font-size:13px;padding:8px 35px 8px 12px}.products-table tbody td{padding:10px 0}.products-table tbody td:before{font-size:12px}.delete-btn,.edit-btn{font-size:13px;margin-right:8px;padding:8px 12px}}.confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.confirm-dialog{background:#fff;border-radius:12px;box-shadow:0 20px 35px #0003;max-width:400px;min-width:300px;padding:24px;text-align:center}.confirm-message{color:var(--color-text);font-size:16px;margin-bottom:24px}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.confirm-ok{background-color:var(--color-danger-dark);color:#fff}.confirm-ok:hover{background-color:#b71c1c;transform:translateY(-1px)}.confirm-cancel{background-color:var(--color-border);color:var(--color-primary)}.confirm-cancel:hover{background-color:var(--color-border-strong)}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{animation:modalFadeIn .2s ease;max-width:800px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.close-btn{line-height:1;transition:all .2s ease}.close-btn:hover{transform:scale(1.1)}.order-info{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:20px 24px}.info-row{display:flex;margin-bottom:12px}.info-label{color:var(--color-text-secondary);font-weight:600;width:120px}.info-value{color:var(--color-text);flex:1 1}.status-badge-large{border-radius:20px;display:inline-block;font-size:14px;font-weight:500;padding:6px 16px}.items-section{padding:20px 24px}.items-section h3{color:var(--color-primary);font-size:18px;margin:0 0 16px}.items-table{border-collapse:collapse;width:100%}.items-table th{background-color:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:600;text-align:left}.items-table td,.items-table th{border-bottom:1px solid var(--color-border);padding:12px}.items-table td{color:var(--color-text);font-size:14px}.items-table tr:last-child td{border-bottom:none}.totals-section{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);padding:16px 24px}.total-row{display:flex;justify-content:flex-end;margin-bottom:8px}.total-label{color:var(--color-text-muted);font-weight:500;width:120px}.total-value{font-weight:600;text-align:right;width:150px}.grand-total,.total-value{color:var(--color-primary)}.grand-total{border-top:2px solid var(--color-border-strong);font-size:18px;font-weight:700;margin-top:8px;padding-top:12px}.notes-section{padding:20px 24px}.notes-section h4{color:var(--color-text-secondary);font-size:14px;margin:0 0 8px}.notes-section p{background-color:var(--color-surface);border-radius:8px;color:var(--color-text-muted);font-size:14px;margin:0;padding:10px}.status-update-section{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:16px;padding:20px 24px}.status-update-section label{color:var(--color-text-secondary);font-weight:600}.status-select-modal{background-color:#fff;border:1px solid var(--color-border-strong);border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px}.update-status-btn{background-color:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s ease}.update-status-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}@media (max-width:767px){.modal-content{max-height:95vh;width:95%}.modal-header{padding:16px 20px}.modal-header h2{font-size:18px}.items-section,.notes-section,.order-info,.status-update-section,.totals-section{padding:16px}.info-row{flex-direction:column;margin-bottom:12px}.info-label{margin-bottom:4px;width:auto}.total-row{justify-content:space-between}.total-label,.total-value{width:auto}.items-table td,.items-table th{font-size:12px;padding:8px}.status-update-section{align-items:stretch;flex-direction:column}.update-status-btn{width:100%}}.print-invoice-btn{background-color:var(--color-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:10px;padding:8px 20px;transition:all .2s ease}.print-invoice-btn:hover{background-color:#1e5f5f;transform:translateY(-1px)}.orders-container{background-color:var(--color-surface);box-sizing:border-box;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px;width:100%}.orders-header{gap:16px;justify-content:space-between;margin-bottom:24px}.filter-bar,.orders-header{align-items:center;display:flex;flex-wrap:wrap}.filter-bar{gap:20px;margin-bottom:20px}.status-filter{display:flex;flex-wrap:wrap;gap:8px}.filter-status-btn{background-color:#fff;border:1px solid var(--color-border-strong);border-radius:20px;color:var(--color-primary);cursor:pointer;font-size:13px;padding:6px 14px;transition:all .2s ease}.filter-status-btn:hover{background-color:var(--color-border)}.filter-status-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.search-box{min-width:250px}.search-input{background-color:#fff;border:1px solid var(--color-border-strong);border-radius:8px;font-size:14px;padding:8px 35px 8px 15px;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a5f1a;outline:none}.clear-search{background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:16px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.orders-table-container{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;width:100%}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.status-pending{background-color:#fff3e0;color:#ed6c02}.status-confirmed{background-color:#e3f2fd;color:#0288d1}.status-delivered,.status-shipped{background-color:#e8f5e9;color:#2e7d32}.status-cancelled{background-color:#ffebee;color:var(--color-danger-dark)}.status-select{background-color:#fff;border:1px solid var(--color-border-strong);border-radius:6px;cursor:pointer;font-size:12px;margin-right:8px;padding:6px 10px}.status-select:focus{border-color:var(--color-primary);outline:none}.view-details-btn{background-color:#e3f2fd;border:none;border-radius:6px;color:#1565c0;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.view-details-btn:hover{background-color:#1565c0;color:#fff}.no-data{padding:40px}@media (min-width:769px){.orders-table{border-collapse:collapse;min-width:800px;width:100%}.orders-table-container{overflow-x:auto}.orders-table th{background-color:var(--color-surface);color:var(--color-text-secondary);font-weight:600;text-align:left}.orders-table td,.orders-table th{border-bottom:1px solid var(--color-border);font-size:14px;padding:16px}.orders-table td{color:var(--color-text);vertical-align:middle}.orders-table tr:hover{background-color:var(--color-surface)}}@media (max-width:768px){.orders-container{padding:12px}.orders-header{align-items:stretch;flex-direction:column}.header-left{justify-content:space-between}.filter-bar{align-items:stretch;flex-direction:column}.status-filter{flex-wrap:wrap;justify-content:center}.search-box{width:100%}.orders-table thead{display:none}.orders-table,.orders-table tbody,.orders-table tr{display:block;width:100%}.orders-table tr{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-sizing:border-box;margin-bottom:16px;width:100%}.orders-table td{align-items:center;border-bottom:1px solid var(--color-border);box-sizing:border-box;display:flex;justify-content:space-between;padding:12px 16px;width:100%;word-break:break-word}.orders-table td:last-child{border-bottom:none}.orders-table td:before{color:var(--color-primary);content:attr(data-label);font-size:13px;font-weight:600;min-width:90px;padding-right:10px}.orders-table td button,.orders-table td select,.orders-table td span{flex:1 1;text-align:right}.orders-table td:last-child{align-items:stretch;flex-direction:column;gap:10px}.orders-table td:last-child:before{margin-bottom:0}.status-select{margin-right:0}.status-select,.view-details-btn{padding:10px;width:100%}.orders-table-container{overflow-x:hidden;width:100%}}.categories-container{background-color:var(--color-surface);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.categories-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.add-button{background-color:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.add-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.categories-table-container{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 3px #0000000d}.categories-table{border-collapse:collapse;width:100%}@media (min-width:768px){.categories-table{min-width:700px}.categories-table-container{overflow-x:auto}}.categories-table td,.categories-table th{border-bottom:1px solid var(--color-border);padding:14px 16px;text-align:left;vertical-align:middle}.categories-table th{color:var(--color-text-secondary);font-size:14px;font-weight:600}.categories-table th,.categories-table tr:hover{background-color:var(--color-surface)}.status-active{background-color:#e8f5e9;color:#2e7d32}.status-active,.status-inactive{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.status-inactive{background-color:#ffebee;color:var(--color-danger-dark)}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;margin:0 4px;padding:6px 12px;transition:all .2s ease}.edit-btn{background-color:#e3f2fd;color:#1565c0}.edit-btn:hover{background-color:#1565c0;color:#fff}.delete-btn{background-color:#ffebee;color:var(--color-danger-dark)}.delete-btn:hover{background-color:var(--color-danger-dark);color:#fff}@media (max-width:767px){.categories-container{overflow-x:hidden;padding:12px}.categories-header{align-items:stretch;flex-direction:column}.header-left{flex-wrap:wrap}.header-left h1{font-size:20px}.add-button{text-align:center;width:100%}.categories-table-container{background:#0000;border:none;box-shadow:none;overflow-x:visible}.categories-table thead{display:none}.categories-table,.categories-table tbody,.categories-table tr{display:block;min-width:0;width:100%}.categories-table tr{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-sizing:border-box;margin-bottom:16px;padding:12px 14px}.categories-table td{align-items:center;border-bottom:1px solid var(--color-border);box-sizing:border-box;display:flex;gap:12px;justify-content:space-between;padding:10px 0;width:100%}.categories-table td:last-child{align-items:stretch;border-bottom:none;flex-direction:column;gap:8px}.categories-table td:before{color:var(--color-text-secondary);content:attr(data-label);flex:0 0 auto;font-size:13px;font-weight:600;max-width:45%;min-width:90px}.categories-table td .cell-value,.categories-table td .status-badge{flex:1 1;min-width:0;text-align:right;word-break:break-word}.categories-table td.actions-cell,.categories-table td[data-label=Actions]{align-items:stretch;flex-direction:column;gap:8px}.categories-table td.actions-cell:before,.categories-table td[data-label=Actions]:before{margin-bottom:4px}.categories-table td.actions-cell .delete-btn,.categories-table td.actions-cell .edit-btn,.categories-table td[data-label=Actions] .delete-btn,.categories-table td[data-label=Actions] .edit-btn{font-size:14px;margin:0;padding:10px 12px;width:100%}.categories-table td.no-data{border-bottom:none;display:block;text-align:center}.categories-table td.no-data:before{content:none}.form-row{grid-template-columns:1fr}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 35px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:var(--color-primary);font-size:22px;font-weight:600;margin:0}.close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:28px;padding:0 8px}.close-btn:hover{color:var(--color-danger-dark)}form{padding:24px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.checkbox,.checkbox label{align-items:center;display:flex}.checkbox label{cursor:pointer;gap:8px;margin-bottom:0}.checkbox input{cursor:pointer;height:18px;width:18px}.save-btn{background-color:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:12px 20px;width:100%}.save-btn:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px)}.save-btn:disabled{background-color:var(--color-text-light);cursor:not-allowed}.loading,.no-data{color:var(--color-text-muted);padding:40px;text-align:center}.settings-container{background-color:var(--color-surface);margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.settings-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:30px}.form-section{margin-bottom:30px}.form-section h3{border-bottom:1px solid var(--color-border);color:var(--color-primary);padding-bottom:10px}.form-group,.form-section h3{margin-bottom:20px}.form-group label{color:var(--color-text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid var(--color-border-strong);border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a5f1a;outline:none}.form-group small{color:var(--color-text-muted);display:block;font-size:12px;margin-top:5px}.save-settings-btn{background-color:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 20px;transition:all .2s ease;width:100%}.save-settings-btn:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px)}.save-settings-btn:disabled{background-color:var(--color-text-light);cursor:not-allowed}.admin-reviews-container{background-color:var(--color-surface);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.admin-reviews-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.header-left h1{color:var(--color-primary);font-size:24px;font-weight:600;margin:0}.back-button{background-color:var(--color-border);border:none;border-radius:8px;color:var(--color-primary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.back-button:hover{background-color:var(--color-border-strong);transform:translateX(-2px)}.reviews-tabs{border-bottom:1px solid var(--color-border);display:flex;gap:10px;margin-bottom:24px;padding-bottom:10px}.tab-btn{background:none;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;font-size:15px;font-weight:500;padding:8px 20px;transition:all .2s ease}.tab-btn.active,.tab-btn:hover{background-color:var(--color-border);color:var(--color-primary)}.review-card{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:20px;padding:20px}.review-header{grid-gap:15px;border-bottom:1px solid var(--color-border);display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px;padding-bottom:15px}.review-header strong{color:var(--color-text-secondary)}.stars{color:#fbbf24;letter-spacing:1px;margin-left:8px}.review-comment{margin-bottom:15px}.review-comment p{color:var(--color-text-muted);line-height:1.6;margin-top:8px}.review-actions{border-top:1px solid var(--color-border);display:flex;gap:10px;justify-content:flex-end;padding-top:10px}.approve-btn{background-color:#2e7d32;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 20px;transition:all .2s ease}.approve-btn:hover{background-color:#1b5e20;transform:translateY(-1px)}.delete-btn{background-color:var(--color-danger-dark);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 20px;transition:all .2s ease}.delete-btn:hover{background-color:#b71c1c;transform:translateY(-1px)}.no-reviews{background:#fff;border-radius:12px;color:var(--color-text-muted);padding:60px;text-align:center}.loading{padding:40px;text-align:center}@media (max-width:768px){.admin-reviews-container{padding:12px}.admin-reviews-header{align-items:stretch;flex-direction:column}.header-left{justify-content:space-between}.review-header{gap:8px;grid-template-columns:1fr}.review-actions{flex-direction:column}.approve-btn,.delete-btn{width:100%}}.loading{align-items:center;display:flex;font-size:var(--font-size-sm);justify-content:center;min-height:200px}.loading,.no-data{color:var(--color-text-muted)}.no-data{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:48px 24px;text-align:center}.header-left{align-items:center;display:flex;gap:16px}.search-box{flex:1 1;max-width:400px;position:relative}
/*# sourceMappingURL=main.0a0ae618.css.map*/