*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#182230;font:14px/1.5 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}header{background:#121e34;color:#fff;padding:26px clamp(16px,4vw,42px);display:flex;justify-content:space-between;align-items:center;gap:20px}header h1{font-size:clamp(24px,3vw,34px);letter-spacing:-.7px;margin:3px 0 5px}header p{margin:0;color:#bdc9dc}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#8daeff}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.access{font-size:12px;color:#dbeafe;border:1px solid #53617a;padding:6px 9px;border-radius:20px}.access.admin{background:#164e3c;border-color:#28795b;color:#c7f9df}main{max-width:1550px;margin:auto;padding:22px clamp(12px,3vw,30px) 40px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.search-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:220px;background:white;border:1px solid #d9e1ec;border-radius:10px;padding-left:12px}.search-wrap span{font-size:22px;color:#667085}.search-wrap input{border:0;outline:0;box-shadow:none}.toolbar select{max-width:220px}input,textarea,select{width:100%;font:inherit;color:inherit;background:white;border:1px solid #d9e1ec;border-radius:9px;padding:10px 12px}button{font:600 13px system-ui;cursor:pointer;border:1px solid #d9e1ec;background:white;color:#172033;border-radius:9px;padding:10px 13px}button:hover{filter:brightness(.97)}button.primary{background:#2458d3;color:#fff;border-color:#2458d3}button.light{background:#fff;color:#172033;border-color:#fff}.hidden{display:none!important}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat,.panel{background:white;border:1px solid #dfe5ee;border-radius:14px;box-shadow:0 7px 22px #18223008}.stat{padding:13px 15px}.stat span{display:block;font-size:10px;letter-spacing:1px;font-weight:800;color:#788397}.stat b{font-size:25px;display:block;margin-top:2px}.layout{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(360px,1.3fr);gap:16px;align-items:start}.panel{overflow:hidden}.panelhead{padding:16px 18px;border-bottom:1px solid #e8edf3;display:flex;align-items:center;justify-content:space-between;gap:12px}.panelhead h2{font-size:16px;margin:0}.panelhead p{margin:3px 0 0;font-size:12px;color:#788397}.panelhead small{color:#788397;white-space:nowrap}.tree{padding:13px;display:flex;flex-direction:column;gap:13px;max-height:calc(100vh - 280px);min-height:350px;overflow:auto}.region{border:1px solid #dfe5ee;border-radius:12px;overflow:hidden}.region-head{display:flex;align-items:center;gap:9px;background:#f8fafc;padding:11px 12px;border-bottom:1px solid #e8edf3}.region-mark{width:29px;height:29px;border-radius:8px;background:#e9efff;color:#2458d3;display:grid;place-items:center;font-weight:800}.region-title{font-weight:800;flex:1;overflow-wrap:anywhere}.region-count{font-size:11px;color:#667085;background:white;border:1px solid #e0e6ee;border-radius:20px;padding:3px 7px}.server-list{padding:8px;display:grid;gap:7px}.server-card{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px;border:1px solid transparent;border-radius:9px;background:white}.server-card:hover{background:#f7f9fc;border-color:#dfe5ee}.server-card.selected{background:#eef3ff;border-color:#a8bfff}.server-mark{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;background:#f0f3f8;border-radius:9px;color:#46566e}.server-card.selected .server-mark{background:#dce7ff;color:#2458d3}.server-copy{flex:1;min-width:0}.server-name{font-weight:750;overflow-wrap:anywhere}.server-meta{font-size:11px;color:#788397;margin-top:2px}.chevron{font-size:18px;color:#8a94a6}.detail{min-height:440px}.editor{padding:18px}.empty-state{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#788397}.empty-state b{color:#344054;font-size:15px;margin-top:12px}.empty-state p{max-width:250px;font-size:12px}.empty-icon{width:54px;height:54px;border:1px solid #dfe5ee;background:#f8fafc;border-radius:16px;display:grid;place-items:center;font-size:25px;color:#2458d3}.detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:18px}.region-pill{display:inline-flex;background:#eef3ff;color:#2458d3;border:1px solid #d7e2ff;border-radius:20px;padding:4px 9px;font-size:11px;font-weight:700}.section-label{font-size:10px;font-weight:800;letter-spacing:1.1px;color:#788397;margin:18px 0 9px}.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.service{border:1px solid #e0e6ee;border-radius:10px;padding:12px;min-width:0}.service-name{font-weight:750;overflow-wrap:anywhere}.service-bottom{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px}.port{background:#edf7f2;color:#087f5b;border:1px solid #d1eadf;border-radius:6px;font-size:11px;padding:3px 7px}.domain-list{display:flex;flex-wrap:wrap;gap:7px}.domain{display:inline-block;background:#f5f7fa;color:#344054;border:1px solid #e0e6ee;border-radius:7px;padding:7px 9px;font-size:12px;overflow-wrap:anywhere;max-width:100%;text-decoration:none}.domain:hover{background:#eaf0ff;color:#2458d3}.detail-actions{display:flex;gap:6px}.mini{font-size:11px;padding:6px 9px}.field label,.modal-card label{display:block;font-size:12px;font-weight:750;margin-bottom:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{margin-bottom:13px}.field small{display:block;color:#788397;font-size:11px;margin-top:4px}.editor-actions{display:flex;gap:8px;flex-wrap:wrap}.muted{color:#788397}.error{color:#b42318;min-height:16px;font-size:12px}.footnote{color:#788397;font-size:12px;margin-top:15px}.modal{position:fixed;inset:0;background:#10182899;display:grid;place-items:center;padding:16px;z-index:10}.modal-card{background:white;border-radius:16px;padding:25px;width:min(420px,100%);display:flex;flex-direction:column;gap:13px;position:relative}.modal-card h2{margin:0}.modal-card p{margin:0}.close{position:absolute;right:13px;top:12px;border:0;font-size:24px;padding:2px 8px}#toast{position:fixed;bottom:20px;right:20px;max-width:min(400px,calc(100vw - 40px));background:#111c34;color:white;padding:12px 16px;border-radius:10px;box-shadow:0 8px 24px #0002;display:none;z-index:20}#toast.show{display:block}.danger{color:#b42318}.empty{color:#788397;font-style:italic;font-size:12px}@media(max-width:950px){.layout{grid-template-columns:1fr}.tree{max-height:none;min-height:0}.detail{min-height:300px}}@media(max-width:550px){header{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.service-list{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.toolbar select{max-width:none}}