:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#dbe5f1;background:#08111f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#08111f}.shell{display:flex;min-height:100vh}aside{width:248px;background:#0c1728;border-right:1px solid #1d3047;padding:28px 18px;display:flex;flex-direction:column}.brand{font-weight:800;letter-spacing:.08em;color:#eff6ff}.brand span{color:#57b6ff}nav{display:grid;gap:8px;margin-top:44px}nav button,.sidebar-bottom button{border:0;background:transparent;color:#8ca2ba;text-align:left;padding:12px;border-radius:8px;cursor:pointer;font-size:14px}nav button.active,nav button:hover{background:#15304c;color:#fff}.sidebar-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:#7790aa;font-size:12px}.content{flex:1;padding:34px 42px;max-width:1600px;margin:auto;width:100%}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:.16em;color:#6e8aa6;font-weight:700}h1{font-size:30px;margin:7px 0 0;color:#f8fbff}h2{font-size:17px;margin:0 0 20px;color:#f1f5f9}h3{font-size:14px;margin-top:28px;color:#d8e4f2}.outline,.icon{background:transparent;border:1px solid #35516e;color:#bcd4ea;padding:10px 15px;border-radius:8px;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric,.panel,.login-card{background:#0e1d31;border:1px solid #1d3853;border-radius:12px}.metric{padding:20px}.metric span{display:block;color:#7f99b3;font-size:13px}.metric strong{font-size:31px;display:block;margin-top:9px;color:#eff6ff}.metric.danger strong{color:#ff9a8a}.grid-two{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.panel{padding:22px;margin-bottom:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{font-size:11px;color:#7791ab;text-transform:uppercase;text-align:left;padding:12px 10px;border-bottom:1px solid #28425c}td{padding:15px 10px;border-bottom:1px solid #1a3047;font-size:13px;color:#d6e1ec}tbody tr{cursor:pointer}tbody tr:hover{background:#122b46}td small,td .origin{display:block;color:#7d9ab6;margin-top:4px;font-size:11px}.origin{color:#61bdff;font-weight:800}.tag{display:inline-block;border-radius:100px;padding:5px 9px;background:#29405a;color:#bcd4e8;font-size:11px}.tag.open{background:#123e60;color:#7ac7ff}.tag.in_progress{background:#594314;color:#ffd46b}.tag.pending{background:#343d4e}.tag.resolved{background:#114d3a;color:#80e0b2}.tag.closed{background:#273241}.tag.urgent{background:#622c35;color:#ffaaa9}.tag.high{background:#543d20;color:#ffce80}.tag.medium{background:#263d59}.tag.low{background:#2a3442}.empty{text-align:center;padding:40px;color:#7891aa}.filters{display:flex;gap:10px;margin-bottom:16px}.filters input,.filters select,.form-panel input,.form-panel select,.drawer input,.drawer select,.drawer textarea,.login-card input,.form-panel textarea{background:#091727;border:1px solid #2b4763;border-radius:7px;color:#dbeafe;padding:11px 12px;width:100%}.filters input{min-width:280px}.form-panel{max-width:620px}.form-panel label,.login-card label{display:grid;gap:7px;color:#91a9c0;font-size:12px;margin-bottom:15px}.form-panel button,.drawer button,.login-card button{background:#1d83d7;border:0;border-radius:7px;color:#fff;padding:11px 16px;font-weight:700;cursor:pointer}.bar-row{display:grid;grid-template-columns:130px 1fr 40px;gap:10px;align-items:center;margin:16px 0}.bar-row div:first-child span{display:block;color:#718aa5;font-size:11px;margin-top:3px}.bar{grid-column:1/4;background:#182d45;height:7px;border-radius:20px}.bar i{display:block;height:100%;border-radius:20px;background:#42a9eb}.error{color:#ffaaa9}.banner{background:#3c2029;border:1px solid #733844;padding:12px;border-radius:8px;margin-bottom:16px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#173a5e,#08111f 60%)}.login-card{width:min(420px,calc(100% - 32px));padding:34px;box-shadow:0 20px 80px #0005}.login-card h1{font-size:23px;margin-top:40px}.login-card p{color:#8da4bd;font-size:14px;margin-bottom:28px}.login-card button{width:100%;margin-top:7px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020817bb;display:flex;justify-content:flex-end;z-index:10}.drawer{width:min(560px,100%);height:100vh;overflow:auto;background:#0b1a2d;border-left:1px solid #284662;padding:30px;box-shadow:-20px 0 70px #0007}.drawer-head{display:flex;justify-content:space-between;gap:20px}.drawer-head h2{font-size:22px;margin-top:9px}.icon{font-size:25px;line-height:1;height:36px;width:36px;padding:0}.origin-card{background:#122c47;border:1px solid #275277;padding:14px;border-radius:8px;display:grid;gap:4px;margin:20px 0}.origin-card b{color:#66c2ff}.origin-card span,.origin-card small{color:#93acc4}.drawer p{line-height:1.65;color:#c4d3e1}.drawer-actions{display:flex;gap:10px}.drawer textarea{min-height:100px;resize:vertical;margin-bottom:10px}.sla-detail{display:flex;justify-content:space-between;padding:14px;background:#12263e;border-radius:8px;color:#9ab1c8}.sla-detail b{color:#fff}@media(max-width:900px){aside{width:200px}.content{padding:25px 20px}.grid-two{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.shell{display:block}aside{width:100%;height:auto}.sidebar-bottom{display:none}nav{display:flex;overflow:auto;margin-top:20px}.content{padding:20px 14px}header{gap:15px;align-items:center}.metrics{gap:8px}.metric{padding:13px}.metric strong{font-size:24px}.filters{display:grid}.filters input{min-width:0}.drawer{padding:22px}}.kanban{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:12px;overflow:auto}.kanban-col{background:#0b192a;border:1px solid #1e3a55;border-radius:10px;padding:14px;min-height:420px}.kanban-col h2{font-size:13px;text-transform:uppercase;color:#89a5c0}.kanban-col h2 span{float:right;color:#56b8ff}.kanban-card{background:#122a43;border:1px solid #285170;border-radius:8px;padding:13px;margin:10px 0;cursor:pointer;display:grid;gap:7px}.kanban-card:hover{border-color:#55b9ff;transform:translateY(-1px)}.kanban-card b{font-size:13px;color:#eef7ff}.kanban-card small{color:#8ca9c2;font-size:11px}@media(max-width:1200px){.kanban{grid-template-columns:repeat(5,220px)}}