:root{--bg:#0a0f1c;--bg-2:#0e1626;--panel:#131d31;--panel-2:#182440;--border:#24314d;--border-2:#2f3f61;--text:#e8eefb;--muted:#8c9cba;--dim:#62729140;--accent:#3b82f6;--accent-2:#60a5fa;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--pg:#38bdf8;--my:#f59e0b;--radius:12px;--shadow:0 10px 30px rgba(0,0,0,0.35)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(1100px 500px at 15% -10%,#16233d 0,transparent 60%),radial-gradient(900px 400px at 100% 0,#14243f 0,transparent 55%),var(--bg);background-attachment:fixed;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px}button,input{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;justify-content:space-between;gap:16px;padding:12px clamp(14px,4vw,36px);background:rgba(10,15,28,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand,.topbar{display:flex;align-items:center}.brand{gap:11px}.brand-name{font-weight:800;font-size:17px;letter-spacing:.2px}.brand-sub{color:var(--muted);font-size:12.5px}.wrap{max-width:1120px;margin:0 auto;padding:22px clamp(14px,4vw,36px) 70px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:9px;background:var(--panel-2);border:1px solid var(--border-2);color:var(--text);font-size:13px;font-weight:500;white-space:nowrap;transition:background .15s,border-color .15s,transform .06s,opacity .15s}.btn:hover:not(:disabled){background:#203055;border-color:#3c5183}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#2f74e8;border-color:#2f74e8}.btn-go{background:var(--green);border-color:var(--green);color:#04240f;font-weight:600}.btn-go:hover:not(:disabled){background:#1eb257;border-color:#1eb257}.btn-sm{padding:6px 10px;font-size:12.5px;border-radius:8px}.btn-danger{color:#fda4a4}.btn-danger:hover:not(:disabled){background:#3d1417;border-color:#7f2426}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}.stat{background:linear-gradient(180deg,var(--panel) 0,var(--bg-2) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:13px}.stat-ico{width:36px;height:36px;border-radius:10px;flex:none;display:grid;place-items:center;background:#1b2a49;color:var(--accent-2)}.stat-val{font-size:19px;font-weight:700;line-height:1.15}.stat-lbl{color:var(--muted);font-size:12px;margin-top:2px}.disk{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:13px 16px;margin-bottom:18px}.disk-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;color:var(--muted);margin-bottom:8px}.bar{height:7px;background:#1b2540;overflow:hidden}.bar,.bar>span{border-radius:99px}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--green),#4ade80);transition:width .4s ease}.bar.warn>span{background:linear-gradient(90deg,var(--amber),#fbbf24)}.bar.crit>span{background:linear-gradient(90deg,var(--red),#f87171)}.filters{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.search{position:relative;flex:1 1;min-width:200px}.search input{width:100%;padding:9px 12px 9px 34px;border-radius:10px;background:var(--panel);border:1px solid var(--border);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f628}.search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted)}.tabs{display:flex;gap:4px;background:var(--panel);border:1px solid var(--border);padding:4px;border-radius:10px}.tab{padding:6px 12px;border-radius:7px;font-size:12.5px;color:var(--muted);transition:background .15s,color .15s}.tab.on,.tab:hover{color:var(--text)}.tab.on{background:var(--panel-2);font-weight:600}.group-title{font-size:11.5px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);margin:22px 0 10px;font-weight:700}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:9px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--border-2);box-shadow:var(--shadow)}.card-row{display:flex;align-items:center;gap:14px;padding:13px 15px;flex-wrap:wrap}.db-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none}.db-ico.pg{background:#0c3a56;color:var(--pg)}.db-ico.mysql{background:#4a3308;color:var(--my)}.db-meta{flex:1 1;min-width:190px}.db-name{font-weight:600;font-size:14.5px}.db-sub{margin-top:2px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.db-last,.db-sub{color:var(--muted);font-size:12.5px}.db-last{min-width:130px}.db-last b{color:var(--text);font-weight:600;display:block;font-size:13px}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font-size:11.5px;font-weight:600;background:#1b2540;color:var(--muted);border:1px solid var(--border)}.chip.ok{background:#0d2e1b;color:#6ee7a0;border-color:#17512f}.backups{border-top:1px solid var(--border);background:var(--bg-2)}.bk{display:flex;align-items:center;gap:12px;padding:10px 15px;border-bottom:1px solid #1a2439;font-size:13px;flex-wrap:wrap;transition:background .12s}.bk:last-child{border-bottom:none}.bk:hover{background:#111c30}.bk-file{flex:1 1;min-width:210px;color:#c7d4ea}.bk-meta{color:var(--muted);font-size:12.5px;min-width:78px}.icon-btn{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--border-2);background:var(--panel-2);color:var(--muted);transition:background .15s,color .15s,border-color .15s}.icon-btn:hover{background:#203055;color:var(--text)}.icon-btn.danger:hover{background:#3d1417;border-color:#7f2426;color:#fda4a4}.empty{padding:18px 15px;color:var(--muted);font-size:13px;text-align:center}.toasts{position:fixed;right:18px;bottom:18px;z-index:50;display:flex;flex-direction:column;gap:8px;max-width:min(400px,92vw)}.toast{display:flex;align-items:flex-start;gap:10px;background:var(--panel);border:1px solid var(--border-2);border-left:3px solid var(--accent);border-radius:10px;padding:11px 13px;box-shadow:var(--shadow);font-size:13px;animation:slidein .22s ease}.toast.ok{border-left-color:var(--green)}.toast.err{border-left-color:var(--red)}@keyframes slidein{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}.spin{width:14px;height:14px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:rot .7s linear infinite}@keyframes rot{to{transform:rotate(1turn)}}.skeleton{height:66px;border-radius:var(--radius);background:linear-gradient(90deg,#131d31 25%,#1a2740 37%,#131d31 63%);background-size:400% 100%;animation:sk 1.3s ease infinite;margin-bottom:9px}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}.field>label{font-size:12.5px;color:var(--muted);font-weight:600}.field .hint{font-size:11.5px;color:var(--muted);opacity:.8}.inp{padding:9px 12px;border-radius:9px;background:var(--bg-2);border:1px solid var(--border);color:var(--text);outline:none;width:100%;transition:border-color .15s,box-shadow .15s}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f628}.inp:disabled{opacity:.5}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:0 16px;gap:0 16px}.panel-box{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin-bottom:14px}.panel-box>h3{margin:0 0 4px;font-size:15px}.panel-box>.sub{color:var(--muted);font-size:12.5px;margin-bottom:14px}.sw{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sw input{display:none}.sw .track{width:40px;height:22px;border-radius:99px;background:#26324e;position:relative;transition:background .18s;flex:none}.sw .track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#cbd5e1;transition:transform .18s}.sw input:checked+.track{background:var(--green)}.sw input:checked+.track:after{transform:translateX(18px);background:#fff}.sw .lbl{font-size:13px}.logbox{background:#070b14;border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;color:#b9c6de;white-space:pre-wrap;word-break:break-word;max-height:62vh;overflow:auto;margin:0}.src-list{display:flex;flex-direction:column;gap:3px}.src-item{text-align:left;padding:8px 11px;border-radius:8px;font-size:12.5px;color:var(--muted);border:1px solid transparent;transition:background .12s,color .12s}.src-item.on,.src-item:hover{background:var(--panel-2);color:var(--text)}.src-item.on{border-color:var(--border-2);font-weight:600}.spark-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}.spark{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.spark-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.spark-head .t{font-size:12px;color:var(--muted)}.spark-head .v{font-size:17px;font-weight:700}.spark svg{display:block;width:100%;height:40px}.bigfile .sz{font-weight:700}.bigfile.crit .sz{color:#fda4a4}.bigfile.warn .sz{color:#fcd34d}@media (max-width:560px){.db-last{min-width:100%;order:3}.topbar{flex-wrap:wrap}}.modal-back{position:fixed;inset:0;z-index:100;background:rgba(3,6,14,.66);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px;animation:fadein .12s ease-out}.modal{width:min(440px,100%);background:var(--panel);border:1px solid var(--border-2);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow)}.modal h3{margin:0 0 8px;font-size:16px}.modal-body{color:var(--muted);font-size:13.5px;line-height:1.55;margin-bottom:18px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.btn-solid-danger{background:var(--red);border-color:var(--red);color:#fff;font-weight:600}.btn-solid-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}@keyframes fadein{0%{opacity:0}to{opacity:1}}.sec-hero{display:grid;grid-template-columns:auto 1fr;grid-gap:20px;gap:20px;align-items:center;background:linear-gradient(135deg,var(--panel) 0,var(--bg-2) 100%);border:1px solid var(--border);border-radius:14px;padding:18px 20px;margin-bottom:14px}.sec-ring{width:92px;height:92px;position:relative}.sec-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.sec-ring .num{position:absolute;inset:0;display:grid;place-items:center;text-align:center;line-height:1.05}.sec-ring .num b{font-size:24px;display:block}.sec-ring .num span{font-size:11px;color:var(--muted)}.sec-hero h2{margin:0 0 4px;font-size:18px}.sec-hero p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.subtabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px;border-bottom:1px solid var(--border)}.subtab{padding:9px 13px;font-size:13px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:7px}.subtab.on,.subtab:hover{color:var(--text)}.subtab.on{border-bottom-color:var(--accent);font-weight:600}.subtab .cnt{font-size:11px;padding:1px 7px;border-radius:99px;background:#3d1417;color:#fda4a4;font-weight:700}.chk{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-top:1px solid var(--border)}.chk:first-child{border-top:none}.chk .dot{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;margin-top:1px}.chk .dot.ok{background:#0d2e1b;color:#6ee7a0}.chk .dot.bad{background:#3d1417;color:#fda4a4}.chk .dot.unk{background:#1b2540;color:var(--muted)}.chk .t{font-weight:600;font-size:13.5px}.chk .d{color:var(--muted);font-size:12.5px;margin-top:2px;word-break:break-word}.sev{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 7px;border-radius:6px;flex:none;margin-left:auto}.sev.crit{background:#3d1417;color:#fda4a4}.sev.high{background:#3a2410;color:#fdba74}.sev.med{background:#33290f;color:#fcd34d}.sev.low{background:#1b2540;color:var(--muted)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:11.5px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);white-space:nowrap}.tbl td,.tbl th{padding:9px 12px}.tbl td{border-top:1px solid var(--border);vertical-align:middle}.tbl tr:first-child td{border-top:none}.tbl-wrap{overflow-x:auto}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.pill{display:inline-block;padding:2px 8px;border-radius:99px;font-size:11.5px;font-weight:600;background:#1b2540;color:var(--muted);border:1px solid var(--border)}.pill.ok{background:#0d2e1b;color:#6ee7a0;border-color:#17512f}.pill.bad{background:#3d1417;color:#fda4a4;border-color:#7f2426}.pill.warn{background:#33290f;color:#fcd34d;border-color:#5c4a12}.bars{display:flex;align-items:flex-end;gap:6px;height:110px;padding:8px 4px 0}.bars .b{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.bars .b i{display:block;width:100%;max-width:46px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#f87171,#b91c1c);min-height:2px}.bars .b span{font-size:10.5px;color:var(--muted)}.bars .b em{font-style:normal;font-size:11px;color:var(--text);font-weight:600}.row-actions{gap:6px;justify-content:flex-end}.inline-form,.row-actions{display:flex;flex-wrap:wrap}.inline-form{gap:8px;padding:12px 14px;border-top:1px solid var(--border)}.inline-form .inp{flex:1 1;min-width:160px}.note{font-size:12.5px;color:var(--muted);padding:10px 14px;line-height:1.5}.note b{color:var(--text)}.qr{background:#fff;padding:8px;border-radius:10px;width:176px;height:176px}@media (max-width:560px){.sec-hero{grid-template-columns:1fr;justify-items:center;text-align:center}}