:root { --ink:#19263e; --muted:#66748a; --line:#e1e8f0; --blue:#1864cf; --bg:#f5f8fc; --white:#fff; }
* {box-sizing:border-box} body {margin:0; font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--ink); background:var(--bg); line-height:1.5}
a { color:var(--blue); text-decoration:none } a:hover {text-decoration:underline}
.container {width:min(1100px,calc(100% - 34px)); margin-inline:auto}
.site-header {background:var(--white); border-bottom:1px solid var(--line)}
.nav {min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand {font-size:21px;font-weight:800;color:var(--ink);letter-spacing:-.6px;white-space:nowrap}
.brand-icon {display:inline-grid;place-items:center;width:30px;height:30px;background:var(--blue);color:#fff;border-radius:9px;margin-right:4px}
.brand-light {font-weight:500;color:var(--muted)} nav {display:flex;align-items:center;gap:22px;font-size:14px;font-weight:600} nav a {color:var(--ink)}
.inline-form {display:inline}.link-button{border:none;background:none;font:inherit;color:var(--blue);cursor:pointer;padding:0}
.hero{padding:51px 0 27px}.hero-small{padding-top:40px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--blue);font-weight:800}
h1{font-size:clamp(30px,5vw,44px);letter-spacing:-1.8px;line-height:1.17;margin:12px 0}h2{font-size:18px;margin:0 0 3px;letter-spacing:-.3px}h3{font-size:16px;margin:5px 0}
p {margin:0;color:var(--muted)}.hero>p{max-width:650px;font-size:16px}.grid{display:grid;grid-template-columns:1.45fr 1fr;gap:22px;align-items:start}
.card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 8px 30px rgba(25,38,62,.035)}
.card-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:23px}.card-head p{font-size:14px}
.step{border-radius:10px;background:#e7f0ff;color:var(--blue);padding:9px 11px;font-size:12px;font-weight:800}.form-stack{display:grid;gap:17px}
label{display:grid;gap:7px;font-size:13px;font-weight:700}input,textarea,select{font:inherit;width:100%;border:1px solid #cfd9e5;padding:11px 12px;border-radius:9px;background:#fff;color:var(--ink);outline-offset:2px}
textarea{resize:vertical}input:focus, textarea:focus,select:focus{border-color:var(--blue);outline:2px solid #d8e9ff}
.btn{border:1px solid var(--blue);border-radius:9px;padding:12px 16px;background:var(--blue);color:white;font:inherit;font-weight:700;cursor:pointer;display:inline-block;text-align:center}
.btn:hover{text-decoration:none;filter:brightness(.93)}.btn-secondary{background:#fff;color:var(--blue)}.btn-small{padding:9px 12px;font-size:13px}.sidebar{display:grid;gap:18px}
.info{border-radius:14px;background:#eaf5ed;padding:25px;color:#226642}.info p{color:#417253;font-size:14px}.info-symbol{display:grid;place-items:center;background:#ccebd5;color:#15803d;width:32px;height:32px;border-radius:50%;font-weight:800;margin-bottom:10px}
.footer{font-size:12px;color:#8190a3;padding:45px 0 28px}.alert{margin-top:18px;padding:12px 16px;border:1px solid #b8d5fb;background:#e7f0ff;color:#1c4c8e;border-radius:10px;font-size:14px}.alert-error{background:#fff0f0;color:#a32020;border-color:#f7c7c7}.alert-success{background:#eaf5ed;color:#226642;border-color:#c9ead3}.alert-warning{background:#fff9e7;color:#8a6100;border-color:#f1e4b3}
.narrow{width:min(600px,100%);margin-inline:auto}.ticket-line{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.ticket-line:first-child{padding-top:0}.ticket-line:last-of-type{margin-bottom:18px}.subtle{color:var(--muted);font-size:14px}.ticket-id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.block-button{display:block}
.pill{border-radius:20px;display:inline-block;padding:5px 10px;background:#eff2f7;color:#49566a;font-size:12px;font-weight:750;white-space:nowrap}.pill-pending{background:#fff4dd;color:#8b5b08}.pill-in-progress{background:#e7f0ff;color:#145bb4}.pill-resolved{background:#e5f7e8;color:#1d7b43}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat{padding:22px;border:1px solid var(--line);border-radius:13px;background:white}.stat-label{font-size:13px;color:var(--muted)}.stat strong{display:block;font-size:30px;margin-top:4px}
.table-card{padding:22px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:1px}td,th{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:top}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.muted-small{font-size:12px;color:var(--muted);margin-top:4px}.description{margin-top:7px;max-width:330px;white-space:normal;overflow-wrap:anywhere;color:#50617a}.status-form{display:flex;align-items:center;gap:6px}.status-form select{min-width:114px;padding:8px;font-size:12px}
@media(max-width:760px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.nav{align-items:flex-start;flex-direction:column;padding:15px 0;gap:10px}nav{gap:12px;flex-wrap:wrap}.card{padding:19px}.hero{padding-top:32px}.ticket-line{flex-wrap:wrap}.ticket-id{overflow-wrap:anywhere}}