:root{--bg:#0a0c10;--panel:#12161d;--line:#2a303b;--text:#eef2f7;--muted:#aeb8c6;--accent:#ff6b4a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,Arial,sans-serif}
a{color:var(--accent)}.customer-shell{max-width:1080px;margin:auto;padding:24px 22px 80px}
.customer-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0 44px}
.customer-nav img{height:28px;width:auto}.customer-links{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.customer-links a,.customer-links button{border:0;background:transparent;color:var(--muted);font:inherit;text-decoration:none;cursor:pointer;padding:4px}
.customer-links a:hover,.customer-links button:hover{color:var(--accent)}
.customer-identity{display:flex;align-items:center;gap:12px;max-width:820px;margin:-28px 0 34px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#0e1218}
.customer-identity-photo{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#171d26;flex:0 0 auto}
.customer-identity-photo.initials{display:flex;align-items:center;justify-content:center;color:var(--text);font-weight:700}
.customer-identity-text{min-width:0}.customer-identity-kicker{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:0}
.customer-identity-name{font-weight:700;font-size:1rem}.customer-identity-meta{color:var(--muted);font-size:.86rem;overflow-wrap:anywhere}
.customer-main{max-width:820px}.customer-main h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.05;letter-spacing:0;margin:0 0 14px}
.customer-lead{color:var(--muted);max-width:65ch;margin-bottom:28px}
.customer-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:24px;margin:18px 0}
.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.customer-field{display:grid;gap:6px;min-width:0}.customer-field.full{grid-column:1/-1}
.customer-field label{color:var(--muted);font-size:.84rem;font-weight:600}
.customer-help{color:var(--muted);font-size:.8rem}
.customer-field input,.customer-field textarea,.customer-field select{width:100%;min-width:0;border:1px solid var(--line);background:#090b0f;color:var(--text);padding:11px 12px;font:inherit;border-radius:4px}
.customer-field textarea{min-height:150px;resize:vertical}.customer-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.category-fieldset{border:0;padding:0;margin:0}.category-fieldset legend{color:var(--muted);font-size:.84rem;font-weight:600;margin-bottom:8px}
.service-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.labor-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.service-choice{position:relative;display:flex;min-width:0;cursor:pointer}.service-choice input{position:absolute;opacity:0;pointer-events:none}
.service-choice span{display:flex;align-items:center;width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:#090b0f;color:var(--text);overflow-wrap:anywhere}
.service-choice input:checked+span{border-color:var(--accent);background:#251510;box-shadow:inset 3px 0 0 var(--accent)}
.service-choice input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}.field-error{min-height:1.2em;color:#ffc7c7;font-size:.84rem}
.customer-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:10px 16px;border-radius:4px;text-decoration:none;font-weight:650;cursor:pointer}
.customer-btn.secondary{background:transparent;color:var(--accent)}.customer-btn:disabled{opacity:.55;cursor:not-allowed}
.customer-message{display:none;padding:12px 14px;border:1px solid var(--line);border-radius:4px;margin:14px 0;overflow-wrap:anywhere}
.customer-message.show{display:block}.customer-message.error{border-color:#e36b6b;color:#ffc7c7}
.article-row,.image-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;border-top:1px solid var(--line);padding:16px 0}
.article-row:first-child,.image-row:first-child{border-top:0}.article-row h3{margin:0 0 4px;font-size:1.05rem}.article-meta{color:var(--muted);font-size:.86rem}
.customer-thumb{width:90px;height:64px;object-fit:cover;border-radius:4px}.author-photo{width:112px;height:112px;object-fit:cover;border-radius:50%;margin-bottom:18px}
@media(max-width:760px){.service-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.customer-nav{align-items:flex-start;flex-direction:column}.customer-identity{margin:-24px 0 28px}.customer-identity-photo{width:42px;height:42px}.customer-grid{grid-template-columns:1fr}.customer-field.full{grid-column:auto}.article-row,.image-row{grid-template-columns:1fr}.customer-actions .customer-btn{width:100%}.service-category-grid,.labor-type-grid{grid-template-columns:1fr}}