:root{--bg:#070a0e;--panel:rgba(17,22,29,.82);--line:#28313d;--text:#f4f7fb;--muted:#8b98a8;--green:#57e389;--purple:#8b5cf6;--red:#fb7185;--cyan:#22d3ee}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% -20%,#172038 0,transparent 42%),var(--bg);color:var(--text);font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;overflow-x:hidden}.glow{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none}.glow-a{background:var(--purple);top:-250px;right:-100px}.glow-b{background:var(--cyan);bottom:-300px;left:-150px}.nav{height:76px;max-width:1200px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05)}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:700;font-size:20px;letter-spacing:.4px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #596678;border-radius:10px;background:linear-gradient(145deg,#202939,#0d1118);color:var(--green)}.nav-user{display:flex;align-items:center;gap:18px}.nav-user form{margin:0}.link-btn{border:0;background:none;color:#c0c9d4;cursor:pointer;font:inherit}.link-btn:hover,a{color:var(--green)}main{position:relative;z-index:1}.auth-wrap{max-width:1100px;min-height:calc(100vh - 76px);margin:auto;padding:64px 28px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:88px}.auth-wrap.compact{padding-top:36px}.auth-copy h1{font-size:clamp(42px,5vw,72px);line-height:1.16;margin:18px 0 24px;letter-spacing:-2px}.auth-copy h1 span{color:transparent;background:linear-gradient(90deg,var(--green),var(--cyan));background-clip:text}.auth-copy p{color:var(--muted);font-size:19px;max-width:520px;line-height:1.9}.eyebrow{color:var(--green);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.card{background:linear-gradient(145deg,rgba(20,26,35,.92),rgba(11,15,21,.92));border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.28)}.auth-card{padding:34px}.auth-card h2,.card h2{margin:0 0 5px;font-size:23px}.muted{color:var(--muted)}.auth-card>.muted{margin:0 0 25px}.alert{padding:12px 15px;border-radius:10px;margin:16px 0;font-size:14px}.alert.error{background:#3b1520;color:#fecdd3;border:1px solid #6c2031}.alert.success{background:#0f3322;color:#bbf7d0;border:1px solid #1f6a43}label{display:block;color:#dce3eb;font-size:14px;font-weight:600;margin:17px 0 0}input{width:100%;margin-top:8px;background:#0a0e14;border:1px solid #303a47;border-radius:10px;color:#fff;padding:13px 14px;font:inherit;outline:none;transition:.2s}input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(87,227,137,.1)}small{display:block;color:var(--muted);font-weight:400;margin-top:7px}.btn{border:0;border-radius:10px;padding:12px 20px;font:600 15px inherit;cursor:pointer;transition:.2s}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.full{width:100%;margin-top:25px}.btn.primary{background:var(--green);color:#061109}.btn.secondary{background:#263140;color:#e9eef5;margin-top:23px}.form-foot{text-align:center;color:var(--muted);font-size:14px;margin:22px 0 0}.form-foot a{color:var(--green);text-decoration:none}.dashboard{max-width:1200px;margin:auto;padding:52px 24px 90px}.hero-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.hero-row h1{font-size:40px;margin:8px 0 4px}.hero-row p{margin:0}.status{display:flex;align-items:center;gap:9px;background:#161d26;border:1px solid var(--line);padding:9px 14px;border-radius:30px;color:#a8b3c0;font-size:14px}.status i{width:8px;height:8px;border-radius:50%;background:#657181}.status.running{color:#baf7ce;border-color:#24593a}.status.running i{background:var(--green);box-shadow:0 0 13px var(--green)}.status.starting i{background:#fbbf24}.grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.settings,.control,.logs{padding:27px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.card-head p{margin:4px 0 0;font-size:14px}.step{color:#536071;font-size:13px;font-weight:700;letter-spacing:1px}fieldset{border:0;padding:0;margin:24px 0 0}legend{font-size:14px;font-weight:600;margin-bottom:9px}.layout-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.choice{margin:0;border:1px solid #2b3541;border-radius:11px;padding:12px;display:flex;gap:9px;align-items:flex-start;cursor:pointer;background:#0d1219}.choice:has(input:checked){border-color:var(--green);background:rgba(87,227,137,.06)}.choice input{width:auto;margin:3px 0 0;accent-color:var(--green)}.choice b{font-size:13px}.choice small{font-size:11px;line-height:1.5}.side-stack{display:flex;flex-direction:column;gap:22px}.pulse-wrap{display:grid;place-items:center;height:128px}.pulse{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#10161d;border:1px solid #2d3743;position:relative}.pulse span{width:24px;height:24px;border-radius:50%;background:#536071}.pulse.running{border-color:#2e7c4c;box-shadow:0 0 50px rgba(87,227,137,.12)}.pulse.running:after{content:'';position:absolute;inset:-1px;border:1px solid var(--green);border-radius:50%;animation:pulse 1.8s infinite}.pulse.running span{background:var(--green);box-shadow:0 0 18px var(--green)}.pulse.starting span{background:#fbbf24}@keyframes pulse{to{inset:-28px;opacity:0}}.control-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control-actions form,.control-actions button{width:100%}.btn.start{background:var(--green);color:#061109}.btn.stop{background:#3b1720;color:#fecdd3;border:1px solid #652333}.job-error{color:#fda4af;font-size:13px;min-height:20px;margin:14px 0 0}.logs pre{margin:0;background:#080c11;border:1px solid #202833;border-radius:10px;padding:14px;min-height:120px;max-height:190px;overflow:auto;color:#9babba;direction:ltr;text-align:left;font:11px/1.65 ui-monospace,monospace;white-space:pre-wrap}.live-dot{width:7px;height:7px;border-radius:50%;background:#4b5563;margin-top:10px}
@media(max-width:850px){.auth-wrap{grid-template-columns:1fr;gap:30px;padding-top:40px}.auth-copy h1{font-size:43px}.grid{grid-template-columns:1fr}.hero-row{align-items:flex-start;gap:20px}.layout-options{grid-template-columns:1fr}.nav-user .muted{display:none}}@media(max-width:520px){.auth-copy{display:none}.auth-wrap{display:block;padding:32px 16px}.auth-card{padding:24px}.dashboard{padding:34px 14px}.hero-row{flex-direction:column}.hero-row h1{font-size:31px}.settings,.control,.logs{padding:20px}.nav{padding:0 16px}}