*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#15223b}.app{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{background:#0e1c37;color:#fff;padding:27px 18px;display:flex;flex-direction:column}.brand{font-weight:800;font-size:17px}.brand i{font-style:normal;background:#1670ef;padding:10px;border-radius:10px;margin-right:9px}.brand span{color:#69a7ff}nav{margin-top:35px;display:grid;gap:7px}nav button,.account button{border:0;background:none;color:#9dacbf;text-align:left;padding:11px;border-radius:8px;cursor:pointer}.on{background:#1a2d4d!important;color:#fff!important}.account{margin-top:auto;border-top:1px solid #2b3c58;padding-top:18px}.account b,.account small{display:block;font-size:11px}.account small{color:#8191a8;margin-top:4px}main{padding:38px 42px;max-width:1500px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{margin:0 0 6px;font-size:25px}header p,.top p,.setting>p{margin:0;color:#728096;font-size:12px}header em{font-style:normal;background:#eafaf1;color:#16834b;border:1px solid #ccefdc;padding:8px 12px;border-radius:18px;font-size:11px}.flow{background:#eaf3ff;border:1px solid #d5e6fb;border-radius:12px;padding:17px 20px;display:flex;align-items:center;gap:22px}.flow div{display:grid;grid-template-columns:32px auto;grid-template-rows:auto auto;align-items:center;font-size:18px}.flow b{font-size:11px}.flow small{font-size:9px;color:#738299}.flow span{margin-left:auto;color:#16834b;font-size:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:17px 0}.card,.panel{background:#fff;border:1px solid #e0e6ee;border-radius:11px;box-shadow:0 2px 7px #17233b0a}.card{padding:17px;display:flex;gap:13px;align-items:center}.card i{font-style:normal;background:#edf4ff;color:#1769e8;width:37px;height:37px;border-radius:8px;display:grid;place-items:center}.card small,.card b{display:block}.card small{font-size:9px;color:#7c899c}.card b{font-size:22px;margin-top:3px}.top{padding:17px 19px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8edf3}.top h2,.setting h2{font-size:15px;margin:0 0 4px}.tools{display:flex;gap:8px}.tools input{width:250px;border:1px solid #d9e0e9;border-radius:7px;padding:9px 11px;font-size:10px}.tools button,.step button{border:1px solid #d9e0e9;background:#fff;border-radius:7px;padding:8px 11px;font-size:10px;cursor:pointer}.row{display:grid;grid-template-columns:1.1fr .85fr .65fr 1.4fr .85fr 65px;gap:14px;align-items:center;padding:13px 19px;border-bottom:1px solid #edf0f4;font-size:10px}.head{background:#fafbfc;text-transform:uppercase;color:#778397;font-size:8px;font-weight:700}.row small{display:block;color:#8b97a7;font-size:8px;margin-top:3px}.row a{color:#1769e8;text-decoration:none}.latest{box-shadow:inset 3px 0 #347fed}.acts{display:flex;gap:4px}.acts button{border:0;background:#f3f6fa;border-radius:6px;padding:6px;cursor:pointer}.acts button:last-child:hover{color:#d33}.toast{position:fixed;right:24px;bottom:24px;background:#142440;color:white;padding:11px 16px;border-radius:8px;font-size:11px}.settings{display:grid;gap:17px}.setting{padding:23px}.step{display:flex;gap:13px;margin-top:24px}.step>i{font-style:normal;background:#eaf2ff;color:#1769e8;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:10px;flex:0 0 auto}.step b{font-size:12px}.step p{font-size:10px;color:#758298}.step code{display:inline-block;background:#f4f6f9;border:1px solid #e1e6ed;padding:9px;border-radius:6px;font-size:10px;margin-right:6px}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.how div{background:#f8fafc;border:1px solid #e5eaf0;border-radius:9px;padding:18px;font-size:20px}.how b{display:block;font-size:11px;margin:10px 0 4px}.how p{font-size:9px;color:#778397;margin:0;line-height:1.5}footer{text-align:center;color:#9ba6b5;font-size:8px;padding-top:20px}@media(max-width:850px){.app{display:block}aside{height:auto;padding:18px}.account{display:none}nav{margin-top:20px;display:flex}main{padding:22px 15px}header{align-items:flex-start}.flow{overflow:auto}.stats{grid-template-columns:1fr 1fr}.tools{width:100%;margin-top:12px}.top{display:block}.tools input{width:100%}.head{display:none}.row{display:grid;grid-template-columns:1fr 1fr;padding:17px}.row span:before{content:attr(data-k);display:block;font-size:8px;text-transform:uppercase;color:#8995a5;margin-bottom:4px}.acts{justify-content:flex-end}.how{grid-template-columns:1fr}} 
button,input{font:inherit}.empty{padding:48px 20px;text-align:center;color:#728096}.empty b{display:block;color:#15223b;font-size:14px;margin-bottom:7px}.notice{background:#fff8e7;border:1px solid #f0dfae;padding:12px 15px;border-radius:9px;font-size:10px;margin-bottom:16px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#18a05e;margin-right:5px}
header em.offline{background:#f3f5f8;color:#667386;border-color:#dde3ea}.offline-dot{background:#8793a3}.empty{padding:62px 24px}.empty p{max-width:470px;margin:8px auto 0;line-height:1.6}.empty-icon{width:44px;height:44px;margin:0 auto 14px;border-radius:12px;background:#edf4ff;color:#1769e8;display:grid;place-items:center;font-size:20px}.tools button:disabled,.tools input:disabled{cursor:not-allowed;opacity:.55;background:#f7f8fa}.setup-state{display:flex;gap:14px;align-items:flex-start;margin-top:22px;padding:18px;background:#f8fafc;border:1px solid #e5eaf0;border-radius:9px}.setup-icon{font-size:22px}.setup-state b{font-size:12px}.setup-state p{font-size:10px;color:#758298;line-height:1.6;margin:5px 0 0}
.boot,.fatal{min-height:100vh;display:grid;place-items:center;color:#64748b}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f5f7fb}.login-card{width:min(420px,100%);background:#fff;border:1px solid #e0e6ee;border-radius:16px;box-shadow:0 18px 55px #17233b18;padding:34px}.login-brand{display:flex;align-items:center;gap:10px;font-weight:800;margin-bottom:32px}.login-brand i{font-style:normal;background:#1670ef;padding:10px;border-radius:10px}.login-brand span{color:#1670ef}.login-card h1{font-size:25px}.login-card>p{color:#728096;font-size:12px;margin:6px 0 24px}.login-card form{display:grid;gap:16px}.login-card label{display:grid;gap:7px;font-size:11px;font-weight:700}.login-card input{border:1px solid #d9e0e9;border-radius:8px;padding:12px;font-size:13px;outline:none}.login-card input:focus{border-color:#1670ef;box-shadow:0 0 0 3px #1670ef18}.primary{border:0;background:#1670ef;color:#fff;border-radius:8px;padding:12px;font-weight:700;cursor:pointer}.primary:disabled{opacity:.6}.login-card>small{display:block;color:#8a96a7;font-size:9px;margin-top:20px;text-align:center}.login-error{background:#fff1f2;color:#b4233a;border:1px solid #ffd5da;border-radius:8px;padding:10px 12px;font-size:10px;margin-bottom:16px}.account-setting{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:16px;background:#f8fafc;border:1px solid #e5eaf0;border-radius:9px}.account-setting b,.account-setting small{display:block}.account-setting b{font-size:12px}.account-setting small{font-size:9px;color:#758298;margin-top:5px;word-break:break-all}.secondary{border:1px solid #d9e0e9;background:#fff;border-radius:7px;padding:9px 12px;font-size:10px;cursor:pointer}.loading-list{padding:10px 19px}.skeleton{height:44px;border-radius:7px;margin:9px 0;background:linear-gradient(90deg,#f1f4f7 25%,#f8fafc 50%,#f1f4f7 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.toast.error{background:#a61b35}.last-time{font-size:18px!important}.error-state .secondary{margin-top:12px}.flow span{margin-left:auto;color:#16834b;font-size:10px;font-weight:700}