.customer-shell{min-height:70vh;padding:clamp(60px,8vw,110px) var(--pad);display:grid;place-items:center;background:linear-gradient(135deg,#fff 0 68%,#ececec 68%)}.customer-card{width:min(100%,560px);background:#fff;border:1px solid var(--line);padding:clamp(28px,5vw,56px);box-shadow:12px 12px 0 var(--ink)}.customer-card__head{margin-bottom:32px}.customer-card__head h1{font-size:clamp(42px,7vw,74px);margin-top:10px}.customer-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.customer-field{margin-bottom:14px}.customer-field label{display:block;margin-bottom:7px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.customer-field input{width:100%;min-height:50px;padding:12px 14px;border:1px solid #aaa;background:#fff}.customer-field input:focus{outline:2px solid var(--accent);outline-offset:2px}.customer-card .btn{width:100%;margin-top:8px}.customer-links{display:flex;justify-content:space-between;gap:15px;margin-top:22px;font-size:13px}.customer-links a{border-bottom:1px solid}.form-errors{padding:14px 16px;margin-bottom:20px;background:#fff0f0;border-left:4px solid var(--accent);font-size:13px}.form-success{padding:14px 16px;background:#f0f0f0;border-left:4px solid var(--ink)}.account-shell{width:min(100%,1200px);margin:auto;padding:clamp(60px,8vw,110px) var(--pad)}.account-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:50px}.account-head h1{font-size:clamp(48px,8vw,100px)}.account-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:50px}.account-panel{border-top:4px solid var(--ink);padding-top:22px}.account-panel h2{font-size:22px;text-transform:uppercase}.account-orders{width:100%;border-collapse:collapse}.account-orders th,.account-orders td{text-align:left;padding:14px 8px;border-bottom:1px solid var(--line);font-size:13px}.account-empty{padding:35px;background:#eee}.brand-note{margin:0 0 30px;color:var(--muted)}@media(max-width:700px){.customer-form__row,.account-grid{grid-template-columns:1fr}.customer-card{box-shadow:7px 7px 0 var(--ink)}.account-head{display:block}.account-head .btn{margin-top:20px}.account-orders{display:block;overflow-x:auto}}