/* HEYBA SaaS Design System：蓝灰色树状导航、浅色工作区、蓝色操作按钮。 */
:root{--hb-primary:#3668f5;--hb-sidebar:#2d3d53;--hb-sidebar-muted:#c0ccdc;--hb-border:#e3e8f1;font-family:'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif}
aside{width:236px;background:var(--hb-sidebar);padding:23px 14px;overflow-y:auto;border:0}.brand{font-size:32.1px;color:#7093ff}.brand span{color:#f1f5ff;font-size:21.8px}.brand small{color:#b5c3d6}.space{background:#3a4c64;color:#c0ccdc;margin:25px 0 17px}.space b{color:#edf2f9}.sidebar-foot{position:static;padding:25px 9px 4px;font-size:14.1px;color:#b9c7d9}.sidebar-foot small{margin-left:0;color:#a8b9cf}main{margin-left:236px}.nav-tree{border:0;padding:0;margin:5px 0}.nav-tree>summary{display:flex;align-items:center;gap:11px;color:#d2dcea;list-style:none;padding:13px 12px;font-size:18px;border-radius:10px}.nav-tree>summary::-webkit-details-marker{display:none}.nav-tree>summary>span{width:18px;font-size:21.8px}.nav-tree>summary>i{margin-left:auto;width:auto;height:auto;background:none;font-style:normal;transition:transform .15s}.nav-tree[open]>summary{color:#fff}.nav-tree[open]>summary>i{transform:rotate(180deg)}.nav-tree>summary:hover{background:#ffffff0d;color:#fff}.nav-tree>div{border-left:1px solid #ffffff26;margin:0 8px 9px 20px;padding-left:9px}.nav-tree :is(button,a[data-page]){padding:10px 12px;color:var(--hb-sidebar-muted);border-radius:9px;font-size:16.7px;min-height:38px}.nav-tree :is(button,a[data-page]) span{margin:0;font-size:16.7px}.nav-tree :is(button,a[data-page]):hover{color:#fff;background:#ffffff0d}.nav-tree :is(button,a[data-page]).active{background:linear-gradient(90deg,#3e6fff52,#3e6fff17);box-shadow:inset 3px 0 #5d87ff;color:#fff}header{height:68px}.btn.primary{background:var(--hb-primary)}#account-bar{display:flex;align-items:center;gap:10px}#account-bar .avatar{margin:0;padding:9px 12px}#account-bar button{background:none;border:0;color:#6f7b91;padding:7px;font-size:15.5px}#account-bar button:hover{color:var(--hb-primary)}.admin-panel{padding:0;overflow:hidden}.admin-toolbar{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;color:#8997ad;font-size:15.5px}.admin-table{font-size:18px;min-width:700px}.admin-table th{padding:16px 22px;font-size:16.7px}.admin-table td{padding:18px 22px;color:#40516b}.admin-table button{border:0;background:#eef3ff;color:var(--hb-primary);padding:6px 12px;border-radius:6px}.status-tag{padding:4px 9px;border-radius:5px;background:#f0f2f6;color:#8490a2;font-size:15.5px}.status-tag.enabled{background:#e8f7ef;color:#27986a}.admin-dialog{border:1px solid var(--hb-border);border-radius:14px;padding:25px;width:min(760px,calc(100vw - 30px));max-height:88vh;color:#25364e;box-shadow:0 24px 90px #10182b33}.admin-dialog::backdrop{background:#10182b66}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-heading h2{margin:0;font-size:27px}.dialog-close{font-size:32.1px;border:0;background:none;color:#8490a2}.admin-dialog label,.login-panel label{display:flex;flex-direction:column;gap:8px;font-size:18px;margin-bottom:16px;color:#586b86}.admin-dialog input,.admin-dialog select,.login-panel input{font-size:18px;padding:11px 12px;width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--hb-border);padding-top:18px;margin-top:20px}.form-error{color:#c0394a;font-size:16.7px;line-height:1.6}.permission-tree{border:1px solid var(--hb-border);border-radius:9px;padding:14px;max-height:300px;overflow:auto}.permission-node .permission-node{margin-left:24px}.permission-node label{flex-direction:row;align-items:center;gap:9px;margin:0;padding:7px 0}.permission-node input{width:16px;height:16px;accent-color:var(--hb-primary)}.permission-node small{color:#98a4b5;font-size:14.1px}.admin-dialog h3{font-size:19.3px}.auth-page aside,.auth-page header,.auth-page footer{display:none}.auth-page main{margin:0}.auth-page #content{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#e4ebff,#f4f6fa 65%);padding:24px}.login-panel{width:410px;max-width:100%;padding:38px;background:#fff;border:1px solid var(--hb-border);border-radius:16px;box-shadow:0 18px 65px #10182b10}.login-mark{font-size:43.8px;color:var(--hb-primary);margin-bottom:16px}.login-panel h1{font-size:33.5px}.login-panel>p{color:#8997ad;font-size:18px;margin-bottom:26px}.login-panel small{font-size:15.5px;color:#98a4b5;display:block;line-height:1.8;margin-top:20px}.login-panel .btn{width:100%;font-size:19.3px}.btn:disabled{opacity:.5;cursor:wait}
@media(max-width:700px){aside{width:180px;padding:15px 9px}main{margin-left:180px}.brand{padding:0 5px}.brand span{display:block;font-size:18px}.brand small,.space,.sidebar-foot{display:none}nav{margin-top:22px}.nav-tree :is(button,a[data-page]) span{display:inline}.nav-tree>summary{font-size:16.7px;padding:11px 7px}.nav-tree>div{margin-left:15px}header{padding:0 12px}header>span{display:none}#account-bar{margin-left:auto;font-size:14.1px;gap:3px}.form-grid{grid-template-columns:1fr}.admin-toolbar{gap:10px;flex-wrap:wrap}.heading{flex-wrap:wrap}.login-panel{padding:25px}}

.database-network{margin:12px 0 20px;padding:16px;background:var(--panel-bg,#f7f9fc);border:1px solid #e3e9f2;border-radius:8px;text-align:left}.database-network h3{margin:0 0 10px}.database-network p{margin:5px 0;line-height:1.7}.database-network strong{overflow-wrap:anywhere}