:root{--bg:#f4f6f8;--surface:#fff;--line:#e5e9ef;--text:#17202d;--muted:#697586;--blue:#1677ff;--blue2:#eaf3ff;--green:#23a55a;--red:#e5484d;--amber:#d98400;--shadow:0 8px 24px rgba(24,39,58,.07)}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg);letter-spacing:0}.hidden{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#101826;color:#d8e0eb;padding:24px 16px;display:flex;flex-direction:column;z-index:5}.logo{display:flex;align-items:center;gap:12px;padding:0 10px 30px}.logo span,.brand-mark{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:800}.logo strong{font-size:15px;line-height:1.25}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#aeb9c8;height:44px;border-radius:7px;padding:0 13px;display:flex;align-items:center;gap:12px;text-align:left}.nav-item:hover{background:#182437;color:#fff}.nav-item.active{background:#1677ff;color:#fff}.nav-item svg,.icon-btn svg,button svg{width:18px;height:18px}.sidebar-foot{margin-top:auto;border-top:1px solid #263246;padding:18px 8px 0;font-size:12px;color:#8e9bad;display:flex;align-items:center;gap:8px}.sidebar-foot button{margin-left:auto;border:0;background:transparent;color:#8e9bad}.secure-dot{width:7px;height:7px;border-radius:50%;background:#3bc878}main{margin-left:224px;min-height:100vh}.topbar{height:92px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:4}.topbar h1{font-size:22px;margin:0 0 5px}.topbar p{font-size:13px;color:var(--muted);margin:0}.top-actions{display:flex;gap:8px}.top-actions select{max-width:190px}.page{padding:26px 32px}.stats{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;display:flex;gap:14px;align-items:center}.stat-icon{width:42px;height:42px;border-radius:8px;display:grid;place-items:center}.stat-icon svg{width:21px}.blue{background:#eaf3ff;color:#1677ff}.green{background:#e9f8ef;color:#1d9a50}.amber{background:#fff4df;color:#c97700}.violet{background:#f2edff;color:#7553d6}.stat small{color:var(--muted);display:block;margin-bottom:4px}.stat strong{font-size:23px}.toolbar{display:flex;align-items:center;gap:16px;margin:8px 0 18px}.segmented{display:flex;border:1px solid #dce2e9;background:#fff;border-radius:7px;overflow:hidden}.segmented button{width:40px;height:36px;border:0;border-right:1px solid #e3e7ec;background:#fff;color:#788393}.segmented button:last-child{border:0}.segmented button.active{background:var(--blue2);color:var(--blue)}.check{font-size:13px;color:#576273;display:flex;gap:7px;align-items:center}.search{margin-left:auto;position:relative}.search svg{position:absolute;width:17px;left:11px;top:10px;color:#8b96a5}.search input{padding-left:36px;width:240px}.instance-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:14px}.instance-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;min-width:0;box-shadow:0 1px 2px rgba(20,35,55,.02)}.instance-card.alert{border-color:#efb4b4}.card-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:18px}.card-title{min-width:0}.card-title h3{font-size:15px;margin:0 0 5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-title p{font-size:12px;color:var(--muted);margin:0}.badge{height:24px;padding:0 8px;border-radius:5px;display:inline-flex;align-items:center;font-size:12px;white-space:nowrap}.badge.running{background:#eaf8ed;color:#219653}.badge.stopped{background:#fff0f0;color:#d64045}.metrics{display:grid;gap:11px}.metric{display:grid;grid-template-columns:62px 1fr 42px;gap:8px;align-items:center;font-size:12px;color:#667181}.bar{height:7px;background:#edf0f4;border-radius:5px;overflow:hidden}.bar i{height:100%;display:block;background:#41b94f;border-radius:5px}.details{border-top:1px solid #edf0f4;margin-top:16px;padding-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px}.details span{color:#8b95a3;display:block;margin-bottom:3px}.card-actions{display:flex;gap:7px;margin-top:15px}.card-actions button{height:34px;border-radius:6px;border:1px solid #dfe4ea;background:#fff;color:#485364;padding:0 10px}.card-actions .start{background:#e9f7ee;color:#228b4c;border-color:#ccebd6}.card-actions .stop{color:#d2454a}.more{margin-left:auto;width:34px;padding:0!important}.empty{text-align:center;background:#fff;border:1px dashed #cfd6df;padding:64px 20px;border-radius:8px}.empty>svg{width:38px;color:#9aa5b3}.empty h3{margin:12px 0 5px}.empty p{color:var(--muted);font-size:13px;margin:0 0 18px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-head h2{font-size:19px;margin:0 0 5px}.section-head p{font-size:13px;color:var(--muted);margin:0}.form-surface,.table-wrap,.protection-layout{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;max-width:980px}.form-surface{display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-size:13px;color:#485466;display:grid;gap:7px}input,select,textarea{border:1px solid #d8dee7;background:#fff;border-radius:6px;padding:10px 11px;color:#263140;outline:none;min-height:40px}input:focus,select:focus,textarea:focus{border-color:#6aa9ff;box-shadow:0 0 0 3px rgba(22,119,255,.1)}textarea{resize:vertical}details{border-top:1px solid var(--line);padding-top:16px}summary{font-size:13px;color:#485466;margin-bottom:15px}.form-actions,.dialog-actions{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:flex-end;align-items:center;gap:10px}.form-actions span{margin-right:auto;color:var(--muted);font-size:12px}.primary,.secondary,.danger{border:0;border-radius:6px;min-height:38px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary{background:var(--blue);color:#fff}.primary:hover{background:#0569e8}.secondary{background:#eef1f5;color:#3c4858}.danger{background:var(--red);color:#fff}.wide{width:100%}.icon-btn{width:40px;height:40px;border:1px solid #d8dee7;background:#fff;border-radius:6px;display:grid;place-items:center;color:#687587}.table-wrap{max-width:none;padding:0;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:14px 17px;border-bottom:1px solid #edf0f3}th{background:#f7f8fa;color:#687385;font-weight:600}tr:last-child td{border:0}.row-actions{display:flex;gap:7px}.row-actions button{border:0;background:#eef2f6;border-radius:5px;height:31px;padding:0 10px;color:#536071}.row-actions .remove{color:#d63e49;background:#fff0f1}.info-band{display:flex;gap:14px;background:#edf6ff;border:1px solid #cce2fa;border-radius:7px;padding:17px;color:#245986}.info-band svg{width:22px;flex:none}.info-band strong{color:#173e64}.info-band p{margin:5px 0 0;font-size:13px;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.steps div{border:1px solid var(--line);padding:16px;border-radius:7px;display:flex;align-items:center;gap:10px;font-size:13px}.steps b{background:var(--blue2);color:var(--blue);width:26px;height:26px;border-radius:50%;display:grid;place-items:center}.login-shell{min-height:100vh;display:grid;place-items:center;background:#eef2f6}.login-panel{width:min(380px,calc(100% - 32px));background:#fff;padding:34px;border-radius:8px;box-shadow:var(--shadow)}.login-panel .brand-mark{margin-bottom:18px}.login-panel h1{font-size:22px;margin:0 0 8px}.login-panel p{color:var(--muted);font-size:13px;margin:0 0 25px}.login-panel label{margin-bottom:18px}.error{color:var(--red);font-size:12px;margin-top:12px;min-height:16px}dialog{border:0;border-radius:8px;padding:0;box-shadow:0 20px 60px rgba(20,30,45,.2);width:min(520px,calc(100% - 30px))}dialog::backdrop{background:rgba(22,30,42,.5)}dialog form{padding:24px;display:grid;gap:14px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head h2{font-size:19px;margin:0 0 5px}.dialog-head p{margin:0;color:var(--muted);font-size:12px}.dialog-head .icon-btn{border:0;width:32px;height:32px}.toast{position:fixed;right:24px;bottom:24px;background:#17202d;color:#fff;padding:12px 16px;border-radius:7px;box-shadow:var(--shadow);font-size:13px;transform:translateY(30px);opacity:0;pointer-events:none;transition:.2s;z-index:20}.toast.show{transform:none;opacity:1}.toast.error-toast{background:#c63f45}@media(max-width:1100px){.instance-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:64px;padding:18px 8px}.logo{padding:0 4px 24px}.logo strong,.nav-item:not(.active){font-size:0}.nav-item{padding:0;justify-content:center}.nav-item.active{font-size:0}.sidebar-foot{font-size:0}.sidebar-foot button{margin:0 auto}main{margin-left:64px}.topbar{height:auto;min-height:112px;align-items:flex-start;padding:18px;gap:15px;flex-direction:column}.top-actions{width:100%}.top-actions select{min-width:0;flex:1}.page{padding:18px}.stats,.instance-grid,.form-grid,.steps{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search{margin-left:0;width:100%}.search input{width:100%}}