:root{font:15px/1.6 Inter,"Microsoft YaHei",system-ui,sans-serif;color:#182331;background:#f4f6f8;--navy:#13263e;--blue:#1769e0;--blue2:#0c4da8;--line:#dfe5ec;--muted:#667587;--green:#0b8a58;--amber:#a86500;--red:#b42318}*{box-sizing:border-box}body{margin:0;min-width:1040px;background:linear-gradient(180deg,#edf3fa 0,#f6f7f9 260px);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:68px;padding:0 max(28px,calc((100vw - 1380px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(17,36,59,.98);color:#fff;box-shadow:0 2px 12px #0d1d3029}.brand,.account{display:flex;align-items:center;gap:12px}.brand-mark{width:36px;height:36px;border-radius:10px;background:#1670ed;display:grid;place-items:center;font-size:20px;font-weight:800}.brand div{display:grid;line-height:1.25}.brand strong{font-size:17px}.brand small{font-size:11px;color:#9fb1c6;letter-spacing:.08em}.account{font-size:13px}.ghost{color:#dbe7f3;background:transparent;border:1px solid #ffffff2b;border-radius:8px;padding:7px 12px}.ghost:hover{background:#ffffff12}main{max-width:1380px;margin:0 auto;padding:22px 28px 70px}#notice:not(:empty){position:sticky;top:10px;z-index:10;padding:12px 16px;border:1px solid #b5d7ff;background:#e9f4ff;border-radius:10px;box-shadow:0 8px 25px #15365d1c;margin-bottom:16px}#notice.error{border-color:#f2b8b5;background:#fff0ef;color:#a31912}.login-shell{display:grid;grid-template-columns:1fr 460px;gap:80px;align-items:center;min-height:680px;padding:40px 70px}.login-copy h1{font-size:48px;line-height:1.18;max-width:720px;margin:16px 0}.login-copy p{font-size:19px;color:#576b82;max-width:640px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 5px 22px #182d4610;margin:16px 0}.login-card{padding:34px}.login-card h2{font-size:24px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;line-height:1.25;margin-bottom:8px}h2{font-size:18px;margin-bottom:14px}p{color:var(--muted)}.eyebrow{font-size:12px;color:#3474c8;font-weight:800;letter-spacing:.12em}form{display:grid;gap:13px}label,.field{display:grid;gap:6px;font-weight:650;color:#2a3b4d}.label{font-weight:650}input,select{min-width:0;padding:10px 12px;border:1px solid #bdc9d6;border-radius:8px;background:#fff;color:#1c2938}input:focus,select:focus{outline:3px solid #1670ed22;border-color:#1670ed}input[type=file]{padding:8px;background:#f8fafc}fieldset{border:1px solid var(--line);border-radius:9px;padding:10px 12px}legend{padding:0 5px;color:#40536a;font-weight:700}.radio{display:inline-flex;align-items:center;gap:6px;margin-right:18px;font-weight:500}.radio input{min-width:auto}.primary,form button,.actions button,.card-head button{border:0;border-radius:8px;padding:9px 15px;background:var(--blue);color:#fff}.primary:hover,form button:hover,.actions button:hover,.card-head button:hover{background:var(--blue2)}.wide{width:100%;padding:12px}.hint,.muted{font-size:13px;color:#748295}#mainNav{display:flex;gap:5px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 4px 15px #1a355417;margin-bottom:20px;position:sticky;top:8px;z-index:6}#mainNav button{border:0;background:transparent;color:#526275;padding:10px 14px;border-radius:8px;font-weight:650}#mainNav button:hover{background:#f0f5fb;color:#154e96}#mainNav button.active{background:#173b67;color:white}.hero{min-height:190px;border-radius:17px;background:linear-gradient(110deg,#132a48 0,#194f89 63%,#1c70cf 100%);color:#fff;padding:34px 40px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:420px;height:420px;border:70px solid #ffffff0b;border-radius:50%;right:-115px;top:-170px}.hero h1{font-size:35px;margin:8px 0}.hero p{color:#c6d8ec;font-size:17px}.hero .eyebrow{color:#76b6ff}.hero-stat{position:relative;z-index:1;display:grid;text-align:right}.hero-stat strong{font-size:48px;line-height:1}.hero-stat span{color:#c8dbef}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:18px 0}.feature{min-height:132px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;box-shadow:0 5px 20px #1b354d0c}.feature:hover{transform:translateY(-1px);border-color:#a9c5e8;box-shadow:0 10px 26px #173a6217}.feature .icon{width:50px;height:50px;border-radius:13px;background:#eaf3ff;color:#1769d8;display:grid;place-items:center;font-size:20px;font-weight:800}.feature span:nth-child(2){display:grid}.feature strong{font-size:18px;color:#1b2a3a}.feature small{color:#6a7888;margin-top:3px}.feature b{font-size:13px;color:#1770df}.feature.building b{color:var(--amber)}.feature.deferred b{color:#7b6b5c}.feature-grid.compact{grid-template-columns:repeat(3,1fr)}.feature-grid.compact .card{margin:0;min-height:170px}.scope-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.scope-grid div{display:grid;border-left:3px solid #dceaff;padding-left:12px}.scope-grid span{color:var(--muted);font-size:13px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 4px}.section-head p{margin-bottom:0}.status{border-radius:99px;padding:6px 11px;font-size:12px;font-weight:800}.status.ready{color:#087449;background:#e5f7ef}.status.building{color:#975800;background:#fff1d6}.status.deferred{color:#655b52;background:#eeeae6}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .full{grid-column:1/-1}.choice-list{display:flex;flex-wrap:wrap;gap:8px}.choice-list label{display:inline-flex;align-items:center;gap:6px;border:1px solid #d9e2ec;background:#f6f9fc;padding:6px 10px;border-radius:7px;font-weight:500}.choice-list input{min-width:auto}.submit-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-top:5px}.submit-row div{display:grid}.submit-row small{color:var(--muted)}.submit-row button{padding:11px 20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.card-head p{margin:0}.list.empty{color:var(--muted);padding:18px 0}.row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 2px;border-bottom:1px solid #edf0f4}.row:last-child{border-bottom:0}.row small{color:var(--muted)}.row-main{min-width:0}.actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.actions button{font-size:13px;padding:7px 10px}.actions .danger,.danger{background:#c4382c}.tag{display:inline-block;font-size:12px;font-weight:700;border-radius:99px;padding:2px 8px;margin-left:7px;background:#edf2f8;color:#506176}.tag.completed{background:#e3f6ed;color:#087449}.tag.running,.tag.queued{background:#e9f2ff;color:#145eae}.tag.failed{background:#ffebea;color:#b42318}.progress{height:5px;border-radius:5px;background:#e8edf3;overflow:hidden;margin-top:7px}.progress i{display:block;height:100%;background:#2f7fe5;animation:progress 1.4s infinite;width:38%}@keyframes progress{from{transform:translateX(-100%)}to{transform:translateX(300%)}}.roadmap ol{display:flex;gap:8px;list-style:none;padding:0;margin:0}.roadmap li{flex:1;padding:16px;background:#f5f7f9;border-radius:9px;color:#667587}.roadmap li.done{background:#e8f5ff;color:#135cae}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-grid>.card{margin:0}.inline-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;margin-bottom:15px}.inline-form input{width:100%}.account-grid{display:grid;grid-template-columns:420px 1fr;gap:18px}.account-grid .card{margin:0}.pending{text-align:center;border-color:#f1c66e;background:#fffaf0}.pending h2{color:#7c4b00}footer{height:55px;border-top:1px solid var(--line);background:#fff;display:flex;gap:18px;align-items:center;justify-content:center;color:#748295;font-size:13px}footer a{color:#586b80;text-decoration:none}[hidden]{display:none!important}@media(max-width:1100px){main{padding-left:18px;padding-right:18px}.scope-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.feature-grid.compact{grid-template-columns:1fr}.login-shell{padding:30px}.login-copy h1{font-size:38px}}
