:root{color-scheme:dark;font-family:"Microsoft YaHei",system-ui,sans-serif;background:#10141c;color:#e7ecf5}*{box-sizing:border-box}body{margin:0}header{height:76px;padding:20px 36px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #30394c;background:#171d29}header strong{font-size:23px}#status{color:#a8bddc;margin-left:auto;font-size:13px}main{max-width:1250px;margin:24px auto;padding:0 24px}button,input,select,textarea{font:inherit;border:1px solid #35445d;background:#202b3d;color:inherit;border-radius:8px;padding:10px 14px}button{cursor:pointer}button:hover,button.active{background:#365bd1;border-color:#6f91ff}nav{display:flex;gap:10px;border-bottom:1px solid #30394c;padding-bottom:16px}.toolbar{display:flex;gap:12px;align-items:center;margin:22px 0}#login{max-width:420px;margin:12vh auto;background:#192231;padding:32px;border-radius:16px}#login input{display:block;width:100%;margin:15px 0}p,label{color:#afbdd1}article,.card{background:#192231;border:1px solid #2b384e;border-radius:12px;padding:18px;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}article button{margin-top:12px}.muted{font-size:13px;color:#9aacc5}h2{font-size:21px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit}textarea{width:100%;min-height:220px}#error{color:#ffb7b7}select{max-width:400px}[hidden]{display:none!important}@media(max-width:650px){header{padding:16px}nav,.toolbar{flex-wrap:wrap}main{padding:0 14px}}

article{white-space:normal}pre{line-height:1.7}h3{margin:0 0 12px;font-size:18px}button:disabled{opacity:.45;cursor:default}.inline-form{display:flex;gap:12px;flex-wrap:wrap}.binding-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #35445d;padding:14px 0}.binding-row span{overflow-wrap:anywhere}.binding-row button{flex-shrink:0}dialog{color:inherit;background:#141c29;border:1px solid #425470;border-radius:14px;width:min(850px,92vw);max-height:85vh;overflow:auto}dialog::backdrop{background:#0009}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px}#create,article form{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}#create input,article form input{flex:1 1 190px;min-width:0}a{color:#a6bdff}select{min-width:0}input{max-width:100%}header strong{flex-shrink:0}header{flex-wrap:wrap;height:auto;min-height:76px}#status{overflow-wrap:anywhere}#content pre{margin:0}#content article button{margin-top:12px}@media(max-width:650px){header{gap:12px}header strong{font-size:20px}#status{margin-left:0;width:100%}.toolbar select{width:100%;max-width:100%}nav{gap:7px}nav button{flex:1 1 26%;padding:9px}.binding-row{align-items:flex-start;flex-direction:column}.inline-form input{width:100%}#create{flex-direction:column}#create input{flex:auto;width:100%}article form{flex-direction:column}article form input{flex:auto;width:100%}}

#error[data-kind="success"]{color:#8fdfb0}
.header-right{margin-left:auto;display:flex;gap:14px;align-items:center;flex-wrap:wrap}#network{display:flex;flex-direction:column;gap:4px;font-size:12px}.healthy{color:#91dfb2}.degraded{color:#f5d286}.unhealthy{color:#ffacac}.session-state{display:inline-block;font-size:12px;margin-left:12px;padding:4px 9px;border-radius:20px;background:#34445d;vertical-align:middle}.state-done{color:#91dfb2;background:#224537}.state-running,.state-waiting{color:#c3d6ff;background:#2c4275}.state-aborted,.state-error{color:#ffb7b7;background:#50303a}.state-noreply{color:#b8c5d8}dialog{padding:0;overflow:hidden}dialog[open]{display:flex;flex-direction:column}.dialog-header{flex-shrink:0;padding:16px 20px;border-bottom:1px solid #35445d;background:#192231}.dialog-header h2{margin:0}#detail-content{overflow-y:auto;padding:0 20px 16px;min-height:0}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.metrics article{margin:0;display:flex;flex-direction:column;gap:12px}.metrics strong{font-size:23px;overflow-wrap:anywhere}.metrics span{color:#afbdd1}.table-wrap{overflow-x:auto;border:1px solid #35445d;border-radius:10px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:14px;border-bottom:1px solid #35445d;white-space:nowrap}th{background:#202b3d}.skills-notice{background:#202b3d;padding:15px;border-radius:9px}.password-form input{flex:1 1 190px}#login-network{font-size:13px;line-height:1.6}@media(max-width:800px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.header-right{margin-left:0;width:100%;gap:8px}#network{width:100%}#status{margin-left:0}}@media(max-width:450px){.metrics strong{font-size:19px}.metrics article{padding:12px}.dialog-header{padding:12px;gap:8px}.dialog-header h2{font-size:18px}#detail-content{padding:0 12px 12px}}
.permission-row{white-space:pre-wrap;line-height:1.8;border-top:1px solid #35445d;padding:14px 0;margin-top:12px}
.permission-row{white-space:normal;font-family:"Microsoft YaHei",system-ui,sans-serif;font-size:15px}.permission-title{display:block;font-size:16px}.permission-badges{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.permission-item{display:inline-flex;align-items:center;gap:14px;background:#202b3d;border:1px solid #35445d;border-radius:8px;padding:6px 14px;min-width:145px;justify-content:space-between}.permission-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;font-family:"Segoe UI Symbol","Microsoft YaHei",sans-serif;font-size:26px;font-weight:700;line-height:1;border-radius:6px}.permission-mark.yes{color:#90e8b3;background:#244d3b}.permission-mark.no{color:#ffb4b4;background:#532f39}.permission-mark.neutral{color:#bcc8da;background:#344053}.permission-detail{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.8}
progress{width:100%;height:16px;accent-color:#80b0ff}