@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap";html,body,#root{height:100%}:root{--bg:#0b0f1a;--bg2:#0f1424;--card:#121a30;--line:#5a6eaa61;--line-strong:#7891d27a;--txt:#e8ecf8;--muted:#aeb6d8;--muted2:#8b95bc;--accent:#4f7cff;--accent2:#37d0ff;--good:#3cffb0;--warn:#ffd24a;--bad:#ff5a5a;--shadow:0 10px 28px #00000047;--radius:14px;--radius2:11px;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans:"Manrope", system-ui, sans-serif;--pad:15px;--gap:12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--txt);-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 700px at 12% 0,#4f7cff24,#0000 55%),radial-gradient(900px 600px at 88% 8%,#37d0ff14,#0000 58%),linear-gradient(#070a12 0%,#0b0f1a 50% 100%)}button,input,select{font:inherit}.layout{grid-template-columns:268px 1fr;min-height:100%;display:grid}.sidebar{background:linear-gradient(#0e1322f5 0%,#0a0e18f0 100%);border-right:1px solid #28345ad9;height:100vh;padding:16px 14px;position:sticky;top:0;overflow:auto}.brand{align-items:center;gap:12px;padding:8px 8px 16px;display:flex}.logo{background:radial-gradient(circle at 30% 25%,#37d0ffcc,#4f7cff6b 55%,#111a33 100%);border-radius:11px;flex:none;width:38px;height:38px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #4f7cff38,0 10px 22px #4f7cff1f}.logo:after{content:"";background:conic-gradient(from 180deg,#37d0ff00,#37d0ff2e,#4f7cff00);animation:12s linear infinite spin;position:absolute;inset:-40%}@keyframes spin{to{transform:rotate(360deg)}}.brand h1{letter-spacing:.4px;margin:0;font-size:15px;font-weight:800}.brand small{color:var(--muted2);margin-top:3px;font-size:12px;font-weight:600;display:block}.side-top{justify-content:space-between;align-items:center;gap:10px;padding:0 8px 10px;display:flex}.pill{color:var(--muted);background:#1a2240d9;border:1px solid #4f7cff2e;border-radius:999px;align-items:center;gap:7px;padding:5px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.pill .dot{background:var(--good);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #3cffb01f}.lang{gap:6px;display:flex}.lang button{color:var(--muted);cursor:pointer;background:#101a33b3;border:1px solid #32416ee6;border-radius:9px;padding:5px 9px;font-size:12px;font-weight:800;transition:border-color .12s,background .12s,color .12s}.lang button:hover{color:var(--txt);border-color:#6482d273}.lang button.active{color:var(--txt);background:#1a2240f2;border-color:#4f7cff8c}.nav{border-radius:var(--radius);background:#0c111e8c;border:1px solid #28345abf;margin-top:6px;padding:5px}.nav .item{cursor:pointer;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13.5px;font-weight:700;transition:background .12s,color .12s,border-color .12s;display:flex}.nav .item:hover{color:var(--txt);background:#1a22408c}.nav .item.active{color:var(--txt);background:#4f7cff24;border-color:#4f7cff33}.nav .left{align-items:center;gap:10px;min-width:0;display:flex}.icon{width:22px;height:22px;color:var(--muted);background:#1a2240e6;border:1px solid #32416ee6;border-radius:7px;flex:none;place-items:center;font-size:11px;display:grid}.badge{min-width:20px;height:18px;color:var(--muted);background:#101a33cc;border:1px solid #32416ee6;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.badge.blue{color:#d6e1ff;background:#4f7cff24;border-color:#4f7cff59}.badge.warn{color:#ffe9a8;background:#ffd24a1f;border-color:#ffd24a59}.badge.bad{color:#ffd0d0;background:#ff3b3b26;border-color:#ff3b3b59}.side-footer{color:var(--muted2);margin-top:12px;padding:10px 8px;font-size:12px;line-height:1.4}.side-footer code{font-family:var(--mono);color:#cbd3ff;font-size:11px}.main{padding:22px 26px 30px;overflow:auto}.topbar{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#10182ec7 0%,#0c11209e 100%);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding:14px 16px;display:flex}.topbar h2{letter-spacing:-.25px;margin:0;font-size:22px;font-weight:800;line-height:1.2}.topbar .sub{color:var(--muted);max-width:64ch;margin-top:6px;font-size:13.5px;font-weight:600;line-height:1.4}.toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.toolbar select{min-width:132px;min-height:36px;padding:7px 10px;font-size:13px;font-weight:650}.toolbar .btn{border-radius:10px;padding:8px 12px;font-size:13px}.btn{cursor:pointer;color:var(--txt);background:#1e2848eb;border:1px solid #7891d252;border-radius:10px;padding:9px 12px;font-weight:750;line-height:1.2;transition:background .14s,border-color .14s,box-shadow .14s,transform .1s,color .14s}.btn:hover:not(:disabled){background:#2c3a64fa;border-color:#96aff080;box-shadow:0 6px 16px #4f7cff1f}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline-offset:2px;outline:2px solid #4f7cff8c}.btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.btn.primary{color:#fff;background:linear-gradient(#4f7cff80 0%,#3d62dcad 100%);border-color:#a0b9ff80;box-shadow:0 8px 18px #4f7cff2e}.btn.primary:hover:not(:disabled){background:linear-gradient(#5f8aff9e 0%,#466eebcc 100%);border-color:#bed2ffa6}.btn.ghost{color:#dce3ff;background:#121a3073;border-color:#6e82be52}.btn.ghost:hover:not(:disabled){color:#fff;background:#4f7cff24;border-color:#4f7cff73}.btn.danger{color:#ffd6d6;background:#ff464629;border-color:#ff787873}.btn.danger:hover:not(:disabled){color:#fff;background:#ff464647;border-color:#ff9696a6}.btn.good{color:#c4ffe8;background:#3cffb01f;border-color:#3cffb061}.btn.good:hover:not(:disabled){color:#fff;background:#3cffb038;border-color:#78ffc88c}.btn.warn{color:#ffe7a0;background:#ffd24a1f;border-color:#ffd24a66}.btn.warn:hover:not(:disabled){color:#fff8df;background:#ffd24a38;border-color:#ffe18299}.btn.info{color:#c4f2ff;background:#37d0ff1f;border-color:#37d0ff61}.btn.info:hover:not(:disabled){color:#fff;background:#37d0ff38;border-color:#78e1ff8c}.btn.sm{box-shadow:none;border-radius:8px;padding:4px 8px;font-size:11.5px;font-weight:750}.btn.sm.primary,.btn.sm.danger,.btn.sm.good,.btn.sm.warn,.btn.sm.info{box-shadow:none}.grid{gap:var(--gap);display:grid}.grid.cols-3{margin-bottom:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--pad);background:linear-gradient(#111930f0 0%,#0d1222eb 100%);position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;opacity:.85;background:radial-gradient(720px 160px at 12% 0,#4f7cff1f,#0000 55%);position:absolute;inset:-1px}.card>*{position:relative}.kpi{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.kpi .name,.kpi .label{color:var(--muted);letter-spacing:.01em;font-size:13px;font-weight:750}.kpi .value{letter-spacing:-.35px;margin-top:7px;font-size:26px;font-weight:800;line-height:1.05}.kpi .hint{color:var(--muted2);margin-top:7px;font-size:12.5px;font-weight:600}.kpi-row{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.status{border:1px solid var(--line);color:#dce3ff;white-space:nowrap;background:#0f1424d9;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:12px;font-weight:750;display:flex}.status .s{background:var(--good);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #3cffb01f}.status.warn .s{background:var(--warn);box-shadow:0 0 0 3px #ffd24a1f}.status.bad .s{background:var(--bad);box-shadow:0 0 0 3px #ff3b3b1f}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.row h3{margin:0;font-size:15px;font-weight:800}.table{border-collapse:separate;border-spacing:0;border-radius:var(--radius2);border:1px solid var(--line);background:#0b101eb8;width:100%;overflow:hidden}.table th,.table td{text-align:left;vertical-align:middle;border-bottom:1px solid #28345abf;padding:11px 12px;font-size:13.5px}.table th{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#182240e0;font-size:11.5px;font-weight:800}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:#4f7cff0f}.table tr:last-child td{border-bottom:none}.table .inline{flex-wrap:wrap;justify-content:flex-end;gap:5px}.table .hint{margin:2px 0 0;font-size:12px}.tag{color:#e4ebff;background:#4f7cff29;border:1px solid #7896f059;border-radius:999px;align-items:center;padding:3px 8px;font-size:11.5px;font-weight:750;display:inline-flex}.tag.good{color:#bffff0;background:#3cffb01a;border-color:#3cffb047}.tag.warn{color:#ffe9a8;background:#ffd24a1a;border-color:#ffd24a47}.tag.bad{color:#ffd0d0;background:#ff46461f;border-color:#ff6e6e59}.muted{color:var(--muted)}.mono{font-family:var(--mono);color:#d5dcff;font-size:12.5px}.hint{color:var(--muted2);margin:0 0 12px;font-size:13.5px;line-height:1.45}.err{color:#ffd0d0;background:#ff3b3b1a;border:1px solid #ff3b3b47;border-radius:11px;margin:0 0 12px;padding:10px 12px;font-size:13.5px}.okline{color:var(--good);font-size:13.5px;font-weight:700}label.field{color:var(--muted);gap:6px;margin-bottom:11px;font-size:13px;font-weight:700;display:grid}input,select{border:1px solid var(--line);color:var(--txt);background:#0c111ed9;border-radius:10px;outline:none;padding:9px 11px;font-size:13.5px;transition:border-color .12s,box-shadow .12s}input:hover,select:hover{border-color:var(--line-strong)}input:focus,select:focus{border-color:#78a0ffb3;box-shadow:0 0 0 3px #4f7cff24}input.compact{width:88px;min-width:88px;padding:6px 8px;font-size:13px}.conf{border:1px solid var(--line);white-space:pre-wrap;font-size:12px;font-family:var(--mono);color:#d7def8;background:#0c111ecc;border-radius:11px;margin:12px 0 0;padding:12px;overflow:auto}.stack{border-top:1px solid var(--line);gap:2px;margin-top:16px;padding-top:16px;display:grid}.stack.flush{border-top:none;margin-top:0;padding-top:0}.stack h3{margin:0 0 10px;font-size:15px;font-weight:800}.inline{align-items:center;gap:8px;display:flex}.inline input{min-width:140px}.panel-block{margin-top:14px}.panel-block>.sub,.activity-title{color:var(--txt);margin-bottom:8px;font-size:14px;font-weight:750}.login-shell{place-items:center;min-height:100%;padding:24px;display:grid}.login-card{width:min(420px,100%)}.login-card .brand{padding:0 0 14px}.tickets-wrap{gap:var(--gap);grid-template-columns:340px 1fr;display:grid}.ticket-list{gap:8px;margin-top:14px;display:grid}.ticket-item{border:1px solid var(--line);cursor:pointer;color:inherit;text-align:left;width:100%;font:inherit;background:#0e1424b8;border-radius:12px;padding:12px;transition:border-color .12s,background .12s,box-shadow .12s}.ticket-item:hover{background:#202c5280;border-color:#7896e66b}.ticket-item.active{background:#4f7cff1f;border-color:#78a0ff8c;box-shadow:0 0 0 1px #4f7cff24}.ticket-item.static{cursor:default}.ticket-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.ticket-title{font-size:14px;font-weight:750}.ticket-meta{color:var(--muted2);margin-top:4px;font-size:12.5px}.message{border:1px solid var(--line);background:#0e1424b8;border-radius:12px;margin-bottom:8px;padding:11px 12px;font-size:13.5px;line-height:1.45}.message .meta{color:var(--muted2);margin-bottom:4px;font-size:12px;font-weight:650}.team-form{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.team-form input,.team-form select{min-width:140px}@media (width<=1100px){.tickets-wrap,.layout{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.grid.cols-3,.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.grid.cols-3,.kpi-row{grid-template-columns:1fr}.topbar{flex-direction:column}.toolbar{justify-content:stretch;width:100%}.main{padding:16px}}