:root{--color-brand: #1d4ed8;--color-brand-dark: #1e3a8a;--color-brand-light: #dbeafe;--color-accent: #f59e0b;--color-ink: #0f172a;--color-text: #1e293b;--color-muted: #64748b;--color-border: #e2e8f0;--color-surface: #ffffff;--color-bg: #f5f7fb;--color-success: #15803d;--color-success-bg: #dcfce7;--color-warning: #b45309;--color-warning-bg: #fef3c7;--color-danger: #b91c1c;--color-danger-bg: #fee2e2;--color-info: #1d4ed8;--color-info-bg: #dbeafe;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-hero: clamp(2rem, 5vw, 3.25rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow: 0 4px 14px rgba(15, 23, 42, .08);--shadow-lg: 0 14px 40px rgba(15, 23, 42, .14);--container: 1180px;--header-h: 68px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 var(--space-3);color:var(--color-ink);line-height:1.2}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0 0 var(--space-3)}ul{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}a{color:var(--color-brand);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}table{border-collapse:collapse;width:100%}input,select,textarea{font:inherit;color:inherit;width:100%;padding:.65rem .8rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color .15s,box-shadow .15s}input[type=radio],input[type=checkbox]{width:auto;accent-color:var(--color-brand)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid rgba(29,78,216,.35);outline-offset:2px}input:focus,select:focus,textarea:focus{border-color:var(--color-brand)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--space-4)}.section{padding-block:var(--space-6)}.muted{color:var(--color-muted);font-size:var(--text-sm)}.text-danger{color:var(--color-danger);font-size:var(--text-sm);font-weight:600}.block{display:block}.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}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.main{flex:1}.header{position:sticky;top:0;z-index:50;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.header__inner{display:flex;align-items:center;gap:var(--space-4);height:var(--header-h)}.logo{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:800;font-size:1.25rem;color:var(--color-ink);letter-spacing:-.02em}.logo:hover{text-decoration:none}.logo__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--color-brand),#7c3aed)}.logo--light{color:#fff}.header__search{position:relative;flex:1;max-width:460px}.header__search .icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--color-muted)}.header__search input{padding-left:2.4rem;background:var(--color-bg);border-radius:999px}.header__nav{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.header__nav a,.header__link-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .8rem;border-radius:var(--radius-sm);color:var(--color-text);font-weight:600;font-size:var(--text-sm);background:none;border:0}.header__nav a:hover,.header__link-btn:hover{background:var(--color-bg);text-decoration:none}.header__nav a.active{color:var(--color-brand);background:var(--color-brand-light)}.cart-link{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--color-ink);background:var(--color-bg)}.cart-link:hover{background:var(--color-brand-light);text-decoration:none}.cart-link__count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;font-size:.7rem;font-weight:700;color:#fff;background:var(--color-danger);border-radius:999px}.header__toggle{display:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--color-bg);color:var(--color-ink);place-items:center}@media(max-width:860px){.header__inner{gap:var(--space-2)}.header__search{display:none}.header__toggle{display:grid}.cart-link{margin-left:auto}.header__nav{position:absolute;top:var(--header-h);left:0;right:0;display:none;flex-direction:column;align-items:stretch;margin:0;padding:var(--space-3) var(--space-4) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow)}.header__nav.is-open{display:flex}.header__nav a,.header__link-btn{padding:.8rem}}.footer{margin-top:var(--space-7);background:#0b1224;color:#cbd5e1}.footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--space-6);padding-block:var(--space-7)}.footer h4{color:#fff;font-size:var(--text-base)}.footer a,.footer span{display:block;margin-bottom:.5rem;color:#cbd5e1;font-size:var(--text-sm)}.footer a:hover{color:#fff}.footer__text{margin-top:var(--space-3);font-size:var(--text-sm);max-width:34ch}.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:var(--space-4) 0;font-size:var(--text-sm);color:#94a3b8}@media(max-width:780px){.footer__grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.footer__grid{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:var(--radius-sm);font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background .15s,transform .05s,box-shadow .15s}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn--md{padding:.75rem 1.2rem;font-size:var(--text-base)}.btn--sm{padding:.55rem .9rem;font-size:var(--text-sm)}.btn--lg{padding:.95rem 1.6rem;font-size:var(--text-lg)}.btn--block{display:flex;width:100%;margin-top:var(--space-3)}.btn--primary{color:#fff;background:var(--color-brand);box-shadow:0 2px 8px #1d4ed84d}.btn--primary:hover{background:var(--color-brand-dark)}.btn--secondary{color:var(--color-brand);background:var(--color-surface);border-color:var(--color-brand)}.btn--secondary:hover{background:var(--color-brand-light)}.btn--ghost{color:var(--color-text);background:transparent}.btn--ghost:hover{background:var(--color-border)}.btn--danger{color:#fff;background:var(--color-danger)}.btn--danger:hover{background:#991b1b}.btn:disabled,.btn.is-disabled{opacity:.5;cursor:not-allowed;box-shadow:none;pointer-events:none}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-muted)}.icon-btn:hover{background:var(--color-bg);color:var(--color-ink)}.icon-btn--danger:hover{background:var(--color-danger-bg);color:var(--color-danger)}.link-btn{background:none;border:0;color:var(--color-brand);font-weight:600;padding:0}.link-arrow{display:inline-flex;align-items:center;gap:.2rem;font-weight:600}.field{margin-bottom:var(--space-4)}.field label{display:block;margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:600;color:var(--color-ink)}.field--error input,.field--error select,.field--error textarea{border-color:var(--color-danger);background:#fff7f7}.field__hint{display:block;margin-top:var(--space-1);color:var(--color-muted);font-size:.8rem}.field__error{display:block;margin-top:var(--space-1);color:var(--color-danger);font-size:.8rem;font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 var(--space-4)}.form-grid__wide{grid-column:1 / -1}.form-grid__check{align-self:center}.form-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.radio{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-sm);cursor:pointer}@media(max-width:560px){.form-grid{grid-template-columns:1fr}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-5);box-shadow:var(--shadow-sm)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:var(--text-sm)}.alert--error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #fecaca}.badge{display:inline-block;padding:.2rem .6rem;font-size:.75rem;font-weight:700;border-radius:999px;border:0}.badge--success{color:var(--color-success);background:var(--color-success-bg)}.badge--warning{color:var(--color-warning);background:var(--color-warning-bg)}.badge--danger{color:var(--color-danger);background:var(--color-danger-bg)}.badge--info{color:var(--color-info);background:var(--color-info-bg)}.rating{display:inline-flex;align-items:center;gap:2px;color:#cbd5e1}.rating__star.is-on{color:var(--color-accent)}.rating__count{margin-left:6px;font-size:.8rem;color:var(--color-muted)}.stepper{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.stepper button{display:grid;place-items:center;width:36px;height:40px;border:0;background:none;color:var(--color-ink)}.stepper button:hover:not(:disabled){background:var(--color-bg)}.stepper button:disabled{color:#cbd5e1;cursor:not-allowed}.stepper output{min-width:34px;text-align:center;font-weight:700}.empty{max-width:460px;margin:var(--space-7) auto;text-align:center}.empty__icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto var(--space-4);border-radius:50%;color:var(--color-brand);background:var(--color-brand-light)}.empty p{color:var(--color-muted)}.spinner-wrap{display:grid;place-items:center;min-height:50vh}.spinner{width:42px;height:42px;border:4px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toasts{position:fixed;z-index:100;right:var(--space-4);bottom:var(--space-4);display:grid;gap:var(--space-2)}.toast{display:flex;align-items:center;gap:var(--space-2);padding:.8rem 1rem;color:#fff;background:var(--color-ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);animation:toast-in .25s ease-out;font-size:var(--text-sm);font-weight:600}.toast--success .icon{color:#4ade80}.toast--error{background:var(--color-danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:560px){.toasts{left:var(--space-4)}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.page-header h1{margin-bottom:var(--space-1)}.page-header p{margin:0;color:var(--color-muted)}.table-wrap{overflow-x:auto}.table th{text-align:left;padding:.7rem .9rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);border-bottom:1px solid var(--color-border)}.table td{padding:.8rem .9rem;border-bottom:1px solid var(--color-border);vertical-align:middle;font-size:var(--text-sm)}.table tbody tr:hover{background:#f8fafc}.table .num,.table .actions{text-align:right;white-space:nowrap}.table small{display:block;color:var(--color-muted)}.hero{background:linear-gradient(120deg,#0f172a,#1e3a8a 60%,#4338ca);color:#fff}.hero__inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:var(--space-6);padding-block:var(--space-7)}.hero h1{color:#fff;font-size:var(--text-hero);letter-spacing:-.03em}.hero p{color:#cbd5e1;font-size:var(--text-lg);max-width:46ch}.eyebrow{display:inline-block;margin-bottom:var(--space-3);padding:.3rem .8rem;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fde68a;background:#ffffff1a;border-radius:999px}.hero__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-5)}.hero .btn--secondary{background:transparent;color:#fff;border-color:#fff9}.hero .btn--secondary:hover{background:#ffffff1f}.hero__image{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform:rotate(2deg)}@media(max-width:760px){.hero__inner{grid-template-columns:1fr;padding-block:var(--space-6)}.hero__image{order:-1;max-width:420px;margin:0 auto}}.section__title{margin-bottom:var(--space-4)}.section__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-4)}.section__head .section__title{margin:0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.category-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:box-shadow .15s,transform .15s}.category-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow)}.category-card img{width:84px;height:64px;object-fit:cover;border-radius:var(--radius-sm)}.category-card div{flex:1}.category-card h3{margin:0;font-size:var(--text-base)}.category-card p{margin:0;font-size:.8rem;color:var(--color-muted)}@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.category-grid{grid-template-columns:1fr}}.perks{margin-top:var(--space-6);background:var(--color-surface);border-block:1px solid var(--color-border)}.perks__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding-block:var(--space-5)}.perk{display:flex;gap:var(--space-3);align-items:center}.perk__icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;color:var(--color-brand);background:var(--color-brand-light)}.perk h3{margin:0;font-size:var(--text-base)}.perk p{margin:0;font-size:.8rem;color:var(--color-muted)}@media(max-width:900px){.perks__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.perks__grid{grid-template-columns:1fr}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}.product-card{display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:box-shadow .15s,transform .15s}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-card__media{display:block;aspect-ratio:4 / 3;background:var(--color-bg)}.product-card__media img{width:100%;height:100%;object-fit:cover}.product-card__body{display:flex;flex:1;flex-direction:column;gap:var(--space-1);padding:var(--space-4)}.product-card__brand{font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted)}.product-card__name{margin:0;font-size:var(--text-base)}.product-card__name a{color:var(--color-ink)}.product-card__desc{flex:1;margin:var(--space-1) 0;font-size:var(--text-sm);color:var(--color-muted)}.product-card__footer{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2)}.product-card__footer>div{display:grid;gap:4px}.price{font-size:var(--text-lg);color:var(--color-ink)}.shop-layout{display:grid;grid-template-columns:250px 1fr;gap:var(--space-5);align-items:start}.filters{position:sticky;top:calc(var(--header-h) + var(--space-4));padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.filters__group{margin-bottom:var(--space-4)}.filters__group>label:first-child,.filters__group h3{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:700;color:var(--color-ink)}.filters__row{display:flex;align-items:center;gap:var(--space-2)}.sort{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-muted)}.sort select{width:auto}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-6);font-size:var(--text-sm)}@media(max-width:860px){.shop-layout{grid-template-columns:1fr}.filters{position:static}}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-muted)}.breadcrumbs .icon{color:#94a3b8}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.product-detail__media{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.product-detail__media img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.product-detail__info h1{margin-block:var(--space-1) var(--space-2)}.product-detail__price{margin:var(--space-3) 0 0;font-size:2rem;font-weight:800;color:var(--color-ink)}.product-detail__buy{display:flex;align-items:center;gap:var(--space-3);margin-block:var(--space-4);flex-wrap:wrap}.product-detail__perks{display:grid;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-sm)}.product-detail__perks li{display:flex;align-items:center;gap:var(--space-2);color:var(--color-muted)}.specs{margin-top:var(--space-6)}.specs table{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.specs th,.specs td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.specs th{width:35%;color:var(--color-muted);font-weight:600;background:#f8fafc}.specs tr:last-child th,.specs tr:last-child td{border-bottom:0}@media(max-width:800px){.product-detail{grid-template-columns:1fr}}.cart-layout,.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-5);align-items:start}.cart-list{display:grid;gap:var(--space-3)}.cart-line{display:grid;grid-template-columns:90px 1fr auto auto auto;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.cart-line__img img{width:90px;height:68px;object-fit:cover;border-radius:var(--radius-sm)}.cart-line__info{display:grid;gap:2px}.cart-line__name{font-weight:700;color:var(--color-ink)}.cart-line__total{min-width:90px;text-align:right}.summary{position:sticky;top:calc(var(--header-h) + var(--space-4));padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.summary h2{font-size:var(--text-lg)}.summary__row{display:flex;justify-content:space-between;padding-block:var(--space-2);font-size:var(--text-sm)}.summary__row--total{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--text-lg);font-weight:800;color:var(--color-ink)}.summary__items{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}.summary__items li{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.summary__items img{width:52px;height:40px;object-fit:cover;border-radius:6px}.summary__items small{color:var(--color-muted)}.free-ship{margin-block:var(--space-3);padding:var(--space-3);font-size:var(--text-sm);background:var(--color-brand-light);border-radius:var(--radius-sm)}.free-ship p{margin:0 0 var(--space-2)}.free-ship--done{display:flex;align-items:center;gap:var(--space-2);color:var(--color-success);background:var(--color-success-bg);font-weight:600}.progress{height:8px;overflow:hidden;background:#fff;border-radius:999px}.progress span{display:block;height:100%;background:var(--color-brand);border-radius:999px;transition:width .3s}.secure-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:var(--space-3) 0 0;font-size:.8rem;color:var(--color-muted)}@media(max-width:900px){.cart-layout,.checkout-layout{grid-template-columns:1fr}.summary{position:static}.cart-line{grid-template-columns:70px 1fr auto}.cart-line__img img{width:70px;height:54px}.cart-line .stepper{grid-column:2}.cart-line__total{grid-column:3;grid-row:2}}.checkout-steps{display:grid;gap:var(--space-4)}.checkout-steps h2{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg)}.step-no{display:grid;place-items:center;width:28px;height:28px;font-size:var(--text-sm);color:#fff;background:var(--color-brand);border-radius:50%}.options{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.option.is-selected{border-color:var(--color-brand);background:#f3f7ff;box-shadow:0 0 0 1px var(--color-brand)}.option__text{display:grid;flex:1}.option__text small{color:var(--color-muted)}.card-fields{padding-top:var(--space-2)}.auth{display:grid;place-items:center;padding:var(--space-7) var(--space-4)}.auth__card{width:100%;max-width:440px}.auth__switch{margin:var(--space-4) 0 0;text-align:center;font-size:var(--text-sm)}.demo-box{display:grid;gap:2px;margin-top:var(--space-5);padding:var(--space-3) var(--space-4);font-size:.8rem;color:var(--color-muted);background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius-sm)}.demo-box strong{color:var(--color-ink)}.success{max-width:640px;text-align:center}.success__badge{display:grid;place-items:center;width:76px;height:76px;margin:0 auto var(--space-4);color:var(--color-success);background:var(--color-success-bg);border-radius:50%}.success__card{margin-block:var(--space-5);text-align:left}.success__actions{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.order-list{display:grid;gap:var(--space-4)}.order__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.order__head h2{margin:0;font-size:var(--text-lg)}.order__foot{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-wrap:wrap}.account{display:grid;gap:var(--space-5);max-width:560px}.avatar{display:grid;place-items:center;width:72px;height:72px;font-size:1.8rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--color-brand),#7c3aed);border-radius:50%}.account dl{display:grid;gap:var(--space-3);margin:0}.account dl div{display:flex;justify-content:space-between;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.account dt{color:var(--color-muted)}.account dd{margin:0;font-weight:600}.account__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.admin{display:grid;grid-template-columns:220px 1fr;gap:var(--space-5);align-items:start}.admin__nav{position:sticky;top:calc(var(--header-h) + var(--space-4));display:grid;gap:var(--space-1);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.admin__nav h2{font-size:var(--text-base);margin-bottom:var(--space-2)}.admin__nav a{display:flex;align-items:center;gap:var(--space-2);padding:.6rem .8rem;font-weight:600;font-size:var(--text-sm);color:var(--color-text);border-radius:var(--radius-sm)}.admin__nav a:hover{background:var(--color-bg);text-decoration:none}.admin__nav a.active{color:var(--color-brand);background:var(--color-brand-light)}.admin__content{display:grid;gap:var(--space-4);min-width:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.stat{display:grid;gap:2px;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.stat span{font-size:var(--text-sm);color:var(--color-muted)}.stat strong{font-size:1.7rem;color:var(--color-ink)}.stat small{color:var(--color-muted)}.admin-panels{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-4)}.admin-panels .card{display:grid;gap:var(--space-3);align-content:start}.table-search{margin-bottom:var(--space-3);max-width:320px}.table-product{display:flex;align-items:center;gap:var(--space-3)}.table-product img{width:56px;height:42px;object-fit:cover;border-radius:6px}.status-select{width:auto;padding:.3rem .5rem;cursor:pointer}.order-details td{background:#f8fafc}.product-form{margin-bottom:var(--space-2)}@media(max-width:900px){.admin{grid-template-columns:1fr}.admin__nav{position:static;grid-auto-flow:column;overflow-x:auto}.admin__nav h2{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-panels{grid-template-columns:1fr}}