/* Docelowo: /docker/webwork/http/vps-tools/assets/style.css */
:root{color-scheme:dark;--bg:#0b1020;--panel:#121a2d;--panel2:#18233b;--line:#263452;--text:#edf3ff;--muted:#91a0bc;--accent:#67e8f9;--accent2:#8b5cf6;--ok:#34d399;--warn:#fbbf24}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#172554 0,#0b1020 42%);color:var(--text);font:14px Inter,system-ui,sans-serif}.top{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#0b1020dd;backdrop-filter:blur(12px)}.brand{font-weight:800;letter-spacing:.3px}.brand span{color:var(--muted);font-weight:500;margin-left:12px}.layout{display:flex;min-height:calc(100vh - 70px)}.sidebar{width:220px;padding:24px 14px;border-right:1px solid var(--line)}.nav,.actions button,.section-head button{display:block;width:100%;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:10px;padding:12px;text-align:left;cursor:pointer;margin-bottom:8px}.nav.active,.nav:hover,.actions button:hover{background:var(--panel2);color:var(--text);border-color:var(--line)}.content{max-width:1300px;width:100%;padding:36px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2px}.hero h1,h1{font-size:32px;margin:8px 0}.muted{color:var(--muted)}.primary,button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:9px;padding:11px 16px;cursor:pointer}.primary{background:linear-gradient(135deg,var(--accent2),#2563eb);border:0;font-weight:700}.ghost{background:transparent}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.card{background:linear-gradient(145deg,#141d33,#0f172a);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 12px 40px #0003}.card h2{font-size:15px;margin-top:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions button{margin:0}.section-head{display:flex;justify-content:space-between;align-items:center}.explorer{display:grid;grid-template-columns:360px 1fr;gap:16px}.file-list,.list,.table,.preview{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}.file{padding:9px;border-bottom:1px solid var(--line);cursor:pointer}.file:hover{background:var(--panel2)}.preview{min-height:500px;white-space:pre-wrap;overflow:auto;color:#c7d2fe}.hidden{display:none}.toast{position:fixed;right:24px;bottom:24px;background:#16213a;border:1px solid var(--line);padding:14px 18px;border-radius:10px;display:none}.center{min-height:100vh;display:grid;place-items:center}.login{width:340px}.login input{display:block;width:100%;margin:14px 0;padding:13px;background:#0b1020;color:var(--text);border:1px solid var(--line);border-radius:8px}.login button{width:100%;background:var(--accent2)}@media(max-width:850px){.sidebar{width:70px}.nav{font-size:0}.content{padding:20px}.stats,.grid,.explorer{grid-template-columns:1fr}.hero{display:block}.hero .primary{margin-top:15px}}