:root{
 --accent:#3b82f6;--accent2:#29d5f8;--bg:#070c19;--bg2:#0b1226;--panel:#101a2e;--panel2:#131f36;
 --line:#253650;--muted:#8a9dbb;--text:#f3f7ff;--success:#43d7ae;--warning:#ffbe69;--danger:#ff778f;
 --radius:19px;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;min-width:315px;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
body:before{content:'';position:fixed;z-index:-1;top:-310px;left:15vw;width:850px;height:610px;background:radial-gradient(ellipse,#1d5bc228,transparent 70%);pointer-events:none}
input,select,textarea{background:#0b1529;color:var(--text);border:1px solid #31415e;border-radius:11px;padding:11px 12px;width:100%;outline:none;min-height:42px}input:focus,select:focus,textarea:focus{border-color:#4e9bff;box-shadow:0 0 0 3px #3995ff1c}input[type=color]{height:47px;padding:5px}input[type=checkbox]{width:17px;height:17px;min-height:17px;accent-color:var(--accent)}select[multiple]{height:auto;min-height:120px;padding:7px}textarea{min-height:105px;resize:vertical}label{font-size:12px;color:#a9b9d3;font-weight:650;display:block;margin-bottom:7px}
button{border:0;transition:.15s ease}button:disabled{opacity:.6;cursor:not-allowed}.btn{border-radius:11px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:700;padding:11px 15px;white-space:nowrap}.btn-primary{background:linear-gradient(110deg,#2678ff,#17b5ef);color:white;box-shadow:0 5px 19px #1668e733}.btn-primary:hover{filter:brightness(1.14);transform:translateY(-1px)}.btn-quiet{background:#1c2a44;color:#d7e6ff;border:1px solid #2d4060}.btn-quiet:hover{background:#2a3b59}.btn-danger{background:#492134;color:#ffaabc;border:1px solid #6a3045}.btn-sm{padding:8px 11px;font-size:12px;border-radius:9px}.btn-row{display:flex;gap:9px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;border-radius:7px;background:#163351;color:#8cc9ff;border:1px solid #26577e;padding:4px 7px;font-size:11px;font-weight:750}.tag.ok{background:#124137;color:#82edce;border-color:#276653}.tag.warn{background:#493222;color:#f7c48f;border-color:#6e4832}.tag.bad{background:#4e273a;color:#ff9aaf;border-color:#703147}
.boot{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:10px}.boot-mark{font-size:44px}
.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;gap:0;overflow:hidden}.login-visual{position:relative;background:#102148 url('/assets/banner.png') center/cover no-repeat;min-height:540px}.login-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07102010,#07102044)}.login-card-wrap{display:flex;align-items:center;justify-content:center;padding:42px;background:radial-gradient(circle at 100% 0,#152d4a 0,transparent 57%),#080e1b}.login-card{width:100%;max-width:445px}.logo-badge{height:66px;width:66px;border-radius:18px;background:white;display:grid;place-items:center;padding:4px;box-shadow:0 15px 45px #0356e82e;overflow:hidden}.logo-badge img{height:100%;width:100%;object-fit:contain}.login-card h1{font-size:41px;letter-spacing:-2px;margin:25px 0 8px}.login-card p{color:#9db0ca;line-height:1.75;font-size:15px}.login-perks{display:grid;gap:14px;margin:33px 0}.login-perks span{font-size:14px;color:#cad8ed}.login-perks b{color:var(--accent2);margin-right:9px}.login-card .btn{width:100%;padding:15px;margin:10px 0}.tiny{font-size:12px!important;color:#8092ae!important}
.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,#0c1427,#081020);border-right:1px solid #1e2b43;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:22px 14px;z-index:5}.brand{display:flex;gap:10px;align-items:center;padding:5px 9px 22px}.brand-logo{width:46px;height:46px;background:white;border-radius:12px;display:grid;place-items:center;overflow:hidden}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand strong{font-size:21px;font-weight:800;letter-spacing:-.7px}.brand small{display:block;color:#7193c1;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;margin-top:2px}.section-hint{text-transform:uppercase;letter-spacing:1.5px;font-size:10px;color:#697c9e;padding:17px 14px 11px;font-weight:850}.nav{display:grid;gap:5px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;text-align:left;background:transparent;color:#9bacc9;border:1px solid transparent;border-radius:11px;padding:12px 13px;font-size:13px;font-weight:650}.nav-item:hover{background:#17233a;color:white}.nav-item.active{background:linear-gradient(90deg,#142e56,#14223b);border-color:#274f81;color:#eaf3ff}.nav-icon{font-size:17px;width:20px;text-align:center}.sidebar-bottom{margin-top:auto;padding:18px 8px 2px;border-top:1px solid #243149}.mini-user{display:flex;gap:11px;align-items:center;max-width:100%;overflow:hidden}.mini-user img{height:36px;width:36px;border-radius:100%;background:#223451}.mini-user strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-user small{color:var(--muted);font-size:11px}
.workspace{padding:27px clamp(18px,4vw,52px) 55px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:27px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;color:#5cafff;font-weight:850}.topbar h1{font-size:clamp(23px,2.5vw,31px);letter-spacing:-.8px;margin:6px 0 0}.topbar-actions{display:flex;align-items:center;gap:10px}.guild-switch{min-width:235px;max-width:285px;font-size:13px;background:#111e34}.circle-avatar{width:32px;height:32px;border-radius:100%;background:#182e52;border:1px solid #3c557e;display:grid;place-items:center;overflow:hidden}.circle-avatar img{width:100%;height:100%;object-fit:cover}
.hero{border:1px solid #27446f;border-radius:21px;padding:29px 32px;background:linear-gradient(105deg,#142d59dc,#11284988),url('/assets/banner.png') center/cover;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 17px 75px #0003}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c1c38ee 0%,#0c1c38de 52%,#0c1c3877 100%);z-index:-1}.hero .eyebrow{color:#5ad9ff}.hero h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.8px;margin:8px 0}.hero p{color:#c9daf0;max-width:520px;line-height:1.65;margin:10px 0 22px}.hero .btn{box-shadow:none}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0}.metric{background:linear-gradient(145deg,#111d34,#0e182c);border:1px solid #233653;border-radius:17px;padding:21px;min-height:124px}.metric .top{display:flex;align-items:center;justify-content:space-between;color:#9eb1ce;font-size:12px}.metric i{font-style:normal;font-size:21px}.metric strong{display:block;font-size:31px;margin-top:15px;letter-spacing:-1px}.metric .sub{font-size:11px;color:#788ca9;margin-top:3px}
.section-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:19px}.panel{background:#0f192c;border:1px solid #223450;border-radius:18px;padding:23px;min-width:0}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.panel h2{font-size:17px;letter-spacing:-.3px;margin:0}.panel p{color:var(--muted);line-height:1.65}.subhead{font-size:13px;font-weight:800;letter-spacing:.2px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.section-title h2{font-size:21px;letter-spacing:-.5px;margin:0}.section-title p{margin:5px 0 0;color:var(--muted)}
.rows{display:grid;gap:9px}.line-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #223149}.line-row:last-child{border:0}.line-row strong{font-size:13px;display:block}.line-row small{font-size:11px;color:var(--muted);margin-top:4px;display:block}.line-row .right{display:flex;align-items:center;gap:7px}.avatar{width:33px;height:33px;border-radius:10px;background:#263d5c;display:flex;align-items:center;justify-content:center;font-size:16px}.row-main{display:flex;align-items:center;gap:11px;min-width:0}.row-main>div:last-child{min-width:0;overflow-wrap:anywhere}.empty{padding:40px 18px;text-align:center;border:1px dashed #2a3d5a;border-radius:14px;color:#8b9fb9}.empty span{display:block;font-size:31px;margin-bottom:8px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:15px}.dept-card{background:linear-gradient(160deg,#132039,#0e182b);border:1px solid #2a3b58;border-radius:17px;padding:19px}.dept-card h3{font-size:16px;margin:0 0 8px}.dept-card p{min-height:39px;color:#8fa7c4;line-height:1.55;font-size:12px}.dept-card-foot{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:19px}.dept-emoji{height:46px;width:46px;border-radius:12px;background:#19304d;display:grid;place-items:center;font-size:22px;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field.full{grid-column:1/-1}.field small{display:block;color:#7890ae;margin-top:7px;font-size:11px;line-height:1.5}.check-line{display:flex;gap:11px;align-items:center;padding:12px 13px;background:#121e34;border:1px solid #2a3851;border-radius:11px}.check-line label{margin:0;font-size:13px;color:#d7e4f9;cursor:pointer}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.editor{margin-top:18px;padding-top:18px;border-top:1px solid #283b56}.muted{color:var(--muted)}.help{font-size:12px;color:#869dbc;line-height:1.75}.divider{height:1px;background:#243552;margin:20px 0}.wide{width:100%}.flex{display:flex;gap:11px;align-items:center;flex-wrap:wrap}
.ticket-table{width:100%;border-collapse:collapse;text-align:left}.ticket-table th{color:#7085a3;text-transform:uppercase;font-size:10px;letter-spacing:1px;padding:13px 10px;border-bottom:1px solid #2a3b57}.ticket-table td{padding:13px 10px;border-bottom:1px solid #1e2d47;font-size:12px}.ticket-table tr:last-child td{border:0}.ticket-table tr:hover td{background:#17223a}.ticket-table .td-nowrap{white-space:nowrap}.filter-bar{display:flex;gap:9px;margin-bottom:15px;flex-wrap:wrap}.filter-bar .btn.active{border-color:#3d9bf7;background:#12365d;color:#bfe6ff}.details{margin-top:16px;border-top:1px solid #283954;padding-top:20px}.details-actions{display:flex;flex-wrap:wrap;gap:9px}.details input,.details select{max-width:310px}.log-row{display:grid;grid-template-columns:115px 1fr auto;gap:11px;padding:13px 0;border-bottom:1px solid #273650;align-items:center}.log-row strong{font-size:12px}.log-row small{color:#8096b4}.palette{display:flex;gap:9px}.swatch{height:30px;width:30px;border-radius:9px;border:2px solid #ffffff44}.preview-embed{border-left:4px solid var(--accent);background:#0d1525;border-radius:7px;padding:17px;margin-top:15px;max-width:550px}.preview-embed h3{margin:0;font-size:15px}.preview-embed p{color:#b0bed1;font-size:12px}.preview-drop{display:flex;justify-content:space-between;background:#1c2638;padding:12px;border-radius:8px;color:#ced9e8;font-size:12px;margin-top:16px}.footer-note{padding-top:24px;font-size:11px;color:#6e809c}
#toast{position:fixed;z-index:100;bottom:28px;right:30px;max-width:min(390px,calc(100vw - 30px));padding:14px 18px;background:#1a334a;border:1px solid #357fa8;border-radius:13px;color:#eaffff;box-shadow:0 18px 70px #0007;opacity:0;pointer-events:none;transform:translateY(13px);transition:.2s ease}#toast.show{opacity:1;transform:translateY(0)}#toast.error{background:#482633;border-color:#a94c66}
@media(max-width:1100px){.shell{grid-template-columns:220px minmax(0,1fr)}.workspace{padding:22px 25px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.section-grid{grid-template-columns:1fr}.sidebar{padding:18px 10px}}
@media(max-width:730px){.login{grid-template-columns:1fr}.login-visual{display:none}.login-card-wrap{min-height:100vh}.shell{display:block}.sidebar{position:sticky;height:auto;padding:9px 12px;border-right:0;border-bottom:1px solid #243957;display:flex;flex-direction:row;align-items:center;overflow-x:auto;gap:15px}.sidebar .brand{padding:0;flex-shrink:0}.sidebar .brand-logo{width:36px;height:36px}.sidebar .brand strong{font-size:15px}.sidebar .brand small,.sidebar-bottom,.section-hint{display:none}.nav{display:flex;flex-wrap:nowrap;gap:4px}.nav-item{width:auto;padding:9px 10px;font-size:11px;white-space:nowrap}.nav-icon{font-size:13px;width:auto}.workspace{padding:18px 14px 35px}.topbar{flex-direction:column;align-items:stretch;gap:12px}.topbar-actions{justify-content:space-between}.guild-switch{width:100%;max-width:unset;min-width:unset}.hero{padding:22px}.panel{padding:16px}.form-grid,.check-grid{grid-template-columns:1fr}.metrics{gap:10px}.metric{padding:15px;min-height:95px}.metric strong{font-size:25px;margin-top:8px}.ticket-table th:nth-child(3),.ticket-table td:nth-child(3){display:none}.log-row{grid-template-columns:1fr auto}.log-row small:first-child{display:none}}
@media(max-width:430px){.metrics{grid-template-columns:repeat(2,1fr)}.metric .top{font-size:10px}.section-title{flex-direction:column;align-items:flex-start}.ticket-table th:nth-child(4),.ticket-table td:nth-child(4){display:none}}