:root{font-family:Inter,"Segoe UI","Microsoft JhengHei",sans-serif;color:#253b46;background:#f4f7f8;font-synthesis:none;--teal:#18858b;--teal-dark:#166a72;--teal-soft:#e7f3f3;--navy:#294453;--muted:#71828b;--line:#dde6e9;--panel:#fff;--danger:#b95845}*{box-sizing:border-box}body{margin:0;min-width:1100px}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand-block{height:96px;display:flex;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid #edf1f2}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--teal);color:#fff;font-weight:750;font-size:19px}.brand-block strong{font-size:22px;display:block;letter-spacing:-.5px;color:#203744}.brand-block div span{font-size:12px;color:#778b94;display:block;margin-top:3px}nav{padding:16px 12px;overflow:auto}.menu-label{font-size:10px;letter-spacing:1.6px;color:#9aa8ae;font-weight:700;margin:23px 14px 9px}.menu-item{width:100%;height:52px;display:flex;align-items:center;gap:13px;border:0;border-radius:8px;background:none;color:#48606b;padding:0 14px;font-size:14px;text-align:left}.menu-item:hover{background:#f3f7f7}.menu-item.active{background:#dfe9ea;color:#176d75;font-weight:650}.menu-icon{font-size:22px;width:24px;text-align:center}.menu-badge{margin-left:auto;background:#edf2f3;border-radius:10px;padding:2px 7px;font-size:10px;color:#72848b}.sidebar-status{margin:auto 18px 18px;padding:13px;display:flex;gap:10px;align-items:center;background:#f3f7f6;border-radius:9px}.sidebar-status>i{width:9px;height:9px;background:#2e9d77;border-radius:50%;box-shadow:0 0 0 4px #dcefe8}.sidebar-status strong,.sidebar-status span{display:block}.sidebar-status strong{font-size:11px}.sidebar-status span{font-size:10px;color:var(--muted);margin-top:4px}.main-shell{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:8}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:13px}.breadcrumb span{color:#9aa7ad}.breadcrumb b{color:#c0c9cd}.breadcrumb strong{font-weight:600}.top-actions{display:flex;align-items:center;gap:10px;position:relative}.context-switcher{display:flex;align-items:center;gap:9px}.context-switcher>span{font-size:11px;color:var(--muted)}#group-trigger{height:44px;min-width:248px;border:1px solid #d7e2e6;background:#fff;border-radius:8px;padding:0 12px;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;text-align:left}.group-dot{width:8px;height:8px;border-radius:50%;background:#28a078}#group-trigger strong{font-size:12px;white-space:nowrap}#group-trigger small{font-size:10px;color:var(--muted)}#group-trigger>b{margin-left:5px;color:#7e9098}.group-menu{position:absolute;right:119px;top:52px;width:410px;max-height:520px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 45px #21394324;padding:8px;z-index:20}.group-menu>button{width:100%;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;border:0;background:#fff;padding:10px;border-radius:7px;text-align:left}.group-menu>button:hover,.group-menu>button[aria-selected=true]{background:#edf6f5}.group-number{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#e8f1f1;color:#27757a;font-size:11px;font-weight:700}.group-menu strong,.group-menu small{display:block}.group-menu strong{font-size:12px}.group-menu small{font-size:10px;color:var(--muted);margin-top:3px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:8px;position:relative;color:#536b76}.notify-dot{position:absolute;right:9px;top:8px;width:6px;height:6px;background:#d4694a;border-radius:50%}.login-button{height:44px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 12px;display:flex;align-items:center;gap:9px;color:#3d5661}.login-button>span>strong,.login-button>span>small{display:block;text-align:left}.login-button>span>strong{font-size:11px}.login-button>span>small{font-size:9px;color:#6f858d;margin-top:2px}.user-icon,.avatar{display:grid!important;place-items:center;width:28px;height:28px;border-radius:50%;background:#e8f4f4;color:#1c7780}.avatar{font-size:11px;font-weight:700}.login-button>b{color:#8b9a9f}.user-menu{position:absolute;right:0;top:52px;width:230px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px #21394320;padding:14px;z-index:20}.user-menu strong,.user-menu span{display:block}.user-menu strong{font-size:12px}.user-menu span{font-size:10px;color:var(--muted);margin-top:4px}.user-menu button{margin-top:12px;width:100%;border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px;color:#a4493d}main{padding:30px;max-width:1660px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#739198;margin:0 0 7px;font-weight:700}.page-title h1{font-size:27px;margin:0 0 7px;letter-spacing:-.6px}.page-title>div>p:last-child{font-size:13px;color:var(--muted);margin:0}.refresh-state{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:9px}.pulse{width:9px;height:9px;border-radius:50%;background:#2a9d78;box-shadow:0 0 0 5px #e1f2eb}.refresh-state strong,.refresh-state small{display:block}.refresh-state strong{font-size:11px}.refresh-state small{font-size:9px;color:var(--muted);margin-top:4px}.guest-banner{background:linear-gradient(110deg,#1b6f76,#278e91);color:#fff;border-radius:12px;padding:18px 21px;display:flex;gap:16px;align-items:center;margin-bottom:18px;box-shadow:0 8px 24px #165c6a15}.guest-banner[hidden]{display:none}.guest-art{width:46px;height:46px;display:grid;place-items:center;border-radius:11px;background:#ffffff1f;font-weight:750}.guest-banner strong{font-size:14px}.guest-banner p{font-size:11px;color:#dbeff0;margin:5px 0 0}.guest-banner button{margin-left:auto;border:0;background:#fff;color:#1e6970;border-radius:7px;padding:10px 17px;font-weight:650;font-size:12px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.summary-grid article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px;display:flex;gap:13px;align-items:flex-start}.summary-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;font-weight:700}.summary-icon.teal{background:#e4f2f2;color:#18747b}.summary-icon.green{background:#e5f4eb;color:#28845f}.summary-icon.blue{background:#e7eff8;color:#3474a7}.summary-icon.amber{background:#fff0df;color:#bd7531}.summary-grid p{font-size:11px;color:var(--muted);margin:0}.summary-grid strong{display:block;font-size:24px;margin:4px 0}.summary-grid strong small{font-size:11px;font-weight:500;margin-left:5px}.summary-grid article div>span{font-size:9px;color:#93a1a7}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.panel-heading.compact{align-items:center}.panel-heading h2{font-size:16px;margin:0}.panel-heading p{font-size:10px;color:var(--muted);margin:6px 0 0}.panel-actions{display:flex;gap:8px}.primary,.secondary,.danger,.danger-outline{border-radius:7px;padding:9px 13px;font-size:11px;font-weight:650}.primary{border:0;background:var(--teal);color:#fff}.secondary{border:1px solid #d7e1e4;background:#fff;color:#3c5964}.danger{border:0;background:var(--danger);color:#fff}.danger-outline{border:1px solid #e3b9b1;background:#fff;color:#aa4d3c}.full{width:100%}.group-meta{display:grid;grid-template-columns:repeat(4,1fr);background:#f6f8f9;border-radius:8px;padding:13px;margin-bottom:13px}.group-meta div{padding:0 12px}.group-meta div+div{border-left:1px solid #dfe6e8}.group-meta span,.group-meta strong{display:block}.group-meta span{font-size:9px;color:var(--muted)}.group-meta strong{font-size:11px;margin-top:5px;overflow:hidden;text-overflow:ellipsis}.health-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}.health-strip>div{padding:12px}.health-strip>div+div{border-left:1px solid var(--line)}.health-strip>div>span:first-child{display:block;font-size:9px;color:var(--muted);margin-bottom:8px}.state{display:inline-flex!important;align-items:center;gap:5px;font-size:9px!important;color:#42606a!important;white-space:nowrap}.state i{width:7px;height:7px;border-radius:50%;background:#8b9aa0}.state.healthy i{background:#27966f}.state.stopped i{background:#899ba3}.state.unknown i{background:#c78b31}.state.unhealthy i{background:#d45e45}.resource-panel{grid-column:2;grid-row:1}.updated,.count-pill,.filter-box{font-size:9px;color:#4f7776;background:#edf5f4;padding:5px 8px;border-radius:12px}.meter{margin-top:18px}.meter>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px}.meter strong{font-size:9px;color:#5d747d}.meter>div:last-child{height:7px;background:#e9eff1;border-radius:5px;margin-top:8px;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#3aa39b,#5cb7a4);border-radius:5px}.containers-panel{padding-bottom:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:10px}th{text-align:left;color:#7a8c94;font-weight:600;background:#f6f8f9;padding:9px}td{border-top:1px solid #edf1f2;padding:10px 9px;color:#55707a}td strong{color:#304b57;font-weight:600}code{font-family:Consolas,monospace;font-size:9px;background:#f1f4f5;padding:3px 5px;border-radius:4px}.table-action{width:auto;height:28px;border:1px solid var(--line);background:#fff;border-radius:6px;font-size:9px}.table-action:disabled{opacity:.4}.progress-value{font-size:18px}.progress-bar{height:8px;background:#e9eff1;border-radius:5px;overflow:hidden}.progress-bar i{display:block;height:100%;background:#3aa28e;border-radius:5px}.timeline{list-style:none;margin:17px 0 0;padding:0}.timeline li{display:flex;gap:10px;padding:8px 0;position:relative}.timeline li>i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eef2f3;color:#809198;font-style:normal;font-size:9px;z-index:1}.timeline li:not(:last-child):after{content:"";position:absolute;left:10px;top:29px;height:17px;border-left:1px solid #dae3e5}.timeline li.done>i{background:#dff1e8;color:#258161}.timeline li.current>i{background:#dfeff0;color:#1d747b}.timeline strong,.timeline span{display:block}.timeline strong{font-size:10px}.timeline span{font-size:9px;color:var(--muted);margin-top:3px}.full-panel{min-height:400px}.group-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.group-card{border:1px solid var(--line);background:#fff;border-radius:9px;padding:13px;text-align:left;color:inherit}.group-card:hover,.group-card.selected{border-color:#409194;background:#f1f8f7}.group-card>div{display:flex;justify-content:space-between}.group-card>div>span{font-size:10px;color:var(--muted)}.group-card>strong,.group-card>small{display:block}.group-card>strong{font-size:12px;margin-top:12px}.group-card>small{font-size:9px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-card footer{display:flex;justify-content:space-between;border-top:1px solid #edf1f2;margin-top:12px;padding-top:9px;font-size:8px;color:#8d9ba1}.empty-state{display:grid;place-items:center;text-align:center;align-content:center}.empty-icon{font-size:34px;color:#5b9293}.empty-state h2{font-size:17px;margin:15px 0 5px}.empty-state p{font-size:12px;color:#607781;margin:0}.empty-state span{font-size:10px;color:#99a6ab;margin-top:12px}dialog{width:min(450px,calc(100% - 32px));border:1px solid #d7e1e4;border-radius:14px;padding:27px;color:#263f4a;box-shadow:0 22px 80px #17333e42}dialog::backdrop{background:#19384272;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start}.dialog-heading h2{font-size:20px;margin:0}.dialog-heading>button{border:0;background:none;font-size:25px;color:#839399}.dialog-copy{font-size:12px;line-height:1.7;color:var(--muted)}label{display:block;font-size:11px;color:#536b75;margin-top:14px}input{width:100%;border:1px solid #cedadd;border-radius:7px;padding:11px;margin-top:7px;color:#304952}.preview-note{font-size:10px;color:#8a6929;background:#fff5df;border-radius:7px;padding:10px;margin:16px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#234752;color:#fff;padding:12px 18px;border-radius:8px;box-shadow:0 9px 30px #17313b35;font-size:11px;z-index:30}.toast[hidden]{display:none}@media(max-width:1280px){.app-shell{grid-template-columns:240px}.summary-grid{grid-template-columns:repeat(2,1fr)}.group-card-grid{grid-template-columns:repeat(3,1fr)}}