@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-admin:#f5f6f8;--bg-sidebar:#fff;--bg-card:#fff;--text-primary:#181716;--text-secondary:#5c5a56;--accent-color:#a3825e;--accent-hover:#8a6d4f;--border-color:#e2e4e8;--success-color:#10b981;--warning-color:#f59e0b;--info-color:#3b82f6;--error-color:#ef4444;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--border-radius:6px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a;--transition-smooth:all .25s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-admin);color:var(--text-primary);line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600}button{cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;font-family:inherit}.admin-layout{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.admin-sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;padding:1.5rem;display:flex}.sidebar-brand{font-family:var(--font-heading);letter-spacing:.05em;flex-direction:column;margin-bottom:2.5rem;font-size:1.25rem;font-weight:800;display:flex}.sidebar-brand-sub{color:var(--accent-color);letter-spacing:.3em;font-size:.6rem;font-weight:500}.sidebar-menu{flex-direction:column;gap:.5rem;list-style:none;display:flex}.menu-item-btn{text-align:left;border-radius:var(--border-radius);width:100%;color:var(--text-secondary);align-items:center;gap:.75rem;padding:.8rem 1rem;font-size:.9rem;font-weight:600;display:flex}.menu-item-btn:hover{color:var(--accent-color);background-color:#a3825e0d}.menu-item-btn.active{background-color:var(--text-primary);color:var(--bg-sidebar)}.admin-main{width:100%;max-width:1200px;margin:0 auto;padding:2rem;overflow-y:auto}.admin-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.admin-header h1{font-size:1.75rem;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background-color:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.stat-info h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem}.stat-number{font-size:1.8rem;font-weight:700;font-family:var(--font-heading)}.stat-icon{color:var(--accent-color);background-color:#a3825e14;border-radius:50%;padding:.8rem;display:flex}.table-container{background-color:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;width:100%;margin-bottom:2rem;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.02em;background-color:#00000005;padding:1rem 1.25rem;font-size:.85rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:1rem 1.25rem;font-size:.9rem}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background-color:#00000003}.status-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.status-pending{color:var(--warning-color);background-color:#f59e0b1f}.status-processing{color:var(--info-color);background-color:#3b82f61f}.status-shipped{color:var(--success-color);background-color:#10b9811f}.status-delivered{color:#065f46;background-color:#10b98133}.status-cancelled{color:var(--error-color);background-color:#ef446e1f}.btn{border-radius:var(--border-radius);transition:var(--transition-smooth);justify-content:center;align-items:center;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--text-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-color)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background-color:#0000}.btn-secondary:hover{background-color:#00000008}.btn-danger{background-color:var(--error-color);color:#fff}.btn-danger:hover{background-color:#dc2626}.actions-cell{gap:.5rem;display:flex}.modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--bg-card);border-radius:var(--border-radius);width:100%;max-width:550px;max-height:90vh;box-shadow:var(--shadow-lg);padding:2rem;animation:.25s modalFade;overflow-y:auto}@keyframes modalFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex}.modal-close-btn{color:var(--text-secondary)}.modal-close-btn:hover{color:var(--text-primary)}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.form-group label{text-transform:uppercase;color:var(--text-secondary);font-size:.8rem;font-weight:600}.form-input{border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.9rem}.form-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #a3825e1a}.modal-footer{justify-content:flex-end;gap:.75rem;margin-top:2rem;display:flex}.dashboard-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.panel-card{background-color:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:1.5rem}.panel-card h3{border-bottom:1px solid var(--border-color);margin-bottom:1.25rem;padding-bottom:.5rem;font-size:1rem}.recent-order-row{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:.75rem 0;display:flex}.recent-order-row:last-child{border-bottom:none}.recent-order-info h5{font-size:.9rem}.recent-order-info p{color:var(--text-secondary);font-size:.75rem}.category-stat-row{margin-bottom:1rem}.category-stat-info{margin-bottom:.25rem;font-size:.85rem}.progress-bar-bg{background-color:var(--bg-admin);border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background-color:var(--accent-color);border-radius:4px;height:100%}.product-thumbnail{object-fit:cover;background-color:var(--bg-admin);border-radius:4px;width:40px;height:50px}.mobile-logout-btn{display:none}.sidebar-brand-wrapper{display:block}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111827b3;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:420px;padding:2.5rem;transition:padding .25s;box-shadow:0 25px 50px -12px #00000080}@media (width<=768px){.admin-layout{flex-direction:column!important;min-height:100vh!important;display:flex!important}.admin-sidebar{border-bottom:1px solid var(--border-color);z-index:1000!important;background-color:var(--bg-sidebar)!important;box-sizing:border-box!important;flex-direction:column!important;gap:.5rem!important;width:100%!important;max-width:100%!important;padding:.75rem 1rem!important;display:flex!important;position:sticky!important;top:0!important;overflow:hidden!important;box-shadow:0 4px 12px #0000000d!important}.sidebar-brand-wrapper{box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-bottom:.25rem!important;display:flex!important}.sidebar-brand{text-align:left!important;margin-bottom:0!important}.mobile-logout-btn{color:#fff;cursor:pointer;background-color:#e11d48;border:none;border-radius:6px;padding:.4rem .85rem;font-size:.8rem;font-weight:700;transition:background-color .2s;display:inline-block!important}.mobile-logout-btn:hover{background-color:#be123c}.admin-mobile-menu-btn{color:var(--text-primary)!important;cursor:pointer!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:.4rem!important;display:flex!important}.sidebar-menu{opacity:0!important;border-bottom:none!important;flex-direction:column!important;width:100%!important;max-height:0!important;margin:0!important;padding:0!important;transition:max-height .3s,opacity .25s,padding .25s!important;display:flex!important;overflow:hidden!important}.sidebar-menu.open{opacity:1!important;max-height:380px!important;padding:.5rem 0!important;overflow-y:auto!important}.menu-item-btn{text-align:left!important;border-bottom:1px solid var(--border-color)!important;width:100%!important;color:var(--text-secondary)!important;border-radius:0!important;justify-content:flex-start!important;align-items:center!important;gap:.35rem!important;margin:0!important;padding:.75rem .5rem!important;font-size:.85rem!important;font-weight:700!important;display:flex!important}.menu-item-btn:hover{color:var(--accent-color)!important;background-color:#a3825e08!important}.menu-item-btn.active{color:var(--accent-color)!important;border-bottom:1px solid var(--accent-color)!important;background-color:#a3825e0d!important}.admin-sidebar-footer{display:none!important}.admin-main{padding:1.25rem 1rem!important;overflow-y:visible!important}.admin-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:.5rem!important;margin-bottom:1.25rem!important}.admin-header h1{font-size:1.3rem!important}.dashboard-grid{grid-template-columns:1fr!important;gap:1rem!important}}@media (width<=480px){.admin-sidebar{padding:.5rem .75rem!important}.sidebar-brand span:first-child{font-size:1.1rem!important}.sidebar-brand-sub{font-size:.5rem!important}.admin-main{padding:.75rem .5rem!important}.admin-header{margin-bottom:1rem!important}.admin-header h1{font-size:1.15rem!important}.admin-header .btn{padding:.45rem .85rem!important;font-size:.75rem!important}.stats-grid{grid-template-columns:1fr!important;gap:.5rem!important;margin-bottom:1.25rem!important}.stat-card{padding:.75rem 1rem!important}.stat-number{font-size:1.35rem!important}.admin-table th,.admin-table td{white-space:nowrap!important;padding:.65rem .5rem!important;font-size:.75rem!important}.admin-table td.desc-cell,.admin-table td.msg-cell{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:140px!important;overflow:hidden!important}.modal-content{max-height:95vh!important;padding:1.25rem 1rem!important}.modal-header{margin-bottom:1rem!important;padding-bottom:.25rem!important}.modal-header h2{font-size:1.1rem!important}.modal-footer{flex-direction:column!important;gap:.5rem!important;margin-top:1.25rem!important}.modal-footer .btn{width:100%!important}.form-group{gap:.25rem!important;margin-bottom:.75rem!important}.form-input{padding:.5rem .75rem!important;font-size:.85rem!important}.login-card{border-radius:12px!important;padding:1.5rem 1.25rem!important}.login-card h1{font-size:1.5rem!important}}.toggle-switch{cursor:pointer;vertical-align:middle;background-color:#e2e4e8;border-radius:11px;width:44px;height:22px;transition:background-color .25s;display:inline-block;position:relative}.toggle-switch.on{background-color:#10b981}.toggle-knob{background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .25s cubic-bezier(.25,.8,.25,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle-switch.on .toggle-knob{transform:translate(22px)}.grid-2-col{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.grid-3-col{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}@media (width<=768px){.grid-2-col,.grid-3-col{grid-template-columns:1fr!important;gap:1rem!important}}