:root{--bg:#050713;--panel:rgba(15,23,42,.82);--line:#26364f;--text:#e5e7eb;--muted:#94a3b8;--cyan:#22d3ee;--green:#22c55e;--purple:#a78bfa;--red:#ef4444}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#0f2450 0,#050713 35%,#02030a 100%);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100vh}
a{color:#7dd3fc;text-decoration:none}aside{position:fixed;left:0;top:0;bottom:0;width:240px;background:rgba(2,6,23,.75);border-right:1px solid var(--line);backdrop-filter:blur(18px);padding:24px}
aside a{display:block;padding:13px 14px;margin:8px 0;border-radius:14px;color:#cbd5e1}aside a:hover{background:#0f172a}
.brand,.logo{font-weight:900;letter-spacing:.08em;font-size:22px}.brand span,.logo span{display:block;color:var(--cyan)}
main{margin-left:240px;padding:28px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px;padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(167,139,250,.1));box-shadow:0 0 40px rgba(34,211,238,.08)}
h1{font-size:40px;margin:0 0 8px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--green));-webkit-background-clip:text;color:transparent}h2{margin-top:0}.grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px;margin-bottom:20px;box-shadow:0 0 30px rgba(0,0,0,.2)}.big{min-height:230px}
input,textarea,select{width:100%;padding:16px;border-radius:16px;background:#020617;color:#fff;border:1px solid #334155;margin:10px 0;font-size:15px}button{width:100%;padding:16px;border:0;border-radius:16px;background:linear-gradient(90deg,var(--cyan),var(--green));font-weight:900;color:#020617;cursor:pointer;font-size:16px}
.check{display:block;color:var(--muted);margin:12px 0}.check input{width:auto}.pill{display:inline-block;background:#071d2a;color:#7dd3fc;border:1px solid #164e63;border-radius:999px;padding:8px 12px;margin:5px}.level{text-align:center;min-width:150px;background:#020617;border:1px solid #334155;border-radius:22px;padding:18px;font-weight:900;color:var(--cyan)}.level span{font-size:13px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.job{display:block;background:#020617;border:1px solid #334155;border-radius:18px;padding:16px}.job span{float:right;border-radius:999px;padding:4px 9px;background:#1e293b}.job.finished span{background:#064e3b;color:#86efac}.job.error span{background:#450a0a;color:#fca5a5}.job.running span{background:#1e3a8a;color:#bfdbfe}.job small{display:block;color:var(--muted);margin-top:10px;overflow:hidden;text-overflow:ellipsis}
.terminal,.pre{white-space:pre-wrap;font-family:ui-monospace,Menlo,monospace;background:#020617;border:1px solid #334155;border-radius:20px;padding:22px;overflow:auto}.login-body{display:flex;align-items:center;justify-content:center;margin:0}.login-card{width:min(460px,92vw);background:rgba(15,23,42,.78);border:1px solid var(--line);border-radius:30px;padding:36px;backdrop-filter:blur(18px);box-shadow:0 0 60px rgba(34,211,238,.14)}.login-card h1{font-size:30px}.orb{position:fixed;border-radius:50%;filter:blur(45px);opacity:.45}.o1{width:300px;height:300px;background:var(--cyan);top:8%;left:15%}.o2{width:260px;height:260px;background:var(--purple);bottom:12%;right:15%}
@media(max-width:850px){aside{position:static;width:auto}main{margin-left:0}.grid{grid-template-columns:1fr}.hero{display:block}}