:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17191d;background:#f3f4f6;font-size:16px;--red:#c71920;--line:#d6d9df;--muted:#626975}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid var(--line);min-height:88px;padding:20px max(24px,calc((100vw - 1260px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:26px;letter-spacing:-1px;font-weight:850;color:#16171b;text-decoration:none;line-height:1}.brand span{color:var(--red)}.brand small{display:block;font-size:13px;letter-spacing:3px;font-weight:500;margin-top:9px}#account{display:flex;align-items:center;gap:16px;flex-wrap:wrap}#email-label{font-size:14px;overflow-wrap:anywhere}main{max-width:1260px;margin:0 auto;padding:32px 24px 56px;min-height:calc(100vh - 168px)}h1,h2,p{margin-top:0}h1{font-size:32px;line-height:1.2;letter-spacing:-.8px;margin-bottom:12px}h2{font-size:20px;line-height:1.35;overflow-wrap:anywhere}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.5px;color:var(--red);margin-bottom:12px}.muted{color:var(--muted);line-height:1.65}.fine{font-size:13px;line-height:1.6;color:var(--muted)}.login-card{max-width:510px;margin:48px auto;background:#fff;border:1px solid var(--line);border-top:5px solid var(--red);border-radius:12px;padding:36px;box-shadow:0 12px 40px #1d25300a}.login-card h1{font-size:34px}.login-card form{margin:28px 0 20px}.login-card button{width:100%;margin-top:12px}label{display:block;font-size:14px;font-weight:650;margin:18px 0 8px}input,textarea{width:100%;border:1px solid #aeb4be;border-radius:7px;background:#fff;color:#17191d;font:inherit;padding:12px 14px;line-height:1.5}textarea{resize:vertical;min-height:100px}input::placeholder,textarea::placeholder{color:#777e89}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #eeb3b5;outline-offset:2px;border-color:var(--red)}button{font:inherit;font-weight:650;border:1px solid transparent;background:var(--red);color:#fff;border-radius:7px;min-height:44px;padding:11px 18px;cursor:pointer}button:hover{background:#a9141a}button:disabled{opacity:.6;cursor:wait}.quiet{background:transparent;color:#3b414a;border-color:var(--line);font-size:14px}.quiet:hover{background:#f1f2f4}button.ticket{width:100%;text-align:left;background:#fff;color:#17191d;border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:10px;font-weight:500}button.ticket.active{border-color:var(--red);box-shadow:inset 3px 0 var(--red);background:#fff7f7}button.ticket strong{display:block;font-size:16px;margin:6px 0 12px;overflow-wrap:anywhere}button.ticket small{font-size:12px;color:var(--muted)}.status{display:inline-block;font-size:13px;background:#f0f1f4;color:#424954;padding:5px 9px;border-radius:5px;white-space:nowrap}.status.resolved{background:#e9f3ec;color:#28603a}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:6px 0 26px}.page-heading h1{margin:0}.desk{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;min-height:570px}aside{padding:22px;background:#fafbfc;border-right:1px solid var(--line)}.list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:8px}.list-heading h2{margin:0;font-size:16px}.list-heading button{padding:6px 10px;min-height:36px}.detail{padding:30px;min-width:0}#empty{max-width:480px;margin:80px auto}#messages{display:flex;flex-direction:column;gap:16px;max-height:52vh;overflow:auto;padding:20px 4px}.message{max-width:85%;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#f7f8fa;align-self:flex-start;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.message.customer{background:#fff4f4;border-color:#e7babc;align-self:flex-end}.message small{display:block;font-size:12px;color:var(--muted);margin-bottom:7px;white-space:normal}.message p{margin:0}.conversation-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);gap:18px;padding-bottom:16px}.conversation-heading h2{margin:0}.actions{display:flex;align-items:center;gap:16px;margin-top:14px;flex-wrap:wrap}#reply-form{border-top:1px solid var(--line);padding-top:8px}#notice:not(:empty){padding:14px 18px;border:1px solid #e9c888;background:#fff5de;border-radius:8px;margin-bottom:20px;line-height:1.5}#pending:not(:empty){background:#fff5de;border:1px solid #e9c888;padding:14px;border-radius:8px;white-space:pre-wrap;margin:16px 0}footer{max-width:1260px;margin:auto;padding:22px 24px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px}[hidden]{display:none!important}@media(max-width:760px){header{padding:18px 20px;align-items:flex-start}.brand{font-size:23px}#account{justify-content:flex-end;gap:8px}#email-label{max-width:170px}main{padding:24px 16px 40px}.login-card{margin:24px auto;padding:26px}.login-card h1,h1{font-size:28px}.desk{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line)}#tickets{max-height:240px;overflow:auto}.detail{padding:22px}.page-heading{align-items:flex-end}.page-heading button{padding:10px 13px;font-size:14px}.message{max-width:95%}#empty{margin:24px 0}footer{flex-direction:column}}
input::placeholder,textarea::placeholder{color:#626975}
.brand{display:flex;align-items:center;gap:14px;flex-shrink:0;letter-spacing:0}.brand img{display:block;height:56px;width:auto;object-fit:contain}.brand small{margin:0;font-size:14px;letter-spacing:1px;color:#626975}@media(max-width:480px){header{gap:12px}.brand img{height:48px}.brand small{display:none}#account{min-width:0}#email-label{max-width:160px}}
.orders-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin-bottom:22px}.orders-panel .list-heading{margin-bottom:10px}.orders-panel p{margin:8px 0;line-height:1.5}#orders-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.order-card{border:1px solid var(--line);border-radius:8px;padding:16px;overflow-wrap:anywhere}.order-card strong{font-size:16px}.order-card .status{margin-right:10px}.order-card button{margin-top:12px}#orders-list:empty{display:none}
select{width:100%;border:1px solid #aeb4be;border-radius:7px;background:#fff;color:#17191d;font:inherit;padding:12px 14px;line-height:1.5;min-height:50px}select:focus-visible{outline:3px solid #eeb3b5;outline-offset:2px;border-color:var(--red)}
.profile-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:22px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.profile-panel .fine{margin-top:14px}@media(max-width:760px){.profile-grid{grid-template-columns:1fr}.profile-panel{padding:20px}}