
:root{color-scheme:dark;--bg:#0b1020;--panel:#141b2c;--panel2:#192235;--line:#2a3448;--text:#eef3fa;--muted:#9aa8ba;--mint:#96f0ce;--violet:#b4a3fb;--amber:#f4ca82;--danger:#ff9eaa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,'Microsoft YaHei',sans-serif;min-width:320px;overflow-x:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.ambient{position:absolute;pointer-events:none;filter:blur(75px);opacity:.35}.ambient-one{top:80px;left:-160px;width:500px;height:500px;background:#3c6c79;border-radius:50%}.ambient-two{top:300px;right:-180px;width:600px;height:450px;background:#654c8e;border-radius:50%}.page-shell{max-width:1220px;margin:auto;padding:0 32px;position:relative}.topbar{height:86px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #263044}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#193a37;color:var(--mint);font-size:24px}.brand small{font:700 11px 'DM Sans',sans-serif;letter-spacing:.16em;color:#96a6bb;margin-left:6px}.topbar nav{display:flex;gap:34px;align-items:center}.topbar nav a{font-size:13px;color:#b3c0d0;transition:color .2s}.topbar nav a:hover{color:var(--mint)}.hero{padding:104px 0 90px;max-width:860px;position:relative}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--mint);text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid #345b58;background:#14302f;border-radius:100px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px #8af9cf1a,0 0 14px #8af9cf9c;animation:pulse 2s infinite}.hero h1,.admin-login h1,.admin-main h1{font-size:clamp(44px,6.8vw,82px);line-height:1.15;letter-spacing:-.065em;margin:30px 0 25px;font-weight:800}.hero h1 em{font-style:normal;background:linear-gradient(95deg,#a0f4cf,#a7c4fc 65%,#d2aaff);background-clip:text;color:transparent}.hero p{max-width:620px;color:#b2bfd0;line-height:1.9;font-size:16px}.hero-actions{display:flex;gap:14px;margin:36px 0 60px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;border-radius:12px;padding:14px 19px;font-size:13px;font-weight:800;border:1px solid transparent;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.btn:disabled{opacity:.5;cursor:wait;transform:none}.btn span{font-size:19px;line-height:1}.btn.primary{background:var(--mint);color:#102b2c;box-shadow:0 12px 35px #70efc52a}.btn.primary:hover{background:#b0f8dd;box-shadow:0 16px 40px #70efc545}.btn.subtle{background:#ffffff0a;color:#dce5ee;border-color:#38465a}.btn.outline{background:transparent;border-color:#496458;color:var(--mint)}.hero-metrics{display:flex;gap:55px}.hero-metrics div{display:flex;flex-direction:column;gap:5px}.hero-metrics strong{font-family:'DM Sans',sans-serif;font-size:26px;letter-spacing:-.05em}.hero-metrics span{color:var(--muted);font-size:11px}.workspace,.status-panel,.lookup-panel{border:1px solid #2d394e;background:linear-gradient(145deg,#161e30,#11182a);border-radius:24px;box-shadow:0 30px 80px #0002}.workspace{padding:38px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px}.section-head h2,.lookup-panel h2{font-size:29px;letter-spacing:-.04em;margin:10px 0 7px}.section-head p,.lookup-panel p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.step-pill,.status-badge{padding:9px 13px;border:1px solid #3d5b59;border-radius:100px;color:var(--mint);font-size:11px;background:#1b3a37}.form-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:28px}.app-picker{display:grid;gap:12px;align-content:start}.app-card{display:flex;align-items:center;gap:16px;min-height:90px;padding:17px;border:1px solid #354157;border-radius:15px;background:#1a2436;cursor:pointer;transition:transform .2s,border .2s,background .2s}.app-card:hover{transform:translateX(4px);border-color:#63827e}.app-card.selected{border-color:#80dabb;background:#203638;box-shadow:inset 0 0 0 1px #91e6c22b}.app-card input{position:absolute;opacity:0}.app-icon{width:50px;height:50px;flex:none;display:grid;place-items:center;border-radius:12px;font-size:29px}.app-icon.mint{background:#1e4945;color:#9bf3d3}.app-icon.violet{background:#343052;color:#c6b5ff}.app-icon.amber{background:#493d32;color:#f3ca8a}.app-card strong{display:block;font-size:14px}.app-card small{display:block;font-size:11px;color:#a9b7c7;margin-top:6px}.select-ring{width:19px;height:19px;border:1.5px solid #62748a;border-radius:50%;margin-left:auto;flex:none}.selected .select-ring{border:5px solid var(--mint)}.fields{background:#0f1728;border:1px solid #28354a;border-radius:18px;padding:26px}.field-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:17px;font-size:13px;font-weight:800}.field-title small{font-size:11px;color:#8fa4b5;font-weight:500}.field-title.second{margin-top:24px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}label{display:block;color:#bdcad7;font-size:11px;font-weight:700}input{width:100%;display:block;margin-top:8px;background:#172235;border:1px solid #354259;color:var(--text);padding:14px;border-radius:10px;outline:none;font-size:13px;transition:border .2s,box-shadow .2s}input::placeholder{color:#73849a}input:focus{border-color:var(--mint);box-shadow:0 0 0 3px #89e5c221}.password-wrap{display:block;position:relative}.password-wrap input{padding-right:44px}.reveal{position:absolute;right:7px;top:17px;background:none;border:0;color:#99aabe;padding:6px;font-size:16px}.field-hint{font-size:11px;color:#8ea2b2;line-height:1.75;margin:11px 0 0}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #29384b;margin-top:24px;padding-top:24px}.form-bottom>span{font-size:11px;color:#9cb1be;white-space:nowrap}.form-bottom strong{color:var(--mint);font-size:15px;margin-left:4px}.form-message{font-size:12px;min-height:18px;margin:10px 0 0;color:var(--danger)}.status-panel{margin-top:26px;padding:35px}.status-badge{white-space:nowrap}.progress-top{display:flex;justify-content:space-between;margin:35px 0 12px;font-size:13px}.progress-top span{font-family:'DM Sans',sans-serif;color:var(--mint);font-weight:800}.progress-track{height:10px;border-radius:20px;background:#26384a;overflow:hidden}.progress-track div{height:100%;width:4%;border-radius:20px;background:linear-gradient(90deg,#55cba9,#b0f4d7);box-shadow:0 0 16px #83eac2a1;transition:width .8s ease}.timeline{margin-top:28px;border-left:1px solid #38515a;padding-left:22px;max-height:290px;overflow:auto}.event{position:relative;padding:0 0 20px}.event:before{content:'';position:absolute;left:-27px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #294c47}.event.warning:before{background:var(--amber)}.event.error:before{background:var(--danger)}.event time{font:600 10px 'DM Sans',sans-serif;color:#7991a5;display:block;margin-bottom:5px}.event p{margin:0;color:#bccbd8;font-size:12px}.result{margin-top:25px;background:#1b3437;border:1px solid #4f9482;border-radius:15px;padding:23px}.result h3{margin:0 0 15px;color:var(--mint)}.result-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid #38615d;font-size:12px}.result-row span{color:#a4beb9}.result-row strong{max-width:70%;overflow-wrap:anywhere;text-align:right}.result-row a{color:var(--mint);text-decoration:underline}.result .note{color:#c2d5d0;font-size:11px;line-height:1.7;margin:14px 0 0}.lookup-panel{margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:35px}.lookup-panel form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.lookup-panel form label{flex:1;min-width:160px}.lookup-panel form .form-message{width:100%}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:42px 0 80px}.how div{border-top:1px solid #34445a;padding-top:25px}.how span{font:700 12px 'DM Sans',sans-serif;color:var(--mint)}.how h3{font-size:15px;margin:15px 0 8px}.how p{color:var(--muted);font-size:11px;line-height:1.7;margin:0}footer{height:85px;border-top:1px solid #263044;display:flex;justify-content:space-between;align-items:center;color:#7f90a6;font-size:11px}.hidden{display:none!important}.admin-main{min-height:calc(100vh - 171px);padding:65px 0}.admin-login{max-width:480px;margin:50px auto;border:1px solid var(--line);padding:40px;border-radius:24px;background:var(--panel)}.admin-login h1,.admin-main h1{font-size:43px;margin:15px 0}.admin-login p{color:var(--muted);font-size:13px}.admin-login form{margin-top:35px}.admin-login .btn{margin-top:18px;width:100%}.accent-dot{color:var(--mint)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.stat{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:20px}.stat strong{display:block;font:800 30px 'DM Sans',sans-serif}.stat span{color:var(--muted);font-size:11px}.admin-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.admin-table{border-collapse:collapse;width:100%;font-size:12px;min-width:700px}.admin-table th{text-align:left;color:#8fa3b4;font-size:10px;letter-spacing:.08em}.admin-table th,.admin-table td{padding:18px;border-bottom:1px solid #283448}.admin-table tr:last-child td{border:0}.admin-table td small{display:block;color:var(--muted);margin-top:5px}.admin-table button{background:transparent;border:1px solid #4e685e;border-radius:8px;padding:7px 12px;color:var(--mint)}.chip{display:inline-block;background:#25463e;color:var(--mint);padding:5px 9px;border-radius:20px;font-size:10px}.chip.failed{background:#53313c;color:var(--danger)}.chip.running{background:#3e4260;color:#c8c0ff}.admin-detail{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:25px;margin-top:20px}.admin-detail h3{margin-top:0}.admin-detail .timeline{max-height:400px}@keyframes pulse{50%{box-shadow:0 0 0 8px #8af9cf0b,0 0 20px #8af9cfa1}}@media(max-width:850px){.form-grid,.lookup-panel{grid-template-columns:1fr}.app-picker{grid-template-columns:repeat(3,1fr)}.app-card{flex-direction:column;align-items:flex-start}.app-card .select-ring{position:absolute;right:13px;top:13px}.app-card{position:relative}.lookup-panel{gap:18px}.admin-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.page-shell{padding:0 18px}.topbar{height:70px}.brand{font-size:13px}.brand small{display:none}.topbar nav{gap:15px}.topbar nav a{font-size:10px}.topbar nav a:first-child{display:none}.hero{padding:70px 0}.hero h1{font-size:46px}.hero p{font-size:13px}.hero-actions{flex-wrap:wrap}.hero-metrics{gap:30px}.workspace,.status-panel,.lookup-panel{padding:23px}.app-picker{grid-template-columns:1fr}.app-card{flex-direction:row;align-items:center;min-height:72px}.fields{padding:19px}.field-row{grid-template-columns:1fr}.form-bottom{align-items:stretch;flex-direction:column}.how{grid-template-columns:1fr;gap:20px;padding-bottom:45px}.section-head{flex-wrap:wrap}footer{gap:10px}.admin-main{padding:30px 0}.admin-login{margin:25px auto;padding:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

@media(max-width:600px){.hero h1{font-size:38px}.form-grid,.lookup-panel,.field-row{grid-template-columns:minmax(0,1fr)}.fields,.app-picker,.workspace,.lookup-panel{min-width:0}.fields input{min-width:0}}

@keyframes riseIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{50%{transform:translate(25px,20px)}}.hero .eyebrow,.hero h1,.hero p,.hero-actions,.hero-metrics{animation:riseIn .75s both}.hero h1{animation-delay:.08s}.hero p{animation-delay:.16s}.hero-actions{animation-delay:.24s}.hero-metrics{animation-delay:.32s}.ambient{animation:drift 9s ease-in-out infinite}.ambient-two{animation-delay:-4s}@media(prefers-reduced-motion:reduce){.hero .eyebrow,.hero h1,.hero p,.hero-actions,.hero-metrics,.ambient{animation:none}}
