:root{--bg:#0d1524;--panel:#172337;--panel2:#1d2a3d;--text:#f2f5f9;--muted:#9eabba;--line:#2b3a50;--accent:#2f66ff;--accent2:#11a6b5;--danger:#ef6b68;--warn:#e5a84b}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:#dce7ff;text-decoration:none}.sidebar{position:fixed;left:0;top:0;bottom:0;width:276px;background:#0b1321;border-right:1px solid #285dff;padding:22px 14px;display:flex;flex-direction:column;gap:8px}.logo{font-size:20px;padding:4px 10px 22px}.sidebar>a{padding:13px 12px;border-radius:7px;color:#d4dbe5}.sidebar>a:hover{background:var(--panel2)}.navbottom{margin-top:auto;border-top:1px solid var(--line);padding:16px 10px;display:flex;flex-direction:column;gap:4px}.navbottom small{color:var(--muted)}.navbottom a{margin-top:8px}.main{margin-left:276px;padding:34px;min-height:100vh}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px 34px;background:linear-gradient(135deg,#12203c,#0e1728);border-radius:12px}.brandline{font-size:13px;letter-spacing:4px;color:#0ca4a8;font-weight:800}.hero h1{font-size:38px;margin:5px 0}.hero p{color:var(--muted)}.btn{display:inline-block;padding:11px 17px;border-radius:8px;border:1px solid var(--line)}.primary{background:var(--accent);border-color:var(--accent);color:white}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.card{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:9px}.card span{display:block;color:var(--muted);font-size:13px}.card strong{display:block;font-size:26px;margin-top:8px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden}.panelhead{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.panel h2{margin:0;font-size:18px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-weight:600}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#263449;color:#dfe8f5;font-size:12px}.pill.urgent{background:#633033;color:#ffb8b8}.pill.high{background:#5a4523;color:#ffd68a}.empty{text-align:center;color:var(--muted);padding:35px}@media(max-width:800px){.sidebar{position:static;width:auto;height:auto;flex-direction:row;overflow:auto;align-items:center}.logo{padding:5px 10px}.navbottom{display:none}.main{margin-left:0;padding:15px}.hero{flex-direction:column;align-items:flex-start}.cards{grid-template-columns:1fr}.hero h1{font-size:30px}}

.alert{padding:12px 14px;background:#4a1f28;border:1px solid #7a3342;border-radius:8px;margin:12px 0}.ticketmeta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.ticketmeta>div,.actionbox{background:var(--panel2);padding:14px;border-radius:8px}.ticketmeta b{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.ticketmeta span{font-weight:600}.description{padding:4px 0 10px}.actionbox{margin:20px 0}.actionbox h3{margin-top:0}.alignend{display:flex;align-items:end;gap:10px}.comment{padding:14px;margin:10px 0;background:var(--panel2);border-radius:8px}.comment small,.muted{color:var(--muted)}.comment.internal{border-left:3px solid #e0a94b}.note{font-size:11px;margin-left:8px;padding:3px 7px;border-radius:10px;background:#5a431d}.commentform{margin-top:22px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.history{margin-top:25px;color:var(--muted)}.history div{padding:8px 0;border-bottom:1px solid var(--line)}.sep{border:0;border-top:1px solid var(--line);margin:26px 0}@media(max-width:800px){.ticketmeta{grid-template-columns:1fr 1fr}}@media(max-width:520px){.ticketmeta{grid-template-columns:1fr}.alignend{align-items:stretch;flex-direction:column}}

.notice{padding:12px 14px;background:#163b36;border:1px solid #287c6d;border-radius:8px;margin:12px 0}.actions,.actionrow{display:flex;gap:10px;flex-wrap:wrap}.danger{background:#6a2930;border-color:#7f3942;color:#fff}.actionrow form{margin:0}
@media(max-width:600px){.actions{width:100%}.actions .btn{flex:1;text-align:center}.panelhead{align-items:flex-start;gap:12px;flex-wrap:wrap}th,td{white-space:nowrap}.tablewrap table{min-width:760px}.actionrow .btn{width:100%}}

.queuecontrols{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--panel2)}.queuecontrols label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px;font-weight:600}.queuecontrols select{min-width:190px;padding:10px 12px;border-radius:7px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.queuecontrols .btn{cursor:pointer}@media(max-width:600px){.queuecontrols{align-items:stretch}.queuecontrols label,.queuecontrols select,.queuecontrols .btn{width:100%}}

.brand-logo{max-width:190px;max-height:52px;object-fit:contain;vertical-align:middle;margin:0 0 14px}.logo{display:flex;flex-direction:column;align-items:flex-start;gap:8px}