: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%}}@media (max-width:560px){.db-last{min-width:100%;order:3}.topbar{flex-wrap:wrap}}