:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07101f;--panel:#0e1a2d;--panel2:#111f35;--text:#f8fafc;--muted:#94a3b8;--line:#22314b;--brand:#34d399;--brand2:#22c55e;--danger:#fb7185}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 100% 0,#10233f 0,#07101f 40%,#050a13 100%);margin:0;font-family:Arial,Tahoma,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{max-width:1180px;margin:auto;padding:24px}.nav{justify-content:space-between;align-items:center;padding:8px 0 30px;display:flex}.brand{font-size:22px;font-weight:900}.badge{border:1px solid var(--line);color:#cbd5e1;border-radius:999px;padding:7px 11px;font-size:13px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:34px;min-height:68vh;display:grid}.hero h1{margin:0 0 18px;font-size:clamp(36px,4.5vw,58px);line-height:1.04}.hero p{color:#cbd5e1;max-width:680px;font-size:19px;line-height:1.8}.btn{cursor:pointer;border:0;border-radius:13px;padding:14px 20px;font-weight:800}.btn.primary{background:var(--brand);color:#052e16}.btn.secondary{color:#e2e8f0;border:1px solid var(--line);background:#17243a}.card{border:1px solid var(--line);background:#0e1a2de6;border-radius:18px;padding:18px;box-shadow:0 20px 60px #00000038}.preview{aspect-ratio:9/16;text-align:center;color:#dbeafe;background:linear-gradient(#263754,#111827);border-radius:20px;justify-content:center;align-items:center;max-height:560px;margin:auto;padding:30px;display:flex}.form{gap:14px;display:grid}.label{color:#cbd5e1;font-size:14px}.input{color:#fff;border:1px solid var(--line);background:#091425;border-radius:12px;outline:none;width:100%;padding:12px 14px}.input:focus{border-color:#34d399}.hint{color:var(--muted);font-size:13px;line-height:1.6}.error{color:#fecdd3;background:#4c0519;border:1px solid #881337;border-radius:10px;padding:10px}.ok{color:#bbf7d0;background:#052e16;border:1px solid #166534;border-radius:10px;padding:10px}.dashboard{direction:ltr;grid-template-columns:220px minmax(0,1fr);gap:16px;min-height:100vh;padding:16px;display:grid}.sidebar{border:1px solid var(--line);direction:rtl;background:#0e1a2dd9;border-radius:18px;min-height:calc(100vh - 32px);padding:18px}.sideItem{color:#cbd5e1;border-radius:11px;margin-bottom:5px;padding:11px 12px}.sideItem.active{color:#fff;background:#15304a}.main{direction:rtl;align-content:start;gap:12px;min-width:0;display:grid}.topline{justify-content:space-between;align-items:center;gap:12px;min-height:56px;display:flex}.metricGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric{border:1px solid var(--line);background:#0e1a2dd9;border-radius:15px;min-height:84px;padding:14px 16px}.metric b{margin-top:5px;font-size:27px;display:block}.tabs{gap:8px;margin-bottom:14px;display:flex}.tab{border:1px solid var(--line);color:#cbd5e1;cursor:pointer;background:#0a1628;border-radius:999px;padding:9px 13px}.tab.active{color:#fff;background:#15304a;border-color:#315277}.drop{background:#091425;border:1px dashed #3b526e;border-radius:16px;padding:18px}.job{border:1px solid var(--line);background:#091425;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:14px;display:flex}.job code{color:#a7f3d0;font-size:12px}.status{color:#bfdbfe;background:#172554;border-radius:999px;padding:6px 9px;font-size:12px}.small{color:var(--muted);font-size:12px}@media (max-width:1000px){.dashboard{grid-template-columns:190px minmax(0,1fr);gap:12px;padding:12px}.sidebar{min-height:calc(100vh - 24px);padding:14px}.metric b{font-size:24px}}@media (max-width:800px){.hero{grid-template-columns:1fr}.dashboard{min-height:100vh;padding:10px;display:block}.sidebar{min-height:auto;margin-bottom:10px;padding:12px}.brand{margin-bottom:10px!important}.sideItem{margin-bottom:4px;margin-left:4px;padding:8px 10px;font-size:13px;display:inline-block}.main{gap:10px}.topline{flex-direction:row;align-items:flex-start}.topline h1{font-size:24px!important}.metricGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.metric{min-height:70px!important;padding:10px!important}.metric b{font-size:18px!important}.metric .small{font-size:10px}.card{border-radius:15px;padding:14px}}@media (max-width:520px){.metricGrid{grid-template-columns:1fr 1fr 1fr}.metric{padding:8px!important}.metric b{font-size:16px!important}.badge{padding:6px 8px;font-size:11px}}