:root{--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 32px #0000001f;--transition-fast:.15s ease;--sidebar-width:240px;--topbar-height:64px;--color-bg:#f7f7f8;--color-surface:#fff;--color-text:#1a1a1a;--color-text-muted:#6b6b6b;--color-border:#e2e2e5;--color-primary:#2b2b2e;--color-danger:#c0392b;--color-success:#277a4f;--color-warning:#b7791f}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);margin:0;line-height:1.5}h1,h2,h3,h4{margin:0 0 var(--space-4);line-height:1.25}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:var(--text-base)}ul{margin:0;padding:0;list-style:none}table{border-collapse:collapse;width:100%}.skeleton{background:linear-gradient(90deg, var(--color-border) 25%, #f0ece8 50%, var(--color-border) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.2s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-muted)}.empty-state__description{margin-top:var(--space-2)}.toast-container{bottom:var(--space-4);right:var(--space-4);gap:var(--space-2);z-index:1200;flex-direction:column;display:flex;position:fixed}.toast{background:var(--color-primary);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--text-sm);max-width:320px}.toast--error{background:var(--color-danger)}.network-error-fallback{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-muted)}.network-error-fallback__retry{margin-top:var(--space-4);background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);border:none}.pagination{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.pagination button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.confirm-dialog{z-index:1300;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog__backdrop{background:#0006;position:absolute;inset:0}.confirm-dialog__panel{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);width:min(400px, calc(100% - var(--space-8)));position:relative}.confirm-dialog__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.confirm-dialog__cancel{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);background:0 0}.confirm-dialog__confirm{background:var(--color-danger);color:#fff;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);border:none}.auth-layout{background:var(--color-bg);justify-content:center;align-items:center;min-height:100%;display:flex}.login-page{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-8);width:min(360px, calc(100% - var(--space-8)))}.login-page__form{gap:var(--space-2);margin-top:var(--space-6);flex-direction:column;display:flex}.login-page__form input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.login-page__form button{margin-top:var(--space-2);background:var(--color-primary);color:#fff;padding:var(--space-3);border-radius:var(--radius-md);border:none}.login-page__form button:disabled{opacity:.6;cursor:not-allowed}.login-page__error{color:var(--color-danger);font-size:var(--text-sm)}.admin-layout{grid-template-columns:var(--sidebar-width) 1fr;min-height:100%;display:grid}.sidebar{background:var(--color-primary);color:#fff;padding:var(--space-6) var(--space-4)}.sidebar__brand{margin-bottom:var(--space-8);font-weight:700}.sidebar ul{gap:var(--space-2);flex-direction:column;display:flex}.sidebar a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:#fffc;display:block}.sidebar a.active{color:#fff;background:#ffffff26}.admin-layout__main{flex-direction:column;display:flex}.topbar{height:var(--topbar-height);justify-content:flex-end;align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.topbar__logout{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:0 0}.admin-layout__content{padding:var(--space-6);overflow-y:auto}.dashboard-page__grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.dashboard-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);text-align:center}.dashboard-card__value{font-size:var(--text-2xl);margin:0;font-weight:700}.dashboard-card__label{color:var(--color-text-muted);margin:var(--space-2) 0 0}.category-form{align-items:flex-end;gap:var(--space-4);margin:var(--space-6) 0;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.category-form label{gap:var(--space-1);font-size:var(--text-sm);flex-direction:column;display:flex}.category-form input[type=text],.category-form input:not([type]){padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.category-table th,.category-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border)}.category-table td button{margin-right:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);background:0 0}.sortable-category-list__handle{cursor:grab;text-align:center;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.sortable-category-list__handle:active{cursor:grabbing}.product-list-page__header{justify-content:space-between;align-items:center;display:flex}.product-list-page__new{background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md)}.product-list-page__filters{gap:var(--space-4);margin:var(--space-6) 0;display:flex}.product-list-page__filters input,.product-list-page__filters select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.product-table th,.product-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border)}.product-table td button,.product-table td a{margin-right:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);background:0 0;display:inline-block}.product-form{gap:var(--space-1);flex-direction:column;max-width:500px;display:flex}.product-form input,.product-form select,.product-form textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.product-form textarea{min-height:120px}.product-form button[type=submit]{margin-top:var(--space-4);background:var(--color-primary);color:#fff;padding:var(--space-3);border-radius:var(--radius-md);border:none;width:fit-content}.product-form__field-error{color:var(--color-danger);font-size:var(--text-sm);margin:calc(-1 * var(--space-2)) 0 var(--space-2)}.product-form-page__images{margin-top:var(--space-8);max-width:600px}.sortable-image-list{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.sortable-image-list__item{width:96px;height:96px;position:relative}.sortable-image-list__item img{object-fit:cover;border-radius:var(--radius-sm);cursor:grab;width:100%;height:100%}.sortable-image-list__item button{background:var(--color-danger);color:#fff;width:20px;height:20px;font-size:var(--text-xs);border:none;border-radius:50%;line-height:1;position:absolute;top:-8px;right:-8px}.image-uploader{gap:var(--space-2);flex-direction:column;max-width:300px;display:flex}.image-uploader input{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.image-uploader button{background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;width:fit-content}.image-uploader button:disabled{opacity:.5;cursor:not-allowed}.settings-form section{margin-bottom:var(--space-8);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.settings-form label{margin-top:var(--space-3);font-size:var(--text-sm);display:block}.settings-form input,.settings-form textarea{width:100%;max-width:400px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:var(--space-1);display:block}.settings-form button[type=submit]{background:var(--color-primary);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:none}.brand-color-picker{margin-top:var(--space-3)}.brand-color-picker__row{gap:var(--space-2);margin-top:var(--space-1);align-items:center;display:flex}.brand-color-picker__row input[type=text]{max-width:120px}