:root{--background:#f7f9fb;--surface:#ffffff;--surface-soft:#f3f6f8;--surface-green:#e8f6ee;--surface-blue:#eaf2ff;--text:#101418;--muted:#637082;--muted-strong:#354052;--border:#dce3eb;--border-strong:#c4cfdb;--green:#087a3d;--blue:#115fd6;--red:#c63838;--amber:#b16b00;--shadow:0 18px 42px rgba(26,36,52,0.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{min-height:100%}body{margin:0;background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}svg{width:20px;height:20px;flex:0 0 auto}h1,h2,h3,p{margin:0}h1{font-size:36px;line-height:1.05;font-weight:800}h2{font-size:17px;font-weight:780}h2,h3{line-height:1.2}h3{font-size:13px;font-weight:760}.app-shell{display:grid;grid-template-columns:172px minmax(0,1fr) 340px;grid-gap:28px;gap:28px;min-height:100vh;padding:0 28px 28px 0}.side-rail{position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;min-height:100vh;border-right:1px solid var(--border);background:rgba(255,255,255,.78);box-shadow:8px 0 28px rgba(20,30,42,.03)}.brand-mark{display:grid;grid-gap:10px;gap:10px;justify-items:center;padding:28px 14px 24px;border-bottom:1px solid var(--border);text-transform:uppercase}.brand-symbol{display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--green);border-radius:8px;color:var(--green);font-weight:900}.brand-word{color:var(--text);font-size:14px;font-weight:840;letter-spacing:5px}.rail-nav{display:grid;grid-gap:6px;gap:6px;padding:14px 10px}.rail-button{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;min-height:48px;padding:0 12px;border-left:3px solid transparent;border-radius:6px;color:var(--muted-strong);font-size:13px;font-weight:720}.rail-button.active,.rail-button:hover{border-left-color:var(--green);background:var(--surface-soft);color:var(--green)}.rail-footer{display:grid;grid-template-columns:36px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;margin-top:auto;padding:16px 14px 24px;border-top:1px solid var(--border)}.rail-footer>span{display:grid;place-items:center;width:36px;height:36px;border-radius:18px;background:var(--green);color:#fff;font-weight:800}.rail-footer small,.rail-footer strong{display:block}.rail-footer strong{font-size:13px}.rail-footer small{margin-top:2px;color:var(--muted);font-size:12px}.main-area{display:flex;flex-direction:column;gap:20px;min-width:0;padding-top:34px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:18px;gap:18px;align-items:start}.topbar p{margin-top:7px;color:var(--muted);font-size:14px}.topbar-status{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:var(--muted-strong);font-size:13px}.health-dot{width:9px;height:9px;border-radius:999px}.health-dot.online{background:var(--green)}.health-dot.offline{background:var(--red)}.open-button,.panel-refresh,.refresh-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--text);font-size:13px;font-weight:760;box-shadow:0 8px 18px rgba(22,34,48,.04)}.refresh-button:disabled{color:var(--muted);cursor:progress}.command-strip{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;min-height:56px;padding:0 16px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--muted);text-align:left;box-shadow:var(--shadow)}.command-strip span{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}kbd{padding:4px 8px;border:1px solid var(--border);border-radius:5px;background:var(--surface-soft);color:var(--muted-strong);font-size:12px;font-weight:760}.overview-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.metric-block{min-height:88px;padding:16px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.attention-row:hover,.card-links a:hover,.deploy-row:not(.head):hover,.latest-list a:hover,.metric-block:hover,.shortcut-grid a:hover{border-color:var(--border-strong);box-shadow:0 10px 24px rgba(20,30,42,.06)}.metric-block span{display:block;color:var(--muted);font-size:12px;font-weight:780;text-transform:uppercase}.metric-block strong{display:block;margin-top:10px;font-size:26px;line-height:1}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.section-title a,.section-title button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--blue);font-size:13px;font-weight:760}.section-title b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;border-radius:10px;background:var(--red);color:#fff;font-size:12px}.section-title.compact{margin-bottom:12px}.apps-panel,.deployments-panel,.panel-card{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.apps-panel,.deployments-panel{padding:18px}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:22px;gap:22px}.app-card{display:grid;grid-gap:16px;gap:16px;min-height:330px;padding:20px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface)}.app-card.selected{box-shadow:0 16px 34px rgba(8,122,61,.1)}.app-card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:start}.app-card-main{display:grid;grid-template-columns:58px minmax(0,1fr);grid-gap:16px;gap:16px;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.app-avatar,.mini-app-icon{display:grid;place-items:center;border-radius:8px;font-weight:860}.app-avatar{width:58px;height:58px;color:#fff}.app-card.green .app-avatar,.mini-app-icon{background:linear-gradient(135deg,#0a8b45,#086a36)}.app-card.blue .app-avatar{background:linear-gradient(135deg,#1a78ff,#0d55bf)}.app-title-row{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}.app-title-row strong{min-width:0;font-size:21px;line-height:1.1}.app-copy>span:last-child{display:block;max-width:330px;margin-top:12px;color:var(--muted);font-size:14px;line-height:1.45}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;color:var(--green);font-size:12px;font-weight:760}.status-pill:before{width:8px;height:8px;border-radius:999px;background:currentColor;content:""}.status-pill.online{color:var(--green)}.status-pill.offline{color:var(--red)}.service-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.service-stats div{min-width:0;padding:13px 14px;border-right:1px solid var(--border)}.service-stats div:last-child{border-right:0}.resource-row span,.service-stats span{display:block;color:var(--muted);font-size:12px}.service-stats strong{display:block;margin-top:7px;font-size:13px;overflow-wrap:anywhere}.attention-list,.card-links,.latest-list,.resource-list,.system-list{display:grid;grid-gap:8px;gap:8px}.card-links h3{margin-bottom:2px}.attention-row,.card-links a,.latest-list a,.palette-results a,.shortcut-grid a{display:grid;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;grid-gap:10px;gap:10px;min-height:34px;border:1px solid transparent;border-radius:6px;color:var(--blue);font-size:13px;font-weight:720}.shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.shortcut-grid a{min-height:64px;padding:12px;border-color:var(--border);background:var(--surface);color:var(--text)}.attention-row small,.latest-list small,.palette-results small,.shortcut-grid small{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:500}.deploy-table{overflow:hidden;border:1px solid var(--border);border-radius:6px}.deploy-row{display:grid;grid-template-columns:1.3fr 1.2fr 1fr 1.4fr .8fr;grid-gap:14px;gap:14px;align-items:center;min-height:52px;padding:0 16px;border-bottom:1px solid var(--border);color:var(--muted-strong);font-size:13px}.deploy-row:last-child{border-bottom:0}.deploy-row.head{min-height:42px;background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:760}.deploy-row i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:999px;background:var(--green)}.deploy-row strong{display:inline-flex;justify-content:center;padding:5px 9px;border-radius:5px;background:var(--surface-green);color:var(--green);font-size:12px}.right-panel{position:-webkit-sticky;position:sticky;top:28px;display:grid;grid-gap:14px;gap:14px;align-content:start;height:-moz-fit-content;height:fit-content;padding-top:34px}.panel-card{padding:16px}.system-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;min-height:34px;font-size:13px}.system-row svg{color:var(--green)}.system-row strong{color:var(--muted);font-size:12px;font-weight:620}.panel-refresh{justify-content:space-between;width:100%;margin-top:12px;color:var(--muted);box-shadow:none}.latest-list a{grid-template-columns:36px minmax(0,1fr) auto;min-height:58px;padding:8px 0;border-bottom:1px solid var(--border);color:var(--text)}.latest-list a:last-child{border-bottom:0}.mini-app-icon{width:36px;height:36px;color:#fff;font-size:11px}.latest-list em{color:var(--muted-strong);font-size:12px;font-style:normal}.attention-row{grid-template-columns:minmax(0,1fr) auto 18px;min-height:58px;padding:10px 0;border-bottom:1px solid var(--border);color:var(--text)}.attention-row:last-child{border-bottom:0}.attention-row em{color:var(--amber);font-size:15px;font-style:normal;font-weight:800}.resource-row{display:grid;grid-template-columns:64px 44px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;min-height:28px}.resource-row strong{font-size:13px}.resource-row i{display:block;height:7px;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.resource-row b{display:block;height:100%;border-radius:inherit;background:var(--green)}.palette-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:start center;padding:10vh 20px 20px;background:rgba(13,19,28,.38)}.command-palette{width:min(720px,100%);padding:16px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);box-shadow:0 30px 90px rgba(0,0,0,.24)}.palette-search{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;min-height:48px;padding:0 12px;border:1px solid var(--border);border-radius:6px}.palette-search input{min-width:0;border:0;outline:0;color:var(--text);font-size:15px}.palette-results{display:grid;grid-gap:4px;gap:4px;margin-top:12px}.palette-results a{min-height:52px;padding:0 10px;border-color:var(--border);color:var(--text)}@media (max-width:1240px){.app-shell{grid-template-columns:150px minmax(0,1fr);padding-right:22px}.right-panel{position:static;grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}}@media (max-width:920px){.app-shell{display:flex;flex-direction:column;padding:14px}.side-rail{position:static;order:3;min-height:auto;border:1px solid var(--border);border-radius:8px}.brand-mark{display:none}.rail-nav{grid-template-columns:repeat(5,minmax(0,1fr));padding:8px}.rail-button{grid-template-columns:1fr;justify-items:center;gap:4px;min-height:54px;padding:6px;border-left:0;font-size:11px}.rail-footer{display:none}.main-area{order:1;padding-top:0}.right-panel{order:2}.right-panel,.topbar{grid-template-columns:1fr}.refresh-button,.topbar-status{width:100%;justify-content:center}.app-grid,.overview-row,.shortcut-grid{grid-template-columns:1fr}.deploy-row{grid-template-columns:1.2fr 1fr .8fr}.deploy-row span:nth-child(3),.deploy-row span:nth-child(4){display:none}}@media (max-width:560px){h1{font-size:28px}.command-strip{min-height:52px}.command-strip span{font-size:14px}kbd{display:none}.app-card,.apps-panel,.deployments-panel,.panel-card{padding:16px}.app-card{min-height:auto}.app-card-main,.app-card-top{grid-template-columns:1fr}.open-button{width:100%}.app-title-row{align-items:flex-start;justify-content:space-between}.app-title-row strong{white-space:normal}.service-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.service-stats div:nth-child(2){border-right:0}.service-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.deploy-row{grid-template-columns:minmax(0,1fr) auto}.deploy-row span:nth-child(2){display:none}.resource-row{grid-template-columns:58px 40px minmax(0,1fr)}}