:root{--bg: #f4f6f8;--surface: #ffffff;--text: #1a2330;--muted: #4f5b6a;--border: #d6dde5;--brand: #0f766e;--brand-strong: #0b5c56;--danger: #b42318;--danger-bg: #fdecea;--radius: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}h1,h2{line-height:1.2;margin:0 0 .75rem}h1{font-size:1.75rem}h2{font-size:1.1rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#eef2f5;padding:.1rem .3rem;border-radius:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--muted)}.small{font-size:.875rem}.eyebrow{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-strong)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.site-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:700;color:var(--brand-strong);text-decoration:none}.site-header nav{display:flex;gap:1.25rem}.site-header nav a{color:var(--text);text-decoration:none;padding:.25rem 0;border-bottom:2px solid transparent}.site-header nav a.active{border-bottom-color:var(--brand);font-weight:600}.badge{display:inline-block;min-width:1.5rem;padding:0 .4rem;border-radius:999px;background:var(--brand);color:#fff;font-size:.8rem;text-align:center}.user{display:flex;gap:.75rem;align-items:center}.page{max-width:1100px;margin:0 auto;padding:1.5rem}.auth-layout{display:grid;place-items:center;min-height:100vh;padding:1.5rem}.login-card{width:min(420px,100%)}.two-column{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) 320px;align-items:start}@media(max-width:800px){.two-column{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.field label{font-weight:600;font-size:.9rem}.field p{margin:0}input,select{font:inherit;padding:.55rem .7rem;border:1px solid #8a96a3;border-radius:6px;background:#fff;color:var(--text)}input[aria-invalid=true]{border-color:var(--danger);outline:1px solid var(--danger)}input:focus-visible,select:focus-visible,.button:focus-visible,a:focus-visible{outline:3px solid #5eb6ad;outline-offset:2px}fieldset{border:0;padding:0;margin:0 0 1rem}legend{font-weight:700;font-size:1.05rem;margin-bottom:.75rem}.error-text{color:var(--danger);font-size:.875rem}.error-panel{background:var(--danger-bg);border:1px solid #f3b7b0;color:var(--danger);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1rem}.error-panel p{margin:0 0 .75rem}.demo-credentials{background:#e7f4f2;border:1px solid #b5ddd8;border-radius:8px;padding:.75rem 1rem;margin-bottom:1.25rem}.demo-credentials p{margin:.15rem 0}.button{display:inline-block;font:inherit;font-weight:600;padding:.55rem 1rem;border-radius:6px;border:1px solid var(--border);background:#fff;color:var(--text);cursor:pointer;text-decoration:none;text-align:center}.button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.button.primary:hover{background:var(--brand-strong)}.button:disabled{cursor:not-allowed;background:#e9edf1;border-color:var(--border);color:var(--muted)}.button.link{border:0;background:none;padding:0;color:var(--brand-strong);text-decoration:underline}.button.block{display:block;width:100%}.toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:end}.toolbar .field{flex:1 1 220px}.product-grid{list-style:none;padding:0;margin:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.product-card{display:flex;flex-direction:column;gap:.35rem;height:100%}.product-card h2,.product-card p{margin:0}.product-card .button{margin-top:auto}.price{font-size:1.15rem;font-weight:700}.cart-table{width:100%;border-collapse:collapse;padding:0}.cart-table th,.cart-table td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.cart-table tbody tr:last-child th,.cart-table tbody tr:last-child td{border-bottom:0}.qty-input{width:4.5rem}.summary dl{margin:0 0 1rem}.summary dl div{display:flex;justify-content:space-between;padding:.35rem 0}.summary dt{color:var(--muted)}.summary dd{margin:0;font-variant-numeric:tabular-nums}.summary-total{border-top:1px solid var(--border);margin-top:.35rem;padding-top:.6rem!important;font-weight:700}.summary-total dt{color:var(--text)}.confirmation{max-width:640px}