@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans SC,system-ui,sans-serif;color:#dce7f2;background:#090f16;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1100px;background:#090f16}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr;background:radial-gradient(circle at 70% 0,#142334 0,#0b1119 35%,#090f16)}.sidebar{border-right:1px solid #263545;background:#0b121b;padding:24px 14px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-weight:700;font-size:20px;padding:0 10px 28px}.brand-mark{width:17px;height:17px;border-radius:50%;border:3px solid #47d481;border-top-color:#2f7eff;display:inline-block}.sidebar nav{display:grid;gap:4px}.nav{border:0;background:transparent;color:#a6b6c8;height:44px;border-radius:6px;text-align:left;display:flex;align-items:center;gap:12px;padding:0 12px;font-size:14px}.nav:hover,.nav.active{background:#172637;color:#eff7ff}.nav.active{box-shadow:inset 3px 0 #3985ff}.sidebar-note{margin-top:auto;border-top:1px solid #263545;padding:20px 10px 2px;color:#c2cfdd;font-size:13px;line-height:1.9}.sidebar-note small{color:#708298}.dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#43d481;box-shadow:0 0 0 4px #1b4736}.content{min-width:0}.content>header{height:100px;border-bottom:1px solid #263545;padding:20px 30px;display:flex;justify-content:space-between;align-items:center}.crumb{color:#70859d;font-size:12px;margin-bottom:5px;letter-spacing:.06em}h1{font-size:24px}h2{font-size:18px}.header-actions{display:flex;align-items:center;gap:12px}.refresh,.icon-button{border:1px solid #304154;color:#dbe8f5;background:#111c27;border-radius:5px;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;font-size:13px}.icon-button{padding:7px}.admin{display:flex;gap:9px;align-items:center;color:#a8b7c6;font-size:13px}.admin span{width:30px;height:30px;background:#263c57;border-radius:50%;color:#fff;display:grid;place-items:center}.workspace{padding:30px}.with-detail{display:grid;grid-template-columns:minmax(550px,1fr) 350px;gap:24px}.notice{margin:15px 30px -10px;background:#4f281e;color:#ffd5c8;padding:10px 14px;border-radius:5px}.panel,.detail,.metric{background:#0f1924db;border:1px solid #293b4d;border-radius:7px;box-shadow:0 20px 50px #0000001c}.table .row{display:grid;grid-template-columns:1.1fr 1.25fr .6fr 1.25fr 1fr .7fr;gap:10px;align-items:center;text-align:left}.thead{color:#8fa3b6;font-size:12px;background:#111d29;padding:11px 16px}.tbody{width:100%;border:0;border-top:1px solid #283a4b;background:transparent;color:#d4e0eb;padding:13px 16px;min-height:67px}.tbody:hover,.tbody.selected{background:#162b42}.row b{display:block;font-size:13px;font-weight:500}.row small{display:block;color:#7890a6;margin-top:3px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b8c7d6;font-size:13px}.status{font-size:12px;font-weight:600}.pending{color:#ffbf4d}.approved{color:#46d685}.denied,.revoked{color:#fb746b}.expired{color:#8295a9}.detail{padding:20px;height:max-content}.detail.empty{min-height:260px;color:#8396aa;text-align:center;display:grid;place-content:center;gap:10px}.detail-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #293b4d}.detail-section{padding:17px 0;border-bottom:1px solid #293b4d}.detail-section h3{font-size:13px;margin-bottom:11px}.detail-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-top:9px}.detail-row span{color:#71879e}.detail-row b{font-weight:500;text-align:right}.good{color:#49d684}.reason{font-size:13px;line-height:1.7;color:#c0cfdd}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.approve,.deny,.revoke,.primary{border:0;border-radius:5px;padding:10px;color:#fff;font-weight:600}.approve,.primary{background:#2dbd6f}.deny,.revoke{background:#d8433d}.revoke{margin-top:20px;width:100%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric{padding:18px}.metric span{display:block;color:#8295a9;font-size:12px}.metric strong{font-size:30px;display:block;margin-top:8px}.metric .green{color:#46d685}.metric .amber{color:#ffbf4d}.overview .panel{padding:24px}.overview h2{margin-bottom:15px}.flow{margin:0;padding-left:22px;color:#b7c7d5;line-height:2.25;font-size:14px}.list-head{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #293b4d}.list table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.list th{color:#7f94a9;font-weight:500;background:#111d29}.list th,.list td{padding:15px 24px;border-bottom:1px solid #263849}.list td{color:#c9d6e1}.list code,.hint code{font-family:DM Mono,monospace;color:#71b7ff}.text-button{background:transparent;border:0;color:#ff847b}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02070bcc;display:grid;place-items:center;padding:24px}.modal{width:420px;background:#101a25;border:1px solid #33465a;border-radius:8px;padding:20px;box-shadow:0 20px 80px #000}.modal label{display:grid;gap:7px;font-size:13px;color:#9cafc2;margin-top:15px}.modal input,.modal select{width:100%;background:#101b27;color:#dce7f2;border:1px solid #314458;border-radius:5px;padding:9px 10px}.hint{color:#7890a6;font-size:12px;line-height:1.6;margin-top:15px}.wide{width:100%;margin-top:20px}.loading{min-height:100vh;display:grid;place-items:center;color:#a9c0d4}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#17314a 0,#090f16 48%);padding:24px}.login-card{width:410px;background:#101a25;border:1px solid #33465a;border-radius:10px;padding:32px;box-shadow:0 24px 90px #000}.login-card>.brand-mark{display:block;margin-bottom:24px}.login-card h1{margin-bottom:8px}.login-copy{color:#8094a8;font-size:13px;line-height:1.6}.login-card label{display:grid;gap:8px;color:#9cafc2;font-size:13px;margin-top:24px}.login-card input{width:100%;background:#0d1620;color:#e5eef7;border:1px solid #314458;border-radius:6px;padding:12px}.login-notice{margin:18px 0 0}.primary:disabled,.approve:disabled,.deny:disabled,.revoke:disabled{cursor:not-allowed;opacity:.55}@media(max-width:1180px){.with-detail{grid-template-columns:1fr}.detail{display:none}.metrics{grid-template-columns:repeat(2,1fr)}}.offline{background:#8293a6!important;box-shadow:0 0 0 4px #2c3947!important}.settings{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.config-panel{padding:24px}.config-panel h2{font-size:18px}.config-panel form{display:grid;gap:15px;margin-top:25px}.config-panel label{display:grid;gap:7px;font-size:13px;color:#9cafc2}.config-panel input{background:#101b27;color:#dce7f2;border:1px solid #314458;border-radius:5px;padding:9px 10px}.config-panel form .primary{justify-self:start}.subtle{color:#8498ad;font-size:13px;margin-top:8px;line-height:1.6}.bot-state{float:right;margin-top:-38px;color:#aabccc;font-size:13px}@media(max-width:1180px){.settings{grid-template-columns:1fr}}