:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e9eef9;background:#080d18;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.hidden{display:none!important}.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#0d1321;border-right:1px solid #252e42;padding:31px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin:3px 12px 48px}.brand-symbol,.mark{display:grid;place-items:center;background:linear-gradient(135deg,#3ae7cd,#497bf7);border-radius:13px;color:#051327;font-size:28px;font-weight:900;width:42px;height:42px}.brand strong{font-size:22px;letter-spacing:-.7px}.brand small{display:block;font-size:8px;font-weight:750;letter-spacing:1.6px;color:#8190ac;margin-top:2px}.sidebar-label{font-size:10px;letter-spacing:1.9px;font-weight:700;color:#61718f;margin:0 14px 15px}.sidebar-label.second{margin-top:34px}.nav-item{border:0;background:transparent;color:#96a4bd;padding:13px 16px;width:100%;text-align:left;display:flex;gap:13px;align-items:center;border-radius:10px;font-size:13px;font-weight:600;margin-bottom:4px}.nav-item span{font-size:19px;width:21px;text-align:center}.nav-item:hover{background:#182236;color:#fff}.nav-item.active{background:#193444;color:#5ce1cf}.nav-item.secondary{margin-top:12px}.quick-project{display:flex;gap:11px;align-items:center;border:0;background:none;color:#a3b1c8;padding:11px 16px;font-size:13px;width:100%;text-align:left;border-radius:9px}.quick-project:hover{background:#1a2437;color:#fff}.quick-project i{width:7px;height:7px;border-radius:50%;background:#5577a2}.sidebar-bottom{margin-top:auto}.status-dot-line{font-size:11px;color:#8296ae;padding:15px 12px;border-top:1px solid #243044}.dot,.glow-dot{width:7px;height:7px;display:inline-block;background:#53dec3;border-radius:50%;margin-right:7px;box-shadow:0 0 12px #53dec366}.main{min-width:0;background:radial-gradient(circle at 96% 0%,#15263e 0%,#0b111d 30%,#0a111c 65%)}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 45px;border-bottom:1px solid #222d42}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:1.5px;color:#8b9cb7}.breadcrumb b{color:#40536d;font-size:15px}.top-right{display:flex;align-items:center;gap:19px}.time{font-size:12px;color:#8b9ab3}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1f364b;color:#74dfd1;font-size:12px;font-weight:800;border:1px solid #2c5a67}.content{max-width:1430px;margin:auto;padding:40px 44px 24px}.hero{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:31px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#57d4c4}.eyebrow.muted{color:#778ba7}.hero h1{font-size:clamp(29px,3.3vw,48px);line-height:1.16;letter-spacing:-1.9px;margin:17px 0 13px;font-weight:720}.hero h1 em{font-style:normal;color:#65dfcd}.hero p{color:#8798b2;font-size:13px;margin:0;line-height:1.65}.hero-actions{display:flex;gap:12px;padding-bottom:4px;white-space:nowrap}.btn{border:1px solid #34435d;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:700;display:inline-flex;gap:11px;align-items:center;justify-content:center;min-height:40px;transition:transform .15s,background .15s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:#59deca;color:#05212b;border-color:#59deca}.btn.primary:hover{background:#75efdc}.btn.ghost{background:#151f30;color:#dce6f7}.btn.danger{background:#43202a;color:#ffb5b5;border-color:#87404b}.btn.wide{width:100%;justify-content:space-between}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{background:#131d2d;border:1px solid #253349;border-radius:13px;padding:21px;min-height:124px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;height:36px;width:36px;border-radius:50%;background:#2eac9a10;right:20px;top:18px}.stat-top{font-size:11px;color:#91a0bb;font-weight:650}.stat-icon{float:right;font-size:17px;color:#5bdccb}.stat-value{font-size:34px;letter-spacing:-1px;font-weight:750;margin:13px 0 3px}.stat-caption{color:#667b99;font-size:11px}.section-row{display:flex;align-items:end;justify-content:space-between;margin:38px 0 18px;gap:12px}.section-row h2{font-size:20px;font-weight:690;letter-spacing:-.45px;margin:8px 0 0}.quiet-link{border:none;background:none;color:#69dbc8;font-size:12px;font-weight:700}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.project-card{background:#121d2b;border:1px solid #29374d;border-radius:14px;padding:20px;min-width:0;transition:border .18s,transform .18s}.project-card:hover{border-color:#438579;transform:translateY(-2px)}.project-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.project-icon{width:42px;height:42px;display:grid;place-items:center;background:#173b47;border:1px solid #27616d;border-radius:11px;font-size:19px;color:#67decf}.project-card:nth-child(2) .project-icon{background:#273552;border-color:#354973;color:#95aaf8}.project-card:nth-child(3) .project-icon{background:#3b3047;border-color:#685070;color:#d7a7fa}.project-card:nth-child(4) .project-icon{background:#3f3540;border-color:#786172;color:#ffbfcd}.mini-status{font-size:10px;color:#8396af;font-weight:650}.mini-status.ready{color:#65dfcd}.project-card h3{font-size:16px;margin:0 0 5px}.project-card p{font-size:11px;color:#7d90aa;line-height:1.65;min-height:34px;margin:0 0 19px}.card-bottom{border-top:1px solid #2a374b;padding-top:16px;display:flex;justify-content:space-between;align-items:center;color:#7185a1;font-size:11px}.card-bottom button{border:0;background:none;color:#65ddca;font-size:13px;font-weight:800}.jobs-head{margin-top:34px}.table-wrap{background:#121b2a;border:1px solid #28354a;border-radius:13px;overflow:auto}.job-table{width:100%;border-collapse:collapse;text-align:left;min-width:675px}.job-table th{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#758ba8;background:#162234;padding:16px 20px}.job-table td{padding:16px 20px;border-top:1px solid #253248;color:#afbdd0;font-size:12px}.job-table tbody tr{cursor:pointer}.job-table tbody tr:hover{background:#1b2a40}.job-title{color:#e9f0fb;font-weight:650;max-width:390px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-id{font-size:10px;color:#7488a1;margin-top:5px}.pill{display:inline-block;border-radius:20px;padding:6px 11px;background:#223448;color:#a2b9d6;text-transform:capitalize;font-weight:700;font-size:10px;white-space:nowrap}.pill.running,.pill.testing{background:#1b4a47;color:#66edc7}.pill.completed{background:#1b4540;color:#63e3bb}.pill.failed,.pill.cancelled{background:#4b2833;color:#ff9da5}.pill.review,.pill.interrupted{background:#473825;color:#f3bd78}.empty{color:#768da9;font-size:13px;text-align:center;padding:48px 12px}.footer{display:flex;justify-content:space-between;margin-top:40px;gap:15px;color:#5b7090;font-size:10px;border-top:1px solid #283245;padding:20px 0}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#030712cd;backdrop-filter:blur(7px);display:grid;place-items:center;padding:24px}.modal{width:min(720px,100%);max-height:90vh;overflow:auto;background:#111c2c;border:1px solid #35506a;border-radius:18px;box-shadow:0 35px 100px #0009;padding:27px}.modal-head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:24px}.modal-head h2{font-size:24px;margin:10px 0 0;letter-spacing:-.7px}.icon-btn{border:1px solid #33475f;background:#1b293c;color:#b8cbdf;border-radius:9px;padding:8px 11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:block;color:#a6b6cc;font-size:12px;font-weight:700;margin-bottom:15px}.field input,.field textarea,.field select,.login-card input{display:block;width:100%;background:#0b1320;color:#e9f1fc;border:1px solid #344760;border-radius:9px;padding:12px 13px;margin-top:8px;outline:none}.field textarea{min-height:170px;resize:vertical;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus,.login-card input:focus{border-color:#59dfca;box-shadow:0 0 0 2px #3cc8b62b}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px;flex-wrap:wrap}.help{color:#8094ad;font-size:12px;line-height:1.7;margin:8px 0 18px}.notice{background:#1b293c;border:1px solid #355268;border-radius:10px;padding:13px 14px;color:#b0c6dc;font-size:12px;line-height:1.65;margin-bottom:18px}.detail-head{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.detail-summary{white-space:pre-wrap;line-height:1.65;font-size:12px;color:#afc0d6;max-height:170px;overflow:auto;background:#0a1320;padding:13px;border:1px solid #2a3b51;border-radius:10px}.log{background:#050b13;border:1px solid #304055;border-radius:10px;color:#92cfb9;font:11px/1.7 ui-monospace,Consolas,monospace;padding:16px;white-space:pre-wrap;overflow:auto;max-height:290px;min-height:120px}.small-meta{color:#7890aa;font-size:11px}.toast{position:fixed;bottom:28px;right:28px;z-index:35;background:#214439;color:#baf9e7;border:1px solid #427a6d;padding:15px 18px;border-radius:10px;max-width:360px;box-shadow:0 10px 35px #0006;font-size:12px}.toast.bad{background:#482833;border-color:#7c4654;color:#ffd3d3}.login-shell{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 60% 0%,#1a3d46 0%,#0a111e 48%);padding:22px}.login-card{width:min(420px,100%);border:1px solid #334459;background:#111d2cbf;border-radius:18px;padding:38px;box-shadow:0 22px 70px #0208128c}.login-card .mark{margin-bottom:29px}.login-card h1{font-size:33px;letter-spacing:-1.2px;margin:13px 0}.login-card h1 span{color:#64deca}.login-card p{font-size:13px;line-height:1.65;color:#97a8bf;margin:0 0 28px}.login-card label{display:block;font-size:12px;color:#adc0d6;font-weight:700;margin:0 0 17px}.login-card input{margin-top:9px}.secure-note{font-size:10px;color:#6d829f;margin-top:19px;text-align:center}.error-message{font-size:12px;color:#ff979b;margin:9px 0}.upload-widget{border:1px dashed #3c6379;border-radius:12px;background:#102234;padding:24px;text-align:center}.upload-widget input{width:100%;margin:12px 0;color:#bcd1e2}.fineprint{font-size:11px;color:#7890a9;line-height:1.7}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:11px}.kpi{padding:13px;border-radius:9px;background:#172537;border:1px solid #293b52}.kpi strong{font-size:18px}.kpi small{display:block;color:#8094af;font-size:11px;margin-top:5px}@media(max-width:1250px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:30px 28px}.topbar{padding:0 28px}}@media(max-width:840px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;padding:16px;display:block}.brand{margin:0 0 13px}.sidebar-label,.sidebar-label.second,#sidebarProjects,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px}.nav-item{width:auto;flex:1;justify-content:center;font-size:11px;padding:9px}.nav-item span{font-size:14px}.topbar{height:56px}.hero{display:block}.hero-actions{margin-top:22px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{flex-direction:column}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.content{padding:25px 16px}.topbar{padding:0 16px}.time{display:none}.hero h1{font-size:33px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.btn{font-size:11px;padding:10px}.project-grid{grid-template-columns:1fr}.form-grid,.two-col{grid-template-columns:1fr}.modal{padding:18px}.stats{gap:8px}.stat-card{padding:14px}.stat-value{font-size:27px}.stat-caption{font-size:10px}}
