:root{--ok: #2FBF84;--ok-text: #6FE3AD;--ok-soft: rgba(47,191,132,.1);--ok-bd: rgba(47,191,132,.26);--warn: #E2A93F;--warn-text: #F2C879;--warn-soft: rgba(242,200,121,.1);--warn-bd: rgba(242,200,121,.26);--info: #45C7E0;--info-text: #7FD9EC;--info-soft: rgba(69,199,224,.1);--info-bd: rgba(69,199,224,.26);--dep: #9B7CFF;--dep-text: #B9A6FF;--dep-soft: rgba(155,124,255,.12);--dep-bd: rgba(155,124,255,.28);--crit: #E5556E;--crit-text: #F0909E;--crit-soft: rgba(229,85,110,.1);--crit-bd: rgba(229,85,110,.28);--panel: #0E1016;--panel-2: #0B0D12}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#06070a;color:var(--text);font-family:var(--font-body);font-size:var(--fs-sm)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#ffffff29;background-clip:padding-box}.field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(120% 80% at 50% -10%,#0d1018,#08090e 45%,#06070a)}.shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 14px;border-right:1px solid var(--line);background:#08090e99}.sidebar .brand{display:flex;align-items:center;gap:11px;padding:4px 10px 8px}.sidebar .brand img{width:24px;height:24px;filter:drop-shadow(0 1px 6px rgba(110,134,255,.25))}.sidebar .brand .wm{font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:.06em;font-size:15px;color:var(--text-strong)}.sidebar .brand .tag{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.14em;color:var(--accent-bright);border:1px solid var(--accent-line);border-radius:var(--r-pill);padding:2px 6px;margin-left:auto}.nav-label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);padding:16px 12px 8px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--r-sm);color:var(--text-muted);font-size:13.5px;font-weight:var(--fw-medium);cursor:pointer;border:1px solid transparent;margin-bottom:2px;transition:color var(--dur-fast),background var(--dur-fast);text-decoration:none}.nav-item:hover{color:var(--text-strong);background:#ffffff09}.nav-item.active{color:var(--text-strong);background:var(--accent-soft);border-color:var(--accent-line)}.nav-item svg{width:17px;height:17px;flex:none}.sidebar .spacer{flex:1}.sidebar .user{display:flex;align-items:center;gap:11px;padding:10px;border-radius:var(--r-md);border:1px solid var(--line);background:#ffffff05}.sidebar .user .av{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:13px;color:#0a0c11;background:linear-gradient(150deg,var(--accent-bright),var(--accent-2))}.sidebar .user .nm{min-width:0;flex:1}.sidebar .user .nm .n{font-size:13px;font-weight:var(--fw-semibold);color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .user .nm .r{font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.sidebar .user button{background:none;border:none;color:var(--text-muted);cursor:pointer;display:grid;place-items:center;padding:5px;border-radius:var(--r-xs)}.sidebar .user button:hover{color:var(--text-strong);background:#ffffff0d}.sidebar .user button svg{width:15px;height:15px}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:16px 26px;border-bottom:1px solid var(--line);background:#07080bd1;-webkit-backdrop-filter:blur(var(--blur-md)) saturate(140%);backdrop-filter:blur(var(--blur-md)) saturate(140%)}.topbar h1{font-family:var(--font-display);font-size:19px;font-weight:var(--fw-bold);letter-spacing:-.4px;color:var(--text-strong)}.topbar .sub{font-size:12.5px;color:var(--text-muted);margin-top:2px}.topbar .right{margin-left:auto;display:flex;align-items:center;gap:10px}.content{padding:24px 26px;max-width:1280px;width:100%}.table-tools{display:flex;align-items:center;gap:10px;margin-bottom:14px}.table-tools input,.table-tools select{min-height:36px;padding:8px 11px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:#ffffff08;color:var(--text-strong);font-family:var(--font-body);font-size:13px}.table-tools input{min-width:280px;flex:1;max-width:420px}.table-tools input:focus,.table-tools select:focus{outline:none;border-color:var(--accent-line);background:#6e86ff0d}.btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:var(--fw-semibold);padding:9px 15px;border-radius:var(--r-sm);border:1px solid transparent;transition:background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast)}.btn svg{width:15px;height:15px}.btn:active{transform:translateY(1px)}.btn-primary{color:#0a0c11;background:linear-gradient(180deg,#f6f8fc,#cfd6e2);box-shadow:var(--hi-top)}.btn-primary:hover{box-shadow:var(--hi-top),0 10px 26px -12px #6e86ff66}.btn-ghost{color:var(--text);background:#ffffff08;border-color:var(--line-strong)}.btn-ghost:hover{color:var(--text-strong);border-color:var(--accent-line)}.btn-sm{padding:6px 10px;font-size:12px}.btn-danger{color:var(--crit-text);background:var(--crit-soft);border-color:var(--crit-bd)}.btn-danger:hover{background:#e5556e29}.icon-btn{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r-xs);border:1px solid var(--line);background:#ffffff05;color:var(--text-muted);cursor:pointer;text-decoration:none}.icon-btn:hover{color:var(--text-strong);border-color:var(--line-strong)}.icon-btn svg{width:15px;height:15px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);background-image:var(--grad-card);box-shadow:var(--hi-top);padding:18px 20px}.stat .l{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.stat .v{font-family:var(--font-display);font-size:30px;font-weight:var(--fw-bold);color:var(--text-strong);letter-spacing:-.02em;margin-top:12px;line-height:1}.stat .s{font-size:11.5px;color:var(--text-muted);margin-top:8px}.panel{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);background-image:var(--grad-card);box-shadow:var(--hi-top);margin-bottom:18px}.panel-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.panel-head h2{font-family:var(--font-display);font-size:15px;font-weight:var(--fw-semibold);letter-spacing:-.15px;color:var(--text-strong)}.panel-head .meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.panel-head .right{margin-left:auto;display:flex;align-items:center;gap:10px}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-weight:var(--fw-medium);padding:12px 20px}.tbl td{padding:14px 20px;border-top:1px solid var(--line);font-size:13px;color:var(--text);vertical-align:middle}.tbl tr:hover td{background:#ffffff04}.tbl .t-strong{color:var(--text-strong);font-weight:var(--fw-semibold)}.tbl .t-sub{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);margin-top:2px}.tbl .num{font-family:var(--font-mono)}.tbl .actions{display:flex;gap:7px;justify-content:flex-end}.pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--line);color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:var(--r-xs);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:var(--fw-medium);border:1px solid transparent}.chip .d{width:6px;height:6px;border-radius:50%}.chip.good{color:var(--ok-text);background:var(--ok-soft);border-color:var(--ok-bd)}.chip.good .d{background:var(--ok)}.chip.warn{color:var(--warn-text);background:var(--warn-soft);border-color:var(--warn-bd)}.chip.warn .d{background:var(--warn)}.chip.info{color:var(--info-text);background:var(--info-soft);border-color:var(--info-bd)}.chip.info .d{background:var(--info)}.chip.dep{color:var(--dep-text);background:var(--dep-soft);border-color:var(--dep-bd)}.chip.dep .d{background:var(--dep)}.chip.crit{color:var(--crit-text);background:var(--crit-soft);border-color:var(--crit-bd)}.chip.crit .d{background:var(--crit)}.chip.plain{color:var(--text-muted);background:#ffffff08;border-color:var(--line)}.empty{padding:40px;text-align:center;color:var(--text-muted);font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#020306a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px}.modal{width:100%;max-width:460px;border-radius:var(--r-lg);border:1px solid var(--line-strong);background:var(--panel);background-image:var(--grad-card);box-shadow:var(--shadow-pop)}.modal-head{display:flex;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.modal-head h3{font-family:var(--font-display);font-size:16px;font-weight:var(--fw-semibold);color:var(--text-strong)}.modal-head .x{margin-left:auto;cursor:pointer;color:var(--text-muted);display:grid;place-items:center}.modal-head .x:hover{color:var(--text-strong)}.modal-body{padding:22px}.modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:16px 22px;border-top:1px solid var(--line)}.fg{margin-bottom:15px}.fg label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:7px}.fg input,.fg select,.fg textarea{width:100%;padding:10px 12px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:#ffffff08;color:var(--text-strong);font-family:var(--font-body);font-size:13px}.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--accent-line);background:#6e86ff0d}.fg textarea{resize:vertical;min-height:70px}.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-error{font-size:12px;color:var(--crit-text);margin-bottom:12px}.hint{font-size:11.5px;color:var(--text-faint);margin-top:7px}.notice{margin-bottom:14px;padding:10px 12px;border:1px solid var(--info-bd);border-radius:var(--r-sm);color:var(--info-text);background:var(--info-soft);font-size:12px}.toggle{position:relative;width:42px;height:24px;border-radius:999px;background:#ffffff14;border:1px solid var(--line-strong);cursor:pointer;transition:background var(--dur-fast);flex:none}.toggle.on{background:var(--accent-soft);border-color:var(--accent-line)}.toggle .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--silver-200);transition:transform var(--dur-fast)}.toggle.on .knob{transform:translate(18px);background:var(--accent-bright)}.set-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.set-row:first-child{border-top:none}.set-row .si{flex:1}.set-row .si .n{font-size:13.5px;color:var(--text-strong);font-weight:var(--fw-medium)}.set-row .si .k{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);margin-top:3px}.set-row input.sv{width:220px}.db-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.db-tile{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-2);padding:16px 18px}.db-tile .tn{font-family:var(--font-mono);font-size:12px;color:var(--text)}.db-tile .tr{font-family:var(--font-display);font-size:26px;font-weight:var(--fw-bold);color:var(--text-strong);margin-top:8px}.db-tile .tl{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-top:4px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:390px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--panel);background-image:var(--grad-card);box-shadow:var(--hi-top),var(--shadow-card);padding:34px 32px}.login-card .brand{display:flex;align-items:center;gap:11px;justify-content:center;margin-bottom:6px}.login-card .brand img{width:28px;height:28px}.login-card .brand .wm{font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:.06em;font-size:17px;color:var(--text-strong)}.login-card .eyebrow{text-align:center;margin-bottom:28px;font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted)}.btn-block{width:100%;justify-content:center;padding:12px;margin-top:6px}.login-hint{text-align:center;font-size:11px;color:var(--text-faint);margin-top:18px;font-family:var(--font-mono)}.center-load{min-height:100vh;display:grid;place-items:center;color:var(--text-muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em}@media(max-width:1000px){.stat-grid,.db-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{display:none}.stat-grid,.db-grid{grid-template-columns:1fr}}