:root{
  --bg:#f4f7fb;--panel:#fff;--panel2:#f8fafc;--ink:#101828;--muted:#667085;--muted2:#98a2b3;
  --line:#e6eaf0;--nav:#0c1424;--nav2:#152238;--accent:#4f6df5;--accent2:#16b98e;--danger:#e5484d;
  --warning:#f59f00;--shadow:0 18px 55px rgba(16,24,40,.07);--radius:16px
}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}a{color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.grow{flex:1}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--accent)}
#app{display:grid;grid-template-columns:252px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--nav),#08111f);color:#dbe3ef;padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 22px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#5b74f8,#2ed0ac);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 10px 28px rgba(79,109,245,.3)}.brand-mark.large{width:52px;height:52px;border-radius:15px;font-size:20px}.brand b{display:block;color:#fff;font-size:16px}.brand span{display:block;font-size:11px;color:#8190a8;margin-top:1px}.nav-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:#56657c;padding:18px 12px 7px}.sidebar nav{display:grid;gap:3px}.sidebar nav button{border:0;background:transparent;color:#aeb9ca;text-align:left;padding:10px 12px;border-radius:10px;display:flex;align-items:center;gap:10px}.sidebar nav button span{width:17px;text-align:center;color:#7486a2}.sidebar nav button:hover,.sidebar nav button.active{background:var(--nav2);color:#fff}.sidebar nav button.active span{color:#8ea1ff}.sidebar-foot{margin-top:auto;border-top:1px solid #263247;padding:15px 5px 0;display:flex;align-items:center;gap:6px}.sidebar-foot form{margin-left:auto}.account-button,.logout-button{border:0;background:transparent;color:#dbe3ef}.account-button{display:flex;gap:10px;align-items:center;text-align:left;padding:6px;border-radius:10px;min-width:0}.account-button:hover{background:#142035}.account-button b,.account-button small{display:block}.account-button small{font-size:10px;color:#7f8da4}.avatar{width:31px;height:31px;border-radius:9px;background:#1d2a40;display:grid;place-items:center;font-weight:800}.logout-button{font-size:18px;padding:9px;color:#f39a9d;border-radius:9px}.logout-button:hover{background:#311b27}
main{min-width:0}.topbar{min-height:84px;background:rgba(255,255,255,.92);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:17px 30px;position:sticky;top:0;z-index:20}.topbar h2{margin:0;font-size:22px;letter-spacing:-.03em}.topbar>div>span{color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:10px}.version-pill,.status-pill{border:1px solid var(--line);background:#fff;padding:8px 11px;border-radius:999px;font-size:12px}.version-pill{color:var(--muted)}.status-pill{color:#18775f;background:#f1fbf7;border-color:#d6f1e7;display:flex;align-items:center;gap:7px}.status-pill i{display:block;width:7px;height:7px;border-radius:50%;background:#20b486;box-shadow:0 0 0 4px rgba(32,180,134,.1)}.ghost,.primary,.danger-button,.soft-button,.icon-button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;color:var(--ink)}.ghost:hover,.soft-button:hover{background:#f8fafc}.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.primary:hover{filter:brightness(.97)}.danger-button{color:#b42318;border-color:#fecdca;background:#fff7f6}.icon-button{font-size:22px;line-height:1;padding:7px 10px}.wide{width:100%}.content{padding:28px 30px 60px;max-width:1700px;margin:0 auto}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.grid{display:grid;gap:16px}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px}.stat{padding:20px 21px;position:relative;overflow:hidden}.stat small{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.07em}.stat strong{font-size:28px;display:block;margin-top:8px;letter-spacing:-.04em}.stat .stat-note{font-size:11px;color:var(--muted);margin-top:4px}.section{padding:22px;margin-bottom:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.section-head h3{margin:0;font-size:16px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar input,.toolbar select{min-width:190px}.system-grid{grid-template-columns:1.35fr .9fr}.metric-panel{padding:22px}.metric-hero{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.metric-hero h3{margin-bottom:4px}.metric-hero strong{font-size:30px;letter-spacing:-.04em}.metric-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-tile{border:1px solid var(--line);background:var(--panel2);border-radius:12px;padding:15px}.metric-tile small{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em}.metric-tile b{display:block;margin:7px 0 9px;font-size:18px}.progress{height:6px;background:#edf1f6;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px}.progress.warn i{background:linear-gradient(90deg,#f5a524,#e5484d)}.server-grid,.edge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.node-card{padding:20px}.node-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.node-top h3{margin:4px 0 2px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:18px}.metric{border-top:1px solid var(--line);padding-top:12px}.metric small{display:block;color:var(--muted);font-size:10px}.metric b{display:block;margin:5px 0;font-size:15px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;background:#f2f4f7;color:#475467}.badge.online,.badge.healthy,.badge.true,.badge.info{background:#ecfdf3;color:#087443}.badge.offline,.badge.false,.badge.high,.badge.critical{background:#fff1f1;color:#b42318}.badge.medium,.badge.warning{background:#fff8e8;color:#a15c00}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:.07em;text-transform:uppercase;padding:11px 13px;border-bottom:1px solid var(--line)}.table td{padding:13px;border-bottom:1px solid #eef1f5;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fbfcfe}.row-actions{text-align:right}.row-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 9px}.empty{padding:50px 20px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--ink);font-size:16px;margin-bottom:5px}.list{display:grid;gap:8px}.drag-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px 14px}.drag-item.dragging{opacity:.45}.handle{cursor:grab;color:var(--muted2);font-size:17px}.drawer{position:fixed;z-index:80;right:0;top:0;height:100vh;width:min(570px,95vw);background:#fff;box-shadow:-25px 0 70px rgba(16,24,40,.18);padding:0 24px 28px;overflow:auto}.drawer-backdrop{position:fixed;inset:0;background:rgba(7,14,27,.32);z-index:70}.drawer-head{position:sticky;top:0;background:#fff;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:22px 0 16px;border-bottom:1px solid var(--line);margin-bottom:20px}.drawer-head h3{margin:0;font-size:20px}.drawer-head span{color:var(--muted);font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:grid;gap:6px;color:#344054;font-size:12px;font-weight:650}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.toolbar input,.toolbar select{width:100%;border:1px solid #d8dee8;border-radius:10px;background:#fff;padding:10px 11px;outline:none;color:var(--ink)}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.toolbar input:focus,.toolbar select:focus{border-color:#9aaaf8;box-shadow:0 0 0 3px rgba(79,109,245,.09)}.form-grid textarea{min-height:90px;resize:vertical}.switch-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:11px;padding:12px 13px}.drawer-section{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.drawer-section h4{margin:0 0 13px}.bouquet-picker{display:grid;gap:7px;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:11px;padding:8px}.bouquet-choice{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px;padding:8px;border-radius:8px;font-weight:500!important}.bouquet-choice:hover{background:#f7f9fc}.bouquet-choice input{width:auto!important}.toast{position:fixed;z-index:120;bottom:22px;right:22px;background:#101828;color:#fff;border-radius:11px;padding:11px 15px;box-shadow:0 16px 45px rgba(0,0,0,.2)}.dropzone{border:1px dashed #c8d0dc;background:#fbfcfe;border-radius:14px;padding:28px;text-align:center}.migration-result{white-space:pre-wrap;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;background:#0d1524;color:#d8e2ef;border-radius:12px;padding:16px;margin-top:14px;max-height:440px;overflow:auto}.alert{padding:11px 13px;border-radius:10px;margin:10px 0}.alert.danger{background:#fff1f1;color:#a61b1b;border:1px solid #ffd2d2}
.login-body{min-height:100vh;background:radial-gradient(circle at 20% 10%,#182742,#08111f 50%,#050b14);display:grid;place-items:center;padding:25px}.login-shell{width:min(880px,100%);display:grid;grid-template-columns:.95fr 1.05fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.35)}.login-brand-panel{background:linear-gradient(145deg,#0e1a2d,#101e34);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:center;gap:26px}.login-brand-panel h1{margin:0;font-size:30px}.login-brand-panel p{color:#a8b7cc}.login-points{display:grid;gap:10px;color:#b8c4d6;font-size:12px}.login-card{padding:48px;display:flex;flex-direction:column;justify-content:center}.login-card h2{font-size:28px;margin:7px 0}.login-card>div>p{color:var(--muted)}.login-card form{display:grid;gap:15px;margin:20px 0}.login-card label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#344054}.login-card input{border:1px solid #d8dee8;border-radius:10px;padding:11px 12px;outline:none}.login-card input:focus{border-color:#9aaaf8;box-shadow:0 0 0 3px rgba(79,109,245,.09)}
@media(max-width:1150px){.stats-grid{grid-template-columns:repeat(3,1fr)}.server-grid,.edge-grid{grid-template-columns:repeat(2,1fr)}.system-grid{grid-template-columns:1fr}}@media(max-width:780px){#app{grid-template-columns:76px 1fr}.sidebar{padding:18px 9px}.brand>div:last-child,.nav-label,.sidebar nav button:not(.active)~span,.sidebar nav button{font-size:0}.sidebar nav button span{font-size:15px;width:100%}.brand{justify-content:center;padding-left:0;padding-right:0}.sidebar-foot .account-button>span:last-child,.sidebar-foot form{display:none}.sidebar-foot{justify-content:center}.content{padding:18px}.topbar{padding:14px 18px}.version-pill{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.server-grid,.edge-grid,.metric-list{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-card{padding:34px 26px}}

/* v0.3 management-core additions */
.one-col{grid-template-columns:1fr!important}.compact{padding:24px 12px}.standalone{margin:0 0 16px;padding:0 2px}.standalone h3{margin:0}.no-margin{margin:0}.top-gap{margin-top:24px}.drag-item.rich{min-height:62px}.drag-item .mini-meta{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line);border-radius:999px;padding:5px 8px}.source-box{min-height:150px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.5}.simple-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.simple-row span{min-width:0}.simple-row b,.simple-row small{display:block}.simple-row small{color:var(--muted);margin-top:2px}.danger-link{border:0;background:transparent;color:#b42318;padding:6px 8px;border-radius:7px}.danger-link:hover{background:#fff1f1}.node-actions{display:flex;justify-content:flex-end;margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.inline-search{border:1px solid #d8dee8;border-radius:9px;padding:8px 10px;max-width:190px}.bouquet-picker.tall{max-height:460px}.bouquet-choice span b,.bouquet-choice span small{display:block}.bouquet-choice span small{color:var(--muted);font-weight:500;margin-top:2px}.pool-strip{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px}.pool-chip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:10px 12px}.pool-chip b{font-size:12px}.pool-chip span{font-size:10px;color:var(--muted)}.pool-chip button{border:0;background:transparent;color:var(--muted);font-size:17px;line-height:1;padding:0 2px}.security-grid{grid-template-columns:1fr;gap:0}.center{justify-content:center}.migration-result{white-space:normal}.mig-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}.mig-head span{color:#9fb0c5;font-size:11px}.mig-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mig-grid>div{border:1px solid #26364d;border-radius:9px;padding:10px;background:#111d30}.mig-grid small{display:block;color:#91a4bd;font-size:9px;letter-spacing:.08em}.mig-grid b{display:block;margin-top:4px;color:#fff;font-size:17px}.mig-warn,.mig-import{margin-top:13px;padding-top:12px;border-top:1px solid #26364d}.mig-warn b,.mig-import b{display:block;margin-bottom:7px;color:#fff}.mig-warn span,.mig-import span{display:block;color:#b8c5d7;margin:3px 0}.mig-import{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 15px}.mig-import b{grid-column:1/-1}.dropzone input[type=file]{max-width:100%}
@media(max-width:900px){.mig-grid{grid-template-columns:repeat(2,1fr)}.drag-item.rich{align-items:flex-start;flex-wrap:wrap}.drag-item .mini-meta{margin-left:28px}.security-grid{grid-template-columns:1fr}}

/* v0.4 node-agent fabric */
.badge.degraded{background:#fff8e8;color:#a15c00}.ghost.small{padding:6px 9px;font-size:11px}.agent-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.agent-meta.stacked{grid-template-columns:1fr}.agent-meta span{min-width:0}.agent-meta small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px}.agent-meta b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-actions{gap:6px;align-items:center;flex-wrap:wrap}.code-block{white-space:pre-wrap;word-break:break-all;background:#0d1524;color:#d8e2ef;border:1px solid #24344d;border-radius:12px;padding:14px;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;margin:0 0 12px;max-height:220px;overflow:auto}.security-note{border:1px solid var(--line);background:#f7f9fc;border-radius:11px;padding:11px 12px;color:#475467;font-size:11px;line-height:1.5}.security-note.good{background:#f1fbf7;border-color:#d6f1e7;color:#176b56;margin-bottom:16px}.security-note.warn{background:#fff8e8;border-color:#f7dfad;color:#8a5700;margin-bottom:16px}.node-card .metric small+small{margin-top:4px}.badge.enrolled{background:#eef4ff;color:#3538cd}
@media(max-width:1100px){.agent-meta{grid-template-columns:1fr}}