:root{--navy:#172d47;--blue:#1769aa;--sky:#e9f4fb;--ink:#1c2936;--muted:#657382;--line:#dce3e8;--paper:#fff;--bg:#f5f7f9;--green:#177a55;--amber:#9a6500;--red:#b33a3a;--radius:12px;--shadow:0 8px 24px rgba(20,42,62,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55}.topbar{height:68px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));color:white}.brand{font-size:1.08rem;font-weight:700;color:white;text-decoration:none}.brand span{display:inline-grid;place-items:center;background:#fff;color:var(--navy);border-radius:6px;padding:4px 7px;margin-right:8px}.topbar nav{display:flex;gap:22px;align-items:center}.topbar nav a,.link-button{color:#dce8f2;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}.inline{display:inline}.container{max-width:1180px;margin:0 auto;padding:48px 24px 72px}footer{text-align:center;color:var(--muted);padding:25px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-grid{display:grid;grid-template-columns:1fr 500px;gap:70px;align-items:center;min-height:650px}.hero-copy h1{font-size:3rem;line-height:1.12;margin:.25em 0}.hero-copy>p{font-size:1.2rem;color:var(--muted);max-width:600px}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:.76rem;font-weight:800;color:var(--blue);margin:0}.contact-note{margin-top:35px;border-left:4px solid var(--blue);padding:8px 16px}.form-card,.auth-card,.side-card,.reply-card{padding:30px}.form-card h2,.side-card h2,.reply-card h2{margin-top:0}.stack{display:grid;gap:18px}.stack label,.stack>div{display:grid;gap:7px;font-weight:650;font-size:.91rem}input,textarea,select{font:inherit;width:100%;padding:11px 12px;background:#fff;border:1px solid #b9c5cf;border-radius:7px;color:var(--ink)}textarea{resize:vertical}.button{display:inline-block;border:1px solid #b8c5cf;background:white;color:var(--ink);padding:10px 17px;border-radius:7px;font-weight:700;text-decoration:none;cursor:pointer;text-align:center}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.form-footnote,.muted,small{color:var(--muted)}.field-error,.delivery-error{color:var(--red)}.auth-card{max-width:440px;margin:70px auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:30px}.page-head h1{font-size:2.1rem;margin:.15em 0}.badge{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap}.status-new{background:#e5f1fb;color:#155d96}.status-open{background:#e9f6ef;color:var(--green)}.status-waiting{background:#fff3d6;color:var(--amber)}.status-resolved,.status-closed{background:#edf0f2;color:#55616b}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stats a{background:#fff;border:1px solid var(--line);padding:18px;border-radius:10px;text-decoration:none;color:var(--ink);display:flex;justify-content:space-between}.stats strong{font-size:1.4rem}.filters{padding:16px;display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-bottom:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th{text-align:left;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;padding:14px 16px;border-bottom:1px solid var(--line)}td{padding:15px 16px;border-bottom:1px solid #edf0f2;vertical-align:top}td a{color:var(--ink);text-decoration:none}.ticket-link{font-weight:800;color:var(--blue)}.empty{text-align:center;padding:50px}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) 340px;gap:28px}.timeline{display:grid;gap:15px;margin-bottom:24px}.message{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.message.agent{border-left:4px solid var(--blue)}.message.requester{border-left:4px solid #7a8b99}.message.internal{background:#fff9e9;border-color:#eddba8}.message-meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:10px}.message-meta time{font-size:.8rem;color:var(--muted)}.message-body{overflow-wrap:anywhere}.attachments{display:flex;gap:10px;margin-top:14px}.attachments a{font-size:.85rem}.side-card{align-self:start;position:sticky;top:20px}.side-card dl{display:grid;gap:5px}.side-card dt{font-size:.75rem;text-transform:uppercase;color:var(--muted);font-weight:800}.side-card dd{margin:0 0 12px}.side-card hr{border:0;border-top:1px solid var(--line);margin:25px 0}.back{display:inline-block;margin-bottom:20px;color:var(--blue);text-decoration:none}.alerts{display:grid;gap:8px;margin-bottom:20px}.alert{padding:12px 15px;border-radius:7px;background:#e7f4eb;color:#236440}.alert.error{background:#fbeaea;color:#912f2f}.alert.warning{background:#fff4d8;color:#765400}
@media(max-width:850px){.hero-grid,.detail-grid{grid-template-columns:1fr}.hero-grid{gap:25px}.hero-copy h1{font-size:2.25rem}.side-card{position:static}.filters{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.topbar{padding:0 16px}.topbar nav a:not(:last-child){display:none}.container{padding:30px 16px}.page-head{align-items:center}}@media(max-width:520px){.filters,.stats{grid-template-columns:1fr}.hero-copy h1{font-size:1.9rem}.form-card{padding:22px}}