:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#18202b;background:#f4f7fb;letter-spacing:0;--blue:#1769e0;--line:#dfe5ed;--muted:#6f7b8b}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:6px;padding:9px 13px;color:#263241}.primary{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:650}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.shell aside{background:#132033;color:#dbe7f8;padding:20px 14px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;padding:5px 8px 25px;font-weight:750}.brand i{width:36px;height:36px;display:grid;place-items:center;background:#e8f4ff;color:#1769e0;border-radius:6px;font-style:normal;font-size:19px}.brand small{display:block;color:#7f95b2;font-size:9px;margin-top:3px}.shell nav{display:grid;gap:5px}.shell nav button{border:0;background:transparent;color:#9eb0c8;text-align:left;padding:11px;border-radius:6px}.shell nav button.active,.shell nav button:hover{background:#23344c;color:#fff}.side-user{margin-top:auto;border-top:1px solid #2c3b50;padding:16px 8px 0}.side-user small{display:block;color:#8195af;margin:3px 0 12px}.side-user button{background:transparent;color:#a9b9cc;border-color:#35465d;padding:6px 10px}.shell main{min-width:0;padding:0 30px 40px}.shell header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}h1,h2,h3,p{margin-top:0}h1{font-size:21px;margin-bottom:0}h2{font-size:19px;margin-bottom:7px}.kicker{font-size:10px;color:#66809f;font-weight:750;margin-bottom:4px}.connection-pill{background:#fff;border:1px solid var(--line);padding:8px 11px;border-radius:6px;font-size:13px}.connection-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f1a72b;margin-right:7px}.connection-pill.connected i{background:#1fa76c}.view{display:none;padding-top:26px}.view.active{display:block}.view-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.view-head p,.form-panel p{color:var(--muted);font-size:13px}.window-tabs{display:flex;gap:7px;overflow:auto;border-bottom:1px solid var(--line)}.window-tabs button{border-bottom:0;border-radius:6px 6px 0 0}.window-tabs button.active{background:#fff;color:var(--blue);border-top:2px solid var(--blue)}.empty{padding:70px;text-align:center;background:#fff;border:1px dashed #cbd5e2;color:var(--muted);margin-top:18px}.window-card{background:#fff;border:1px solid var(--line);margin-top:18px}.window-summary{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.window-summary div{padding:18px;border-right:1px solid var(--line)}.window-summary small{display:block;color:var(--muted);margin-bottom:6px}.window-actions{padding:14px;display:flex;gap:8px}.danger{color:#ca3d45}.logs{height:330px;overflow:auto;background:#101923;color:#b8c9db;padding:15px;font:12px ui-monospace,monospace}.log{display:grid;grid-template-columns:145px 62px 1fr;padding:6px;border-bottom:1px solid #203043}.log .success{color:#53d99b}.log .error{color:#ff7b83}.account-layout{display:grid;grid-template-columns:210px 1fr;gap:16px}.groups,.table-panel,.form-panel{background:#fff;border:1px solid var(--line)}.group-head{padding:14px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.group{border:0;border-radius:0;width:100%;text-align:left;display:flex;justify-content:space-between}.group.active{background:#eaf3ff;color:#125dbd}.table-panel{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e8edf3;white-space:nowrap}th{background:#f9fafc;color:#667487;font-size:12px}.badge{display:inline-block;padding:3px 7px;border-radius:4px;background:#e8f7f0;color:#148353}.form-panel{padding:22px;display:grid;gap:17px;max-width:760px}.form-panel.narrow{max-width:560px}label{display:grid;gap:7px;font-size:13px;font-weight:650}input,select,textarea{width:100%;border:1px solid #cfd8e4;border-radius:6px;padding:10px;background:#fff;color:#1d2938}.check{display:flex;grid-auto-flow:column;justify-content:start;align-items:center}.check input{width:auto}.row,.two,.modal-actions{display:flex;gap:12px}.two>*{flex:1}dialog{width:min(640px,calc(100% - 24px));border:0;border-radius:8px;padding:0;box-shadow:0 24px 80px #12213d45}dialog::backdrop{background:#0c172970}dialog form{padding:22px;display:grid;gap:17px}.modal-head{display:flex;justify-content:space-between}.modal-head>button{font-size:20px;border:0}.modal-actions{justify-content:flex-end}.account-checks{max-height:190px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:7px}.account-checks label{display:flex;padding:9px;border:1px solid var(--line);font-weight:400}.account-checks input{width:auto}.toast{position:fixed;right:24px;bottom:24px;background:#172333;color:#fff;padding:12px 16px;border-radius:6px;opacity:0;pointer-events:none}.toast.show{opacity:1}.auth{background:#eef3f9}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr}.login-brand{background:#14233a;color:#fff;padding:12vh 10vw}.flake{font-size:48px;color:#85c9ff}.login-brand h1{font-size:42px;margin:18px 0}.login-brand .lead{color:#aebfd4;max-width:500px}.feature-line{display:flex;gap:25px;margin-top:80px;color:#9fb5d0;font-size:13px}.login-panel{padding:15vh 7vw;background:#fff}.login-panel h2{font-size:27px}.login-panel form{display:grid;gap:18px;margin-top:35px}.remember{display:flex}.remember input{width:auto}.alert{background:#fff0f0;color:#bd2935;padding:10px;margin-top:15px}
@media(max-width:760px){.shell{grid-template-columns:64px 1fr}.shell aside{padding:15px 8px}.brand span,.shell nav span,.side-user b,.side-user small{display:none}.brand{padding:4px 6px 20px}.shell nav button{text-align:center}.side-user form button{font-size:0}.side-user form button:after{content:'↪';font-size:18px}.shell main{padding:0 14px 30px}.shell header{height:68px}.connection-pill{max-width:145px;overflow:hidden;white-space:nowrap}.view-head{gap:12px}.window-summary{grid-template-columns:1fr 1fr}.account-layout{grid-template-columns:1fr}.groups{display:flex;overflow:auto}.group-head{display:none}.group{width:auto;white-space:nowrap}.two{display:grid}.account-checks{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-brand{padding:45px 26px}.login-brand h1{font-size:32px}.feature-line{margin-top:35px;gap:12px;flex-wrap:wrap}.login-panel{padding:45px 26px}}