:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e4e7;letter-spacing:0;background:#101416;font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#111719 0%,#171b1f 100%);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.58}.app-shell{flex-direction:column;gap:14px;min-height:100vh;padding:20px;display:flex}.top-panel,.main-panel{background:#20272b;border:1px solid #354146;box-shadow:0 14px 40px #0000003d}.top-panel{border-radius:24px;gap:14px;padding:18px;display:grid}.app-title{color:#f3f4f6;font-size:28px;font-weight:700}.connection-grid{grid-template-columns:minmax(240px,2fr) minmax(220px,1fr) auto;align-items:end;gap:12px;display:grid}.input-wrap{color:#c3c9ce;gap:6px;min-width:0;font-size:12px;font-weight:600;display:grid}.input-wrap input,.input-wrap select,.notice-editor{color:#f3f4f6;background:#151b1e;border:1px solid #53616a;border-radius:12px;outline:none;width:100%;min-width:0;padding:12px 13px}.input-wrap input:focus,.input-wrap select:focus,.notice-editor:focus{border-color:#9dd5c1;box-shadow:0 0 0 3px #9dd5c129}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#aab4bb;position:absolute;left:12px}.input-with-icon input{padding-left:38px}.status-row{align-items:center;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.status-pill{color:#d3d8dc;white-space:nowrap;background:#20272b;border:1px solid #3b464d;border-radius:999px;flex:none;padding:8px 12px;font-size:13px}.status-pill.ok{color:#bdf5dc;background:#193027;border-color:#3d7b62}.status-pill.warn{color:#ffe3a5;background:#312817;border-color:#775d2b}.tabs{gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.tab{color:#dde3e7;background:#222a2f;border:1px solid #3d4850;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:112px;height:48px;padding:0 16px;display:inline-flex}.tab svg{flex:none}.tab.active{color:#d8ffef;background:#28473d;border-color:#6cb99d}.main-panel{border-radius:24px;flex:1;min-height:0;padding:18px;overflow:hidden}.page-stack{flex-direction:column;gap:14px;height:100%;min-height:0;display:flex;overflow:auto}.page-stack.narrow{max-width:840px}h2,h3,p{margin:0}h2{color:#f3f4f6;font-size:24px}h3{color:#f3f4f6;font-size:18px}.button{white-space:nowrap;color:#082017;background:#9dd5c1;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:650;display:inline-flex}.button.tonal{color:#d8ffef;background:#28473d}.button.outlined{color:#bfe8d8;background:0 0;border:1px solid #668177}.button.text{color:#bfe8d8;background:0 0}.button.danger{color:#ffd8d3;background:#63342f}.button.text.danger{color:#ffb4ab;background:0 0}.icon-button{color:#c4ddd3;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button:hover:not(:disabled){background:#9dd5c11f}.toolbar,.section-head,.result-header,.admin-create-row,.admin-row-top,.admin-password-row{align-items:end;gap:10px;min-width:0;display:flex}.toolbar{flex-wrap:wrap}.toolbar.end,.section-head,.result-header{justify-content:space-between}.toolbar .search{flex:320px}.toolbar .compact{width:170px}.list-meta{color:#aab4bb;gap:14px;font-size:12px;display:flex}.card-table{flex-direction:column;gap:7px;min-height:0;display:flex}.card-table-header,.card-table-row{grid-template-columns:36px minmax(210px,1.5fr) 76px 58px 66px 56px 130px 82px 112px minmax(86px,.7fr) 86px;align-items:center;gap:8px;display:grid}.card-table-header{color:#aeb8be;background:#2b3439;border-radius:14px;padding:10px 12px;font-size:11px;font-weight:700}.card-table-row,.generated-row,.admin-row,.admin-create,.secret-output,.notice-state,.danger-panel,.data-row,.binding-row,.detail-field{background:#263035;border:1px solid #354146;border-radius:16px}.card-table-row{color:#dbe1e5;min-height:68px;padding:10px 12px}.card-table-row.selected{background:#263d3c;border-color:#5e9181}.cell{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.checkbox-cell{place-items:center;display:grid}.code-cell,.action-cell,.row-actions{align-items:center;gap:6px;min-width:0;display:flex}.code-cell .masked{text-overflow:ellipsis;min-width:0;overflow:hidden}.mono{font-family:Cascadia Mono,Consolas,monospace}.primary,.masked{color:#9dd5c1}.strong{font-weight:750}.status-启用,.ok-text{color:#9dd5c1}.status-禁用,.bad-text,.status-过期{color:#ffb4ab}.muted{color:#aab4bb}.note-cell{color:#b8c0c5}.balance-cell{gap:5px;display:grid}.balance-cell .warn{color:#ffd36d}.balance-cell .bad{color:#ffb4ab}.progress{background:#435058;border-radius:999px;width:100%;height:4px;overflow:hidden}.progress span{background:#9dd5c1;height:100%;display:block}.empty-state{color:#aeb8be;background:#ffffff05;border:1px dashed #48555c;border-radius:14px;padding:14px;font-size:14px}.create-layout{grid-template-columns:minmax(320px,520px) minmax(0,1fr);gap:18px;height:100%;min-height:0;display:grid;overflow:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;display:grid}.form-grid h2,.span-2{grid-column:1/-1}.result-panel{border-left:1px solid #3d4850;flex-direction:column;gap:12px;min-height:0;padding-left:18px;display:flex}.result-header p{color:#ffce74;margin-top:6px;font-size:13px}.generated-list{flex-direction:column;gap:7px;min-height:0;display:flex;overflow:auto}.generated-row{align-items:center;gap:10px;min-height:48px;padding:8px 10px 8px 14px;display:flex}.generated-row span,.secret-output span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.secret-output{align-items:center;gap:14px;min-height:84px;padding:16px 18px;font-size:22px;display:flex}.notice-state{align-items:center;gap:12px;min-height:68px;padding:12px 16px;display:flex}.notice-state.enabled{background:#28473d;border-color:#6cb99d}.notice-state div{flex:auto;gap:3px;min-width:0;display:grid}.notice-state span{color:#b8c0c5;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.notice-editor{resize:vertical;flex:auto;min-height:320px;line-height:1.55}.switch{color:#dce3e7;align-items:center;gap:8px;font-size:13px;display:inline-flex}.switch input{opacity:0;pointer-events:none;position:absolute}.switch-track{background:#46535a;border:1px solid #66727a;border-radius:999px;flex:none;width:50px;height:30px;position:relative}.switch-track:after{content:"";background:#c9d2d7;border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.switch input:checked+.switch-track{background:#81c7ad;border-color:#81c7ad}.switch input:checked+.switch-track:after{background:#092017;width:20px;height:20px;left:25px}.switch-label{white-space:nowrap}.data-list{flex-direction:column;gap:8px;display:flex}.data-header,.data-row{align-items:center;gap:10px;display:grid}.data-header{color:#aeb8be;background:#2b3439;border-radius:14px;padding:12px 14px;font-size:12px;font-weight:700}.data-row{color:#dbe1e5;padding:12px 14px;font-size:12px}.data-row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.data-row .wrap{white-space:normal;overflow-wrap:anywhere}.versions .data-header,.versions .data-row{grid-template-columns:minmax(150px,1fr) 80px 130px 130px 70px 250px}.audit .data-header,.audit .data-row{grid-template-columns:140px 140px 180px 130px minmax(220px,1fr)}.admin-create,.admin-row{gap:12px;padding:14px;display:grid}.root-admin{background:#28473d;border-color:#6cb99d}.admin-create-row{flex-wrap:wrap}.admin-create-row .input-wrap{flex:220px}.admin-row-top{flex-wrap:wrap;align-items:center}.admin-row-top strong{color:#f3f4f6;min-width:160px;font-size:17px}.password-chip{color:#9dd5c1;align-items:center;gap:4px;min-width:210px;display:inline-flex}.admin-password-row .input-wrap{flex:280px}.permission-flow{flex-wrap:wrap;gap:10px 14px;display:flex}.danger-panel{color:#ffd8d3;background:#4a2524;border-color:#8b504a;align-items:center;gap:12px;padding:16px;display:flex}.modal-backdrop,.dialog-backdrop{z-index:50;background:#00000094;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.detail-modal,.dialog{background:#20272b;border:1px solid #3d4850;border-radius:24px;width:min(860px,100vw - 48px);max-height:min(620px,100vh - 80px);padding:20px;overflow:auto;box-shadow:0 24px 80px #00000075}.modal-head{z-index:2;background:#20272b;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex;position:sticky;top:-20px}.modal-actions{align-items:center;gap:8px;display:flex}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail-field{align-content:center;gap:3px;min-height:58px;padding:10px;display:grid}.detail-field.full{grid-column:1/-1;min-height:74px}.detail-label{color:#aeb8be;font-size:11px;font-weight:700}.detail-value{color:#e5e9ec;overflow-wrap:anywhere;min-width:0;font-size:13px}.detail-value.secret{color:#9dd5c1;font-family:Cascadia Mono,Consolas,monospace}.detail-modal h3{margin-top:16px;margin-bottom:10px}.binding-list,.session-list{gap:8px;display:grid}.binding-row{grid-template-columns:70px minmax(160px,1fr) 132px 76px 90px;align-items:center;gap:10px;min-height:58px;padding:10px 12px;font-size:12px;display:grid}.binding-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dialog{gap:14px;width:min(420px,100vw - 40px);display:grid}.dialog-title{align-items:center;gap:10px;font-size:18px;font-weight:750;display:flex}.dialog.bad .dialog-title{color:#ffb4ab}.dialog.ok .dialog-title{color:#9dd5c1}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.connection-grid,.create-layout{grid-template-columns:1fr}.result-panel{border-top:1px solid #3d4850;border-left:0;padding-top:16px;padding-left:0}.card-table-header{display:none}.card-table-row{grid-template-columns:36px minmax(0,1fr) auto;align-items:start}.card-table-row .cell{white-space:normal}.card-table-row .cell:not(.checkbox-cell):not(.code-cell):not(.action-cell){grid-column:2/-1;grid-template-columns:86px minmax(0,1fr);gap:8px;display:grid}.card-table-row .cell:not(.checkbox-cell):not(.code-cell):not(.action-cell):before{content:attr(data-label);color:#aeb8be;font-weight:700}.code-cell,.action-cell{grid-column:2/-1}.versions .data-header,.audit .data-header{display:none}.versions .data-row,.audit .data-row{grid-template-columns:1fr}}@media (width<=640px){.app-shell{gap:12px;padding:12px}.top-panel,.main-panel{border-radius:18px;padding:14px}.app-title{font-size:22px}.status-row{align-items:stretch}.status-pill{text-overflow:ellipsis;max-width:88vw;overflow:hidden}.tab{min-width:92px;height:44px;padding:0 12px}.toolbar,.section-head,.result-header{flex-direction:column;align-items:stretch}.toolbar .compact,.toolbar .search,.button{width:100%}.form-grid,.detail-grid{grid-template-columns:1fr}.detail-field.full{grid-column:auto}.secret-output{flex-direction:column;align-items:stretch;font-size:15px}.admin-row-top,.admin-password-row,.admin-create-row{flex-direction:column;align-items:stretch}.password-chip,.admin-row-top strong{min-width:0}.permission-flow{grid-template-columns:1fr;display:grid}.modal-backdrop,.dialog-backdrop{place-items:stretch stretch;padding:10px}.detail-modal{border-radius:18px;width:100%;max-height:calc(100vh - 20px);padding:14px}.modal-head{flex-direction:column;align-items:stretch;top:-14px}.modal-actions{flex-wrap:wrap;justify-content:space-between}.modal-actions .button{flex:220px}.binding-row{grid-template-columns:1fr;align-items:stretch}.card-table-row{grid-template-columns:28px minmax(0,1fr)}}