:root{color:#edf3ff;background:#080d1b;font-family:Inter,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}main{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{background:#0d1528;border-right:1px solid #233252;flex-direction:column;gap:7px;padding:24px 15px;display:flex}aside h1{margin:0 8px 24px;font-size:17px}aside h1 i{background:#3478f6;border-radius:8px;padding:7px;font-style:normal}aside button{color:#95a5c7;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:12px;display:flex}aside svg{width:18px}.active{color:#fff!important;background:#223660!important}.logout{margin-top:auto;color:#ff8090!important}.content{min-width:0;padding:28px 32px}.content>header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.content h2{margin:4px 0;font-size:28px}.content header small,.cards small{color:#8493b2}.content header button,.toolbar button,.access button{color:#dce9ff;background:#182746;border:1px solid #334b79;border-radius:8px;gap:6px;padding:9px 13px;display:inline-flex}.cards{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;display:grid}.cards article,.panel,.table,.detail,.create{background:#111b31;border:1px solid #233254;border-radius:13px}.cards article{padding:18px}.cards strong{margin:12px 0;font-size:25px;display:block}.cards span{color:#596987;font-size:11px}.panel{margin-top:16px;padding:18px}.ok{color:#5ed6a4}.bad,.error,.create b{color:#ff8190}.loading,.empty,.error{text-align:center;color:#7888a7;padding:50px}.split{grid-template-columns:minmax(520px,1.5fr) minmax(330px,1fr);gap:18px;display:grid}.toolbar{margin-bottom:12px}.table{overflow:hidden}.thead,.tr{grid-template-columns:1.5fr .7fr 1fr 1fr;gap:13px;padding:13px 16px;display:grid}.thead{color:#7585a5;border-bottom:1px solid #243252;font-size:12px}.tr{color:#dce7fb;text-align:left;background:0 0;border:0;border-bottom:1px solid #1e2a46;width:100%}.tr:hover{background:#182746}.tr small{color:#697998;margin-top:5px;display:block}.status{color:#61d5a4}.detail{min-height:360px;padding:20px}.access{gap:8px;display:grid}.access h4{justify-content:space-between;margin:15px 0 0;display:flex}.access code,.secret code{overflow-wrap:anywhere;background:#0a1224;border:1px solid #263657;border-radius:7px;padding:9px;display:block}.create{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;padding:14px;display:grid}.create input{color:#fff;background:#0a1224;border:1px solid #2c3e65;border-radius:7px;padding:10px}.create button{color:#fff;background:#3478f6;border:0;border-radius:8px;grid-column:1/-1;padding:11px}.secret{background:#2a2110;border:1px solid #a9792c;border-radius:10px;margin-bottom:16px;padding:15px}.generic{overflow:auto}.generic .thead,.generic .tr{grid-template-columns:repeat(7,minmax(130px,1fr));min-width:950px}.generic .tr span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.login{background:radial-gradient(circle at 50% 0,#234277,#080d1b 55%);place-items:center;min-height:100vh;display:grid}.login form{background:#111b32;border:1px solid #2a3d66;border-radius:18px;width:min(410px,90vw);padding:34px;box-shadow:0 30px 90px #0008}.login form>svg{color:#60a5fa}.login p{color:#8492af}.login input{color:#fff;background:#0b1326;border:1px solid #304061;border-radius:8px;width:100%;margin:7px 0;padding:12px}.login form button{color:#fff;background:#3478f6;border:0;border-radius:8px;width:100%;margin-top:15px;padding:12px}.login form b{color:#ff7d8b;font-size:12px;display:block}@media (width<=950px){main{grid-template-columns:70px 1fr}aside h1{font-size:0}aside h1 i{font-size:14px}aside button{justify-content:center;font-size:0}.cards{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.content{padding:18px}}@media (width<=520px){.cards{grid-template-columns:1fr}.content{padding:12px}.create{grid-template-columns:1fr}.thead,.tr{grid-template-columns:1.5fr .8fr}.thead span:nth-child(n+3),.tr span:nth-child(n+3){display:none}}