:root{--brand-navy: #1e3a8a;--brand-blue: #1e6fd9;--brand-teal: #0ea5a4;--brand-teal-soft: #14b8a6;--bg-app: #f8f5f0;--bg-app-gradient: linear-gradient(180deg, #fcfaf6 0%, #f8f5f0 100%);--bg-surface: #ffffff;--bg-surface-soft: #f8fbff;--bg-muted: #f4f7fb;--bg-dark: #0f172a;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--text-on-dark: #ffffff;--border-soft: #e5e7eb;--border-default: #dbe3ee;--border-strong: #cbd5e1;--shadow-soft: 0 8px 24px rgba(15, 23, 42, .06);--shadow-card: 0 14px 34px rgba(15, 23, 42, .08);--shadow-strong: 0 18px 40px rgba(30, 58, 138, .14);--shadow-focus: 0 0 0 4px rgba(30, 111, 217, .14);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--success-bg: #ecfdf5;--success-text: #166534;--success-border: #bbf7d0;--warning-bg: #fff7ed;--warning-text: #c2410c;--warning-border: #fdba74;--danger-bg: #fef2f2;--danger-text: #b91c1c;--danger-border: #fecaca;--info-bg: #eff6ff;--info-text: #1d4ed8;--info-border: #bfdbfe;--btn-primary-bg: var(--brand-navy);--btn-primary-bg-hover: #1b347c;--btn-primary-text: #ffffff;--btn-secondary-bg: #ffffff;--btn-secondary-border: var(--border-default);--btn-secondary-text: var(--text-primary);--btn-accent-bg: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-teal) 100%);--btn-accent-text: #ffffff;--seller-hero-gradient: linear-gradient(135deg, #1e6fd9 0%, #0ea5a4 100%);--seller-panel-gradient: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);--seller-topbar-bg: rgba(255, 255, 255, .92)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-app-gradient);color:var(--text-primary)}button,input,select,textarea{font:inherit}a{color:inherit}img{max-width:100%;display:block}.page-shell{display:grid;gap:var(--space-5)}.page-header{display:grid;gap:var(--space-2)}.page-header h1,.page-header h2{margin:0;color:var(--text-primary)}.page-header p{margin:0;color:var(--text-secondary);line-height:1.7}.ui-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.ui-badge{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-pill);padding:6px 10px;font-size:12px;font-weight:800}.ui-badge--success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.ui-badge--warning{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.ui-badge--danger{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.ui-badge--info{background:var(--info-bg);color:var(--info-text);border:1px solid var(--info-border)}.ui-btn{border:none;border-radius:var(--radius-md);padding:12px 16px;font-weight:800;cursor:pointer;transition:.2s ease}.ui-btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.ui-btn--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.ui-btn--accent{background:var(--btn-accent-bg);color:var(--btn-accent-text)}.ui-input,.ui-textarea,.ui-select{width:100%;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-md);padding:12px 14px;outline:none}.ui-input:focus,.ui-textarea:focus,.ui-select:focus{border-color:var(--brand-blue);box-shadow:var(--shadow-focus)}.ui-textarea{min-height:120px;resize:vertical}.ui-muted{color:var(--text-secondary)}.ui-empty{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:20px;color:var(--text-secondary)}.ui-message{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:12px 14px;color:var(--text-primary)}.page-shell{display:grid;gap:20px}.page-header h1{margin:0;font-size:22px;font-weight:900}.page-header p{color:var(--text-secondary);margin:4px 0 0}.card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:18px;display:grid;gap:10px;box-shadow:var(--shadow-soft)}.grid{display:grid;gap:14px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.muted{color:var(--text-secondary)}.small{font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:8px}.btn-outline{border:1px solid var(--border-soft);background:transparent;color:var(--text-primary)}.badge{padding:6px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:800}.badge-pending{background:#f1f5f9;color:#475569}.badge-confirmed{background:#fef3c7;color:#92400e}.badge-shipped{background:#dbeafe;color:#1d4ed8}.badge-delivered{background:#dcfce7;color:#166534}.badge-cancelled{background:#fee2e2;color:#991b1b}.products-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.stat-card-ui{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:6px;box-shadow:var(--shadow-soft)}.stat-card-ui__value{font-size:24px;font-weight:900;color:var(--text-primary)}.stat-card-ui__label{color:var(--text-secondary);font-weight:700}.product-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.product-admin-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);overflow:hidden;display:grid;box-shadow:var(--shadow-soft)}.product-admin-image{width:100%;height:180px;object-fit:cover;background:var(--bg-surface)}.product-admin-noimage{width:100%;height:180px;display:grid;place-items:center;background:var(--bg-muted);color:var(--text-muted)}.product-admin-body{padding:var(--space-4);display:grid;gap:var(--space-3)}.product-admin-badges{display:flex;gap:8px;flex-wrap:wrap}.product-admin-title{margin:0;font-size:17px;font-weight:800;line-height:1.6;color:var(--text-primary)}.product-admin-text{margin:0;color:var(--text-secondary);line-height:1.8;min-height:48px}.product-admin-meta{display:grid;gap:6px;color:var(--text-primary);font-size:14px}.product-admin-actions{display:flex;gap:10px;flex-wrap:wrap}.product-admin-danger{background:var(--danger-text);color:#fff}.products-pagination{display:flex;gap:var(--space-4);flex-wrap:wrap;color:var(--text-secondary);font-weight:700}@media(max-width:640px){.products-topbar{align-items:stretch}.products-topbar .ui-btn{width:100%}}.earnings-header{align-items:start}.earnings-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.earnings-stat-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-soft);display:grid;gap:var(--space-3)}.earnings-stat-value{font-size:28px;font-weight:900;color:var(--text-primary);line-height:1.2}.earnings-panel{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-soft);display:grid;gap:var(--space-3)}.earnings-panel__title{font-size:18px;font-weight:900;color:var(--text-primary)}.earnings-panel__text{color:var(--text-secondary);line-height:1.9}.settings-form{max-width:520px;display:grid;gap:var(--space-3)}.settings-form input,.settings-form textarea{padding:14px;border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--bg-surface)}.settings-form input:focus,.settings-form textarea:focus{outline:none;border-color:var(--brand-primary)}.settings-form{max-width:560px;display:grid;gap:var(--space-3)}