:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#182b45;background:#f4f7fb;font-size:15px}*{box-sizing:border-box}body{margin:0}a{color:#245bd8;text-decoration:none}header{background:#fff;border-bottom:1px solid #e0e7f0;padding:18px 5%;display:flex;justify-content:space-between;align-items:center}.brand{font-size:21px;font-weight:750;color:#182b45;display:flex;align-items:center;gap:12px}.logo{background:#285de5;color:#fff;border-radius:10px;padding:6px 12px}nav{display:flex;align-items:center;gap:24px}nav form{margin:0}main{max-width:1300px;margin:42px auto;padding:0 28px;min-height:70vh}h1{font-size:34px;letter-spacing:-1px;margin:10px 0}h2{font-size:19px;margin:0 0 20px}.muted,small{color:#738198}.eyebrow{color:#56749a;font-size:11px;letter-spacing:2px;font-weight:700}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.button{border:0;background:#285de5;color:white;padding:12px 19px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:inline-block}.button:hover{background:#194bc3}.quiet{border:0;background:transparent;color:#60718b;cursor:pointer;font-size:14px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:26px;box-shadow:0 3px 12px #182b4503}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stats strong{display:block;font-size:34px;margin-top:14px;color:#182b45}.section-head{display:flex;justify-content:space-between}.filters{display:flex;gap:12px;margin:4px 0 24px}.filters input{flex:1}.filters select{width:180px}input,textarea,select{width:100%;padding:12px;border:1px solid #d8e1ee;border-radius:7px;background:#fff;font:inherit;color:#182b45}input:focus,textarea:focus,select:focus{outline:2px solid #a9c0fa;outline-offset:1px}label{display:block;font-weight:600;font-size:13px;margin-bottom:8px}.form-group{margin-bottom:21px}.help-block,.error,.error-summary{color:#ba253c;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.form-card{max-width:900px}.actions{display:flex;gap:20px;align-items:center}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#f7f9fc;color:#7a889d;text-transform:uppercase;font-size:10px;letter-spacing:1px;padding:14px}td{padding:20px 14px;border-bottom:1px solid #edf1f7;font-size:13px}.ticket-link{font-weight:650}.ticket-link small{margin-right:12px}.badge{padding:6px 10px;border-radius:6px;font-size:11px;background:#eaf1ff;color:#245bd8}.status-in-progress{background:#fff3d9;color:#976a0d}.status-resolved{background:#e0f6ec;color:#237450}.status-closed{background:#edf0f5;color:#6a788e}.priority{font-size:12px}.priority:before{content:'●';margin-right:7px;color:#8ba0bb}.high:before{color:#e49830}.urgent:before{color:#dd455d}.empty{text-align:center;padding:60px;color:#738198}.pagination{display:flex;list-style:none;gap:14px;padding:0}.pagination .active a{font-weight:bold}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:25px}.detail-grid aside{align-self:start}.discussion{margin-top:24px}.body-text{line-height:1.8;overflow-wrap:anywhere}.comment{padding:20px 0;border-bottom:1px solid #edf1f7;margin-bottom:20px}.comment small{display:block;margin:6px 0 12px}dt{font-size:12px;color:#738198;margin-top:20px}dd{margin:7px 0;overflow-wrap:anywhere}.notice{background:#e0f6ec;color:#237450;padding:15px;border-radius:8px;margin-bottom:20px}.login{max-width:440px;margin:80px auto}.login input{margin-bottom:20px}.login .button{width:100%}footer{text-align:center;color:#8c99ac;font-size:12px;padding:25px}@media(max-width:800px){header,nav{gap:14px;flex-wrap:wrap}nav span{display:none}main{padding:0 15px;margin-top:25px}.stats{grid-template-columns:1fr 1fr}.heading{align-items:flex-start;gap:15px}h1{font-size:27px}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.detail-grid,.form-grid{grid-template-columns:1fr}.card{padding:20px}}
.ticket-row td{padding:0}.ticket-row td>a{display:block;padding:20px 14px}.cell-link{color:inherit}.ticket-row:hover{background:#f7faff}.ticket-row td>a:hover{text-decoration:underline}.ticket-row td>a:focus-visible{outline:2px solid #285de5;outline-offset:-2px}