:root{--font-sans: "Inter", "Segoe UI", Roboto, Arial, sans-serif;--font-display: "Fraunces", Georgia, serif;--color-bg: #fcfbf7;--color-surface: #ffffff;--color-surface-alt: #f5f2eb;--color-border: #e5e1d7;--color-text: #161616;--color-text-soft: #5a5a57;--color-accent: #b78a3b;--color-accent-strong: #8d6728;--color-success: #0f766e;--color-danger: #b42318;--shadow-soft: 0 18px 48px rgba(22, 22, 22, .08);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 8px;--container: 1240px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(calc(100% - 2rem),var(--container));margin:0 auto}.section{padding:4.5rem 0}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-strong)}.headline{margin:0;font-size:clamp(2rem,4vw,3.75rem);line-height:1.02;letter-spacing:0}.subtitle{margin:0;max-width:42rem;color:var(--color-text-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:0 1.2rem;border-radius:var(--radius-md);border:1px solid transparent;transition:.18s ease;cursor:pointer;font-weight:600}.btn-primary{background:var(--color-text);color:var(--color-surface)}.btn-primary:hover{background:#252525}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent-strong)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;background:#f7f3e9;color:var(--color-accent-strong);font-size:.85rem;font-weight:600}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.stack{display:grid;gap:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[x-cloak]{display:none!important}@media(max-width:1024px){.grid-4,.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.section{padding:3.25rem 0}.grid-2,.grid-4,.grid-5{grid-template-columns:minmax(0,1fr)}}.topbar{background:#111;color:#fff;font-size:.9rem}.toolbar,.summary-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-heading{display:grid;gap:.6rem;margin-bottom:1.5rem}.section-heading h1,.section-heading h2,.auth-page h1,.admin-form h1{margin:0;font-size:clamp(1.8rem,3vw,3rem)}.product-card,.metric-card,.table-card,.order-box{padding:1.2rem}.summary-row span,.subtitle{color:var(--color-text-soft)}.thumb{border:1px solid var(--color-border);border-radius:8px;background:#fff;padding:.2rem;width:84px;height:84px}.thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px}.order-line{display:grid;gap:.8rem}.admin-form input,.admin-form select,.admin-form textarea,.auth-page input{width:100%;min-height:48px;padding:.8rem .95rem;border:1px solid var(--color-border);border-radius:8px;background:#fff}.admin-form textarea{min-height:140px;resize:vertical}.flash{padding:.8rem 0}.flash--success{background:#0f766e1a}.flash--error{background:#b423181a}.auth-page{display:grid;gap:1rem}.auth-page{max-width:720px}.admin-shell{background:#f7f5ef}.admin-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.admin-topbar h1{margin:.2rem 0 0;font-size:clamp(1.8rem,3vw,2.5rem)}.admin-form,.table-card{padding:1.4rem}.admin-form h2,.table-card h2{margin:0 0 .25rem}.detail-list{display:grid;gap:.8rem}.detail-list__row{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.admin-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.85rem;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.metric-card strong{font-size:1.7rem}.product-card{transition:transform .18s ease,box-shadow .18s ease}.product-card:hover{transform:translateY(-2px)}.pagination{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}@media(max-width:1100px){.admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:840px){.toolbar,.admin-topbar{flex-direction:column;align-items:flex-start}.admin-metric-grid{grid-template-columns:1fr}}.admin-shell{--admin-bg: #edf3f7;--admin-surface: rgba(255, 255, 255, .84);--admin-surface-strong: #ffffff;--admin-border: rgba(15, 23, 33, .08);--admin-shadow: 0 24px 60px rgba(16, 24, 34, .12);--admin-text: #101823;--admin-muted: #607080;--admin-dark: #0e141b;--admin-dark-soft: #17212b;--admin-grid: rgba(255, 255, 255, .06);--admin-emerald: #24c39e;--admin-cyan: #50b8ff;--admin-amber: #f2b447;--admin-sunset: #ff8a65;min-height:100vh;color:var(--admin-text);background:linear-gradient(180deg,#f4f7fa,#edf2f7),linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}.admin-shell .btn{border-radius:8px}.admin-shell .btn-primary{background:linear-gradient(135deg,#101823,#1b2836);color:#fff;box-shadow:0 16px 30px #1018232e}.admin-shell .btn-primary:hover{background:linear-gradient(135deg,#15202c,#223244)}.admin-shell .btn-secondary{background:#ffffffb8;color:var(--admin-text);border-color:#1018231a;box-shadow:0 12px 24px #10182314}.admin-shell .btn-secondary:hover{border-color:#24c39e47;color:var(--admin-text)}.admin-shell .subtitle{color:var(--admin-muted)}.admin-topbar{position:sticky;top:1rem;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-radius:8px;border:1px solid var(--admin-border);background:#ffffffb3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 40px #10182314}.admin-line-chart__point{fill:#fff;stroke:#38f0c5;stroke-width:3}.admin-shell .table-card,.admin-shell .admin-form,.admin-shell .metric-card{position:relative;overflow:hidden;padding:1.15rem;border:1px solid var(--admin-border);background:#ffffffc7;box-shadow:var(--admin-shadow)}.admin-shell .metric-card span,.admin-shell .table-card p{margin:0;color:var(--admin-muted)}.admin-shell .table-card h2{margin:.18rem 0 0}.admin-shell .detail-list__row span,.admin-shell .admin-table td span{color:var(--admin-muted)}.admin-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 .75rem;border-radius:999px;font-size:.82rem;font-weight:700;border:1px solid transparent}.admin-status-pill[data-status=pending],.admin-status-pill[data-status=design_review]{background:#f2b44724;border-color:#f2b4472e;color:#9f6b10}.admin-status-pill[data-status=paid],.admin-status-pill[data-status=delivered]{background:#24c39e24;border-color:#24c39e2e;color:#16765f}.admin-status-pill[data-status=in_production],.admin-status-pill[data-status=shipped]{background:#50b8ff24;border-color:#50b8ff2e;color:#1c5f8d}.admin-status-pill[data-status=cancelled],.admin-status-pill[data-status=refunded]{background:#ff8a6524;border-color:#ff8a652e;color:#a04b33}.admin-shell .toolbar,.admin-shell .section-heading{margin-bottom:0}.admin-shell .table-card,.admin-shell .admin-form{border-radius:8px}.admin-shell .admin-table{width:100%;border-collapse:separate;border-spacing:0}.admin-shell .admin-table thead th{padding:.9rem .85rem;color:var(--admin-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(16,24,35,.08)}.admin-shell .admin-table tbody td{padding:.95rem .85rem;border-bottom:1px solid rgba(16,24,35,.06);color:var(--admin-text)}.admin-shell .admin-table tbody tr:hover td{background:#24c39e08}.admin-shell .admin-form,.admin-shell .table-card,.admin-shell .metric-card{gap:1rem}.admin-shell label{display:grid;gap:.45rem;color:var(--admin-text);font-weight:600}.admin-shell input,.admin-shell select,.admin-shell textarea{width:100%;min-height:46px;padding:.8rem .9rem;border-radius:8px;border:1px solid rgba(16,24,35,.1);background:#f7f9fbf0;color:var(--admin-text);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.admin-shell textarea{min-height:140px;resize:vertical}.admin-shell input:focus,.admin-shell select:focus,.admin-shell textarea:focus{border-color:#50b8ff52;box-shadow:0 0 0 4px #50b8ff1f;background:#fff}.admin-shell .detail-list__row{border-bottom-color:#10182314}.admin-shell .flash{margin-top:1rem}@keyframes adminSweep{0%{transform:translate(-18%)}50%{transform:translate(12%)}to{transform:translate(-18%)}}@keyframes adminGrowBar{to{inline-size:var(--progress)}}@keyframes adminLift{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.admin-topbar{top:.75rem}}@media(max-width:840px){.admin-topbar{flex-direction:column;align-items:flex-start}}.admin-shell{--admin-bg: #f4f6ff;--admin-surface: #ffffff;--admin-border: rgba(112, 120, 172, .16);--admin-text: #252a45;--admin-muted: #7f86ab;--admin-emerald: #635bff;--admin-cyan: #8b5cf6;--admin-amber: #ff6aa2;--admin-sunset: #ff8a65;background:radial-gradient(circle at top left,rgba(99,91,255,.1),transparent 34%),radial-gradient(circle at top right,rgba(255,106,162,.08),transparent 26%),linear-gradient(180deg,#f8f9ff,#f2f4ff)}.admin-shell .btn-primary{background:linear-gradient(135deg,#635bff,#7c3aed);box-shadow:0 18px 34px #635bff3d}.admin-shell .btn-primary:hover{background:linear-gradient(135deg,#574dff,#6d2ff4)}.admin-shell .btn-secondary{background:#ffffffeb;border-color:#635bff24;box-shadow:0 12px 24px #635bff14}.admin-shell .btn-secondary:hover{border-color:#635bff42}.admin-topbar{top:1rem;padding:.9rem 1rem;border-radius:22px;border-color:#635bff14;background:#ffffffe6;box-shadow:0 20px 46px #635bff1a}.admin-line-chart__point{fill:#7c3aed;stroke:#fff}.admin-shell .table-card,.admin-shell .admin-form,.admin-shell .metric-card{border-color:#7078ac24;background:linear-gradient(180deg,#fffffff5,#ffffffe6);box-shadow:0 20px 40px #635bff14}.admin-shell .table-card h2,.admin-shell .admin-form h1,.admin-shell .admin-form h2{color:var(--admin-text)}.admin-shell .metric-card span,.admin-shell .table-card p,.admin-shell .subtitle{color:var(--admin-muted)}.admin-shell .admin-table thead th{color:#8a91b6}.admin-shell .admin-table tbody tr:hover td{background:#635bff0a}.admin-status-pill[data-status=pending],.admin-status-pill[data-status=design_review]{background:#7c3aed1a;border-color:#7c3aed24;color:#6d28d9}.admin-status-pill[data-status=paid],.admin-status-pill[data-status=delivered]{background:#635bff1a;border-color:#635bff24;color:#5147f5}.admin-status-pill[data-status=in_production],.admin-status-pill[data-status=shipped]{background:#38bdf81f;border-color:#38bdf829;color:#0f78b8}.admin-status-pill[data-status=cancelled],.admin-status-pill[data-status=refunded]{background:#ff6aa21f;border-color:#ff6aa229;color:#d63384}@keyframes adminSweep{0%{transform:translate3d(-2%,-1%,0)}50%{transform:translate3d(2%,1%,0)}to{transform:translate3d(-2%,-1%,0)}}@media(max-width:1100px){.admin-topbar{top:0}}@media(max-width:900px){.admin-topbar{align-items:flex-start}}.admin-topbar{position:static;top:auto}.admin-line-chart__point{fill:#635bff;stroke:#fff}.admin-shell .table-card,.admin-shell .admin-form,.admin-shell .metric-card{box-shadow:0 16px 32px #635bff14}.admin-shell .table-card h2,.admin-shell .admin-form h1,.admin-shell .admin-form h2,.admin-shell .metric-card strong,.admin-shell .admin-table tbody td{color:#1f2440}.admin-shell .metric-card span,.admin-shell .table-card p,.admin-shell .subtitle,.admin-shell .admin-table thead th{color:#626b95}@media(max-width:1100px){.admin-topbar{position:static;top:auto}}