:root{--bg:#0f1419;--bg-elevated:#1a222c;--bg-soft:#243040;--text:#f2f5f8;--muted:#9aa8b5;--accent:#ffe600;--accent-ink:#1a1a1a;--success:#3dd68c;--danger:#ff6b6b;--border:#2e3a48;--font-display:"Segoe UI","Trebuchet MS",sans-serif;--font-body:"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(1200px 600px at 10% -10%,#1e3a5f55,transparent),radial-gradient(900px 500px at 100% 0,#3d2a1055,transparent),var(--bg);color:var(--text);font-family:var(--font-body)}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{max-width:960px;margin:0 auto;padding:24px 20px 64px}.nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;padding:12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px}.nav a{padding:8px 14px;border-radius:999px;color:var(--muted);transition:.15s ease}.nav a.active,.nav a:hover{background:var(--bg-soft);color:var(--text)}.nav .brand{margin-right:auto;font-weight:700;color:var(--accent);padding:8px 10px}h1{font-family:var(--font-display);font-size:1.75rem;margin:0 0 8px;letter-spacing:-.02em}.sub{color:var(--muted);margin:0 0 24px}.grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:18px}.card .label{color:var(--muted);font-size:.85rem;margin-bottom:8px}.card .value{font-size:1.8rem;font-weight:700}.list{flex-direction:column;gap:10px}.list,.row{display:flex}.row{align-items:center;gap:12px;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px}.row .meta{margin-left:auto;text-align:right;font-size:.9rem}.badge,.row .meta{color:var(--muted)}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.75rem;background:var(--bg-soft)}.badge.ok{background:#1d3b2e;color:var(--success)}.badge.warn{background:#3b2a1d;color:#ffb347}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:12px;padding:12px 18px;background:var(--accent);color:var(--accent-ink);font-weight:700;cursor:pointer}.btn.secondary{background:var(--bg-soft);color:var(--text);border:1px solid var(--border)}.btn.danger{background:#5a1f1f;color:#ffc9c9}.btn:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(400px,100%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:32px 28px}.login-card h1{text-align:center;color:var(--accent)}.field{display:flex;flex-direction:column;gap:8px;margin:18px 0}.field input{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.switch{display:flex;align-items:center;gap:10px}.switch input{width:18px;height:18px}.cron-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}.status-dot.on{background:var(--success);box-shadow:0 0 10px #3dd68c88}.status-dot.off{background:var(--danger)}.error{color:var(--danger);font-size:.9rem;margin-top:8px}.thumb{width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--bg-soft)}.landing{min-height:100vh;display:grid;place-items:center;padding:32px 20px 48px;background:radial-gradient(900px 480px at 50% -20%,#ffe60022,transparent),radial-gradient(700px 400px at 90% 80%,#1e3a5f44,transparent),var(--bg)}.landing-inner{width:min(520px,100%);text-align:center}.landing-brand{margin:0 0 18px;font-family:var(--font-display);font-size:clamp(2rem,8vw,3rem);font-weight:800;letter-spacing:-.04em;color:var(--accent);line-height:1}.landing-title{margin:0 0 14px;font-size:clamp(1.25rem,4vw,1.55rem);font-weight:650;letter-spacing:-.02em;line-height:1.25}.landing-sub{margin:0 0 28px;color:var(--muted);font-size:1.05rem;line-height:1.5}.landing-cta{min-width:min(280px,100%);padding:16px 28px;font-size:1.05rem;border-radius:14px;transition:transform .2s ease,box-shadow .2s ease}.landing-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ffe60033}.landing-note{margin:18px 0 0;color:var(--muted);font-size:.88rem}