:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#091014;color:#edf6f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;background:linear-gradient(180deg,#0f2028f0,#080c10 38%),#091014}body{margin:0;min-width:320px;min-height:100vh}body.map-expanded-open{overflow:hidden}button,a{font:inherit}a{color:inherit}.app-shell{width:min(1480px,100%);margin:0 auto;padding:22px}.hero{min-height:250px;padding:6px 0 18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;margin-bottom:42px}.brand{display:inline-flex;align-items:center;gap:10px;color:#f7fffc;font-weight:700}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid rgba(86,221,176,.55);border-radius:8px;color:#63e6b7;background:#152e2aa6}.top-actions{display:flex;align-items:center;gap:8px}.top-actions button,.top-status{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid rgba(192,216,211,.16);border-radius:8px;color:#c9dad6;background:#ffffff0a}.top-actions button{cursor:pointer}.top-actions button:hover{border-color:#63e6b799;color:#fff}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end}.hero-copy{max-width:880px}.eyebrow{margin:0 0 9px;color:#63e6b7;font-size:12px;font-weight:760;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:820px;margin-bottom:18px;color:#f6fffd;font-size:clamp(44px,7vw,92px);line-height:.98;letter-spacing:0}.hero-copy p:not(.eyebrow){max-width:760px;margin-bottom:0;color:#b6c7c3;font-size:17px;line-height:1.75}.summary-panel{display:grid;grid-template-columns:repeat(2,minmax(112px,1fr));justify-self:end;width:fit-content;gap:10px;padding:14px;border:1px solid rgba(192,216,211,.14);border-radius:8px;background:#0b151ac7;box-shadow:0 24px 70px #0000003d}.summary-panel div{min-width:0;padding:12px;border:1px solid rgba(192,216,211,.1);border-radius:7px;background:#ffffff09}.summary-panel span{display:block;margin-bottom:7px;color:#9db1ad;font-size:12px}.summary-panel strong{display:block;color:#f8fffd;font-size:19px;line-height:1.2}.summary-panel .summary-note{grid-column:1 / -1;display:flex;align-items:center;gap:9px;color:#f2d08f}.summary-panel .summary-note span{margin:0;color:#f2d08f}.content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(360px,.9fr);gap:18px}.section-panel{min-width:0;border:1px solid rgba(192,216,211,.13);border-radius:8px;background:#0c1419db;box-shadow:0 22px 80px #00000042}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 0}.section-heading h2{margin-bottom:0;color:#f7fffd;font-size:22px;line-height:1.2}.section-action{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(99,230,183,.2);border-radius:8px;color:#b8fff0;background:#235f5133;font-size:13px;white-space:nowrap}.section-action .icon-action{display:inline-grid;place-items:center;width:26px;height:26px;margin-left:2px;padding:0;border:1px solid rgba(184,255,240,.2);border-radius:7px;color:#b8fff0;background:#ffffff0a;cursor:pointer}.section-action .icon-action:hover{border-color:#b8fff08f;color:#fff}.map-section{grid-row:span 2}.map-section-expanded{position:fixed;inset:14px;z-index:20;display:flex;flex-direction:column;overflow:hidden;background:#091014fa;box-shadow:0 30px 110px #0000009e}.map-section-expanded .section-heading{flex:0 0 auto}.map-section-expanded .map-canvas{flex:1;height:auto;min-height:0}.map-section-expanded .map-legend{flex:0 0 auto;max-height:88px;overflow:auto}.map-canvas{position:relative;height:620px;margin:18px;overflow:hidden;border:1px solid rgba(192,216,211,.11);border-radius:8px;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(160deg,#0b232ad1,#080c11f0);background-size:34px 34px,34px 34px,auto}.map-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-lines line{stroke:#70ddc06b;stroke-width:.45;vector-effect:non-scaling-stroke}.map-node{position:absolute;z-index:1;display:inline-flex;align-items:center;gap:10px;width:176px;min-height:56px;padding:10px 12px;transform:translate(-50%,-50%);border:1px solid rgba(192,216,211,.16);border-radius:8px;color:#eafffb;text-align:left;background:#0c171df0;box-shadow:0 16px 38px #00000047;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.map-node:hover{border-color:#c0d8d357}.map-node-linkable:hover{border-color:#63e6b7ad;color:#fff}.map-node-dragging{z-index:3;border-color:#ffffffb3;box-shadow:0 22px 54px #0000006b;cursor:grabbing}.map-node strong,.map-node small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-node strong{margin-bottom:3px;font-size:14px;line-height:1.15}.map-node small{color:#a7bbb6;font-size:11px;line-height:1.2}.node-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:8px;color:#63e6b7;background:#63e6b71f}.map-node-running{border-color:#63e6b76b}.map-node-testing{border-color:#67a5ff6b}.map-node-planned{border-color:#f2d08f6b}.map-legend{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 18px}.map-legend span{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(192,216,211,.1);border-radius:999px;color:#c4d4d0;background:#ffffff09;font-size:12px}.map-legend em{color:#63e6b7;font-style:normal}.mobile-map-list{display:none}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.service-card{display:flex;min-width:0;min-height:245px;flex-direction:column;padding:15px;border:1px solid rgba(192,216,211,.12);border-radius:8px;background:#ffffff0a}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.card-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:8px;color:#63e6b7;background:#63e6b71f}.service-card h3{margin-bottom:8px;color:#f6fffd;font-size:18px}.service-card p{flex:1;margin-bottom:14px;color:#adbfbb;font-size:13px;line-height:1.62}.card-meta,.card-actions{display:flex;flex-wrap:wrap;gap:7px}.card-actions{margin-top:13px}.card-actions a{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 9px;border:1px solid rgba(192,216,211,.13);border-radius:8px;color:#eaf8f5;text-decoration:none;background:#ffffff0a;font-size:13px}.card-actions a:hover{border-color:#63e6b78c;color:#fff}.badge{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border:1px solid rgba(192,216,211,.12);border-radius:999px;font-size:12px;line-height:1;white-space:nowrap}.badge-running,.badge-domain,.badge-normal{color:#9ff7d5;background:#3db27f21}.badge-testing,.badge-ip-port,.badge-sensitive{color:#a9cfff;background:#467edc24}.badge-planned,.badge-ssh-tunnel,.badge-critical{color:#f2d08f;background:#cb8f3e24}.badge-paused,.badge-docker,.badge-local,.badge-manual{color:#d6c4ff;background:#8262d421}.badge-broken{color:#ffb0b0;background:#db505021}.table-wrap{padding:18px;overflow-x:auto}table{width:100%;min-width:880px;border-collapse:collapse}th,td{padding:13px 12px;border-bottom:1px solid rgba(192,216,211,.1);text-align:left;vertical-align:top}th{color:#8ea29e;font-size:12px;font-weight:700}td{color:#d7e5e2;font-size:13px}td:first-child strong,td:first-child span{display:block}td:first-child strong{margin-bottom:4px;color:#f7fffd}td:first-child span{color:#98aaa6;font-size:12px}td:nth-child(6){max-width:380px;color:#aebfbb;line-height:1.5}.planned-panel,.table-panel{grid-column:1 / -1}.planned-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px}.planned-item{position:relative;min-height:170px;padding:15px;overflow:hidden;border:1px solid rgba(192,216,211,.12);border-radius:8px;background:#ffffff0a}.planned-stage{display:inline-flex;align-items:center;gap:6px;margin-bottom:13px;color:#9ff7d5;font-size:12px}.planned-later{color:#a9cfff}.planned-blocked{color:#f2d08f}.planned-item h3{margin-bottom:9px;color:#f7fffd;font-size:17px}.planned-item p{margin:0;color:#aebfbb;font-size:13px;line-height:1.58}.planned-arrow{position:absolute;right:14px;bottom:14px;color:#63e6b7b3}@media(max-width:1180px){.hero-grid,.content-grid{grid-template-columns:1fr}.summary-panel{max-width:620px;justify-self:start}.map-section{grid-row:auto}.planned-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{padding:14px}.hero{min-height:auto}.topbar{margin-bottom:28px}h1{font-size:42px}.hero-copy p:not(.eyebrow){font-size:15px}.summary-panel,.quick-grid,.planned-list{grid-template-columns:1fr}.summary-panel{justify-self:stretch;width:100%}.content-grid{gap:14px}.section-heading{align-items:flex-start;flex-direction:column}.map-canvas,.map-legend{display:none}.mobile-map-list{display:grid;gap:10px;padding:18px}.mobile-map-item{display:grid;grid-template-columns:1fr auto;gap:4px 10px;min-width:0;padding:12px;border:1px solid rgba(192,216,211,.12);border-radius:8px;background:#ffffff0a}.mobile-map-item strong{color:#f7fffd}.mobile-map-item span{color:#aebfbb;font-size:12px}.mobile-map-item .badge{grid-row:1 / span 2;grid-column:2;align-self:center}.service-card{min-height:auto}}@media(max-width:480px){.brand span:last-child{display:none}h1{font-size:34px}.summary-panel{gap:8px}}