:root { --manage-cyan:#45c7df; --manage-green:#65d0a1; --manage-amber:#edb45b; --manage-coral:#ef7e72; --manage-violet:#9c9df0; --manage-ink:#081a24; --manage-line:rgba(145,198,214,.2); }
.management-feature-page { background:#071922; }
.management-feature-page .feature-header { background:rgba(7,25,34,.94); }
.management-page-nav { position:sticky; top:72px; z-index:24; background:rgba(7,25,34,.96); border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid var(--manage-line); backdrop-filter:blur(16px); }
.management-page-nav-inner { display:flex; align-items:center; width:min(1460px,100%); min-height:54px; margin:0 auto; padding:0 32px; }
.management-page-nav-title { flex:0 0 auto; margin-right:27px; color:var(--manage-amber); font-size:10px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.management-page-nav-links { display:flex; align-items:stretch; gap:25px; min-width:0; overflow-x:auto; scrollbar-width:none; scroll-behavior:smooth; }
.management-page-nav-links::-webkit-scrollbar { display:none; }
.management-page-nav-links a { position:relative; display:flex; align-items:center; min-height:54px; color:#98afb8; font-size:13px; font-weight:650; white-space:nowrap; transition:color .2s; }
.management-page-nav-links a::after { position:absolute; right:0; bottom:-1px; left:0; height:2px; content:""; background:var(--manage-amber); opacity:0; transform:scaleX(.3); transition:opacity .2s,transform .2s; }
.management-page-nav-links a:hover,.management-page-nav-links a:focus-visible,.management-page-nav-links a.is-current { color:#fff; }
.management-page-nav-links a.is-current::after { opacity:1; transform:scaleX(1); }
.management-feature-page .product-hero { min-height:715px; background:radial-gradient(circle at 76% 44%,rgba(237,180,91,.09),transparent 31%),linear-gradient(145deg,#071922,#0b2631 65%,#071922); }
.management-feature-page .product-hero::before { background-image:linear-gradient(rgba(87,173,198,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(87,173,198,.055) 1px,transparent 1px); background-size:46px 46px; }
.management-feature-page .product-hero-copy { max-width:650px; }
.management-feature-page .product-hero-copy h1 span { color:#f0ca88; }
.management-feature-page .product-hero-lead { max-width:690px; }
.management-feature-page .product-stats b { color:var(--manage-amber); }
.management-hero-visual { position:absolute; top:132px; right:clamp(26px,5.6vw,92px); width:min(42vw,610px); min-height:410px; color:#eef8fa; }
.management-window { overflow:hidden; border:1px solid rgba(149,205,220,.27); background:rgba(8,27,37,.92); box-shadow:0 32px 80px rgba(0,0,0,.34); }
.management-window-bar { display:flex; justify-content:space-between; align-items:center; min-height:46px; padding:0 18px; border-bottom:1px solid rgba(149,205,220,.16); color:#87a4ae; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.management-window-bar b { color:var(--manage-green); }
.management-section { position:relative; padding:108px clamp(26px,6vw,96px); }
.management-section-light { color:#102b35; background:#f3f7f7; }
.management-section-white { color:#102b35; background:#fff; }
.management-section-dark { color:#eff9fa; background:#0a222d; }
.management-heading { max-width:790px; margin-bottom:52px; }
.management-heading h2,.management-split-copy h2,.management-related h2 { max-width:810px; margin:14px 0 20px; font-size:clamp(34px,4vw,62px); line-height:1.03; letter-spacing:0; }
.management-heading>p:last-child,.management-split-copy>p,.management-related>div>p { max-width:730px; margin:0; color:#526a73; font-size:17px; line-height:1.75; }
.management-section-dark .management-split-copy>p,.management-related>div>p { color:#a7bbc2; }
.management-intro-grid,.management-split { display:grid; grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr); gap:clamp(48px,8vw,120px); align-items:center; }
.management-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #ccd9dc; border-left:1px solid #ccd9dc; }
.management-card-grid article { min-height:250px; padding:30px; border-right:1px solid #ccd9dc; border-bottom:1px solid #ccd9dc; }
.management-card-grid small,.management-label { color:#4d8491; font-size:11px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.management-card-grid h3 { margin:34px 0 12px; font-size:22px; line-height:1.15; }
.management-card-grid p { margin:0; color:#5a6f77; font-size:14px; line-height:1.65; }
.management-detail-list { margin:30px 0 0; padding:0; list-style:none; }
.management-detail-list li { position:relative; margin:0; padding:14px 0 14px 30px; border-bottom:1px solid rgba(151,197,211,.17); color:#c4d5da; line-height:1.55; }
.management-detail-list li::before { position:absolute; top:19px; left:0; width:9px; height:9px; content:""; border:2px solid var(--manage-amber); transform:rotate(45deg); }
.management-detail-list a { color:#8edbea; text-decoration:underline; text-underline-offset:4px; }
.management-flow { display:grid; gap:10px; }
.management-flow-row { display:grid; grid-template-columns:48px 1fr auto; align-items:center; gap:16px; min-height:74px; padding:12px 18px; border:1px solid rgba(142,195,211,.2); background:rgba(255,255,255,.035); }
.management-flow-row>span { display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(69,199,223,.48); color:var(--manage-cyan); font-size:12px; font-weight:800; }
.management-flow-row strong,.management-flow-row small { display:block; }
.management-flow-row small { margin-top:5px; color:#94abb3; }
.management-flow-row>b { color:var(--manage-green); font-size:10px; text-transform:uppercase; }
.management-callout { display:grid; grid-template-columns:1.3fr .7fr; gap:70px; align-items:center; padding:48px; border-left:4px solid var(--manage-amber); background:#e8eeef; }
.management-callout h3 { margin:12px 0 16px; font-size:clamp(28px,3vw,44px); line-height:1.08; }
.management-callout p { margin:0; color:#536b74; line-height:1.7; }
.management-callout-aside { padding-left:34px; border-left:1px solid #bdcccf; }
.management-callout-aside strong,.management-callout-aside span { display:block; }
.management-callout-aside span { margin-top:10px; color:#60757d; font-size:14px; line-height:1.6; }
.management-related { display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; color:#eef8fa; background:#071922; }
.management-related-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--manage-line); border-left:1px solid var(--manage-line); }
.management-related-links a { display:flex; justify-content:space-between; align-items:center; min-height:76px; padding:18px 22px; border-right:1px solid var(--manage-line); border-bottom:1px solid var(--manage-line); color:#d7e9ed; font-weight:700; transition:color .2s,background .2s; }
.management-related-links a:hover,.management-related-links a:focus-visible { color:#fff; background:rgba(237,180,91,.07); }
.management-related-links a span { color:var(--manage-amber); }
.management-page-pager { display:grid; grid-template-columns:1fr 260px 1fr; color:#e8f5f7; background:#0b2530; border-top:1px solid var(--manage-line); }
.management-page-pager a { display:grid; grid-template-columns:auto 1fr; gap:2px 18px; align-items:center; min-height:118px; padding:24px clamp(24px,5vw,76px); transition:background .2s; }
.management-page-pager a>span { grid-row:1/3; color:var(--manage-amber); font-size:24px; }
.management-page-pager a small,.management-page-pager a strong { display:block; }
.management-page-pager a small { color:#7f9aa4; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.management-page-pager a strong { font-size:16px; }
.management-page-pager a:hover,.management-page-pager a:focus-visible { background:rgba(237,180,91,.07); }
.management-pager-next { text-align:right; }
.management-pager-next>span { grid-column:2; justify-self:end; }
.management-page-pager>p { display:flex; flex-direction:column; justify-content:center; align-items:center; margin:0; padding:20px; border-right:1px solid rgba(145,197,214,.17); border-left:1px solid rgba(145,197,214,.17); text-align:center; }
.management-page-pager>p span { color:var(--manage-amber); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.management-page-pager>p strong { margin-top:7px; font-size:13px; }

/* Shared operation visuals */
.manage-console { padding:18px; }
.manage-tabs { display:flex; gap:7px; overflow:hidden; }
.manage-tabs span { flex:0 0 auto; padding:8px 10px; border:1px solid rgba(145,201,216,.17); color:#7f9ba4; font-size:8px; text-transform:uppercase; }
.manage-tabs span.active { border-color:var(--manage-cyan); color:#eef9fa; background:rgba(69,199,223,.07); }
.manage-list { margin-top:12px; border:1px solid rgba(145,201,216,.17); }
.manage-row { display:grid; grid-template-columns:34px 1fr auto; gap:12px; align-items:center; min-height:54px; padding:9px 13px; border-bottom:1px solid rgba(145,201,216,.11); }
.manage-row:last-child { border-bottom:0; }
.manage-row>span { display:grid; place-items:center; width:29px; height:29px; border:1px solid rgba(69,199,223,.35); color:var(--manage-cyan); font-size:8px; font-weight:800; }
.manage-row strong,.manage-row small { display:block; }
.manage-row strong { font-size:10px; }
.manage-row small { margin-top:4px; color:#7e98a1; font-size:8px; }
.manage-row>b { color:var(--status,var(--manage-green)); font-size:9px; text-align:right; text-transform:uppercase; }
.manage-summary { display:flex; justify-content:space-between; align-items:center; margin-top:12px; padding:12px 14px; border-left:2px solid var(--manage-amber); background:rgba(237,180,91,.06); font-size:9px; }
.manage-summary b { color:var(--manage-amber); }

/* Configuration */
.config-version { display:grid; grid-template-columns:1fr auto 1fr; gap:12px; align-items:center; margin-top:13px; }
.config-version div { padding:15px; border:1px solid rgba(145,201,216,.18); }
.config-version strong,.config-version small { display:block; }
.config-version strong { font-size:18px; }
.config-version small { margin-top:4px; color:#77939d; font-size:8px; }
.config-version>span { color:var(--manage-cyan); font-size:18px; }

/* Updates */
.update-progress { display:grid; grid-template-columns:repeat(5,1fr); gap:6px; margin-top:13px; }
.update-progress span { height:6px; background:var(--bar,rgba(255,255,255,.09)); }
.update-package { display:flex; justify-content:space-between; align-items:center; padding:16px; border:1px solid rgba(101,208,161,.3); background:rgba(101,208,161,.05); }
.update-package strong,.update-package small { display:block; }
.update-package small { margin-top:5px; color:#819ca5; font-size:8px; }
.update-package b { color:var(--manage-green); font-size:9px; text-transform:uppercase; }

/* Scheduler */
.scheduler-calendar { display:grid; grid-template-columns:repeat(7,1fr); gap:5px; margin-top:13px; }
.scheduler-calendar span { display:grid; place-items:center; aspect-ratio:1; border:1px solid rgba(145,201,216,.13); color:#708c95; font-size:8px; }
.scheduler-calendar span.task { border-color:var(--manage-amber); color:#fff; background:rgba(237,180,91,.09); }

/* Remote operation pipeline */
.command-pipeline { display:grid; grid-template-columns:repeat(5,1fr); gap:5px; margin:15px 0; }
.command-pipeline div { position:relative; padding:12px 5px; border-top:2px solid var(--pipe); background:rgba(255,255,255,.03); text-align:center; }
.command-pipeline div:not(:last-child)::after { position:absolute; top:50%; right:-6px; width:7px; height:1px; content:""; background:#55717b; }
.command-pipeline strong,.command-pipeline small { display:block; }
.command-pipeline strong { font-size:8px; }
.command-pipeline small { margin-top:4px; color:#718d96; font-size:7px; }

/* Wake on LAN */
.wol-map { position:relative; min-height:360px; }
.wol-node { position:absolute; z-index:2; min-width:128px; padding:14px; border:1px solid rgba(145,201,216,.24); background:#0a2732; text-align:center; }
.wol-node i { display:block; width:10px; height:10px; margin:0 auto 9px; border-radius:50%; background:var(--node); box-shadow:0 0 14px var(--node); }
.wol-node strong,.wol-node small { display:block; }
.wol-node strong { font-size:10px; }
.wol-node small { margin-top:4px; color:#78949d; font-size:8px; }
.wol-node.server { top:45px; left:50%; transform:translateX(-50%); --node:var(--manage-cyan); }
.wol-node.bridge { bottom:50px; left:35px; --node:var(--manage-green); }
.wol-node.target { right:35px; bottom:50px; --node:var(--manage-coral); }
.wol-path { position:absolute; left:50%; width:1px; height:87px; background:rgba(69,199,223,.38); }
.wol-path.one { top:117px; transform:rotate(48deg); transform-origin:top; }
.wol-path.two { top:117px; transform:rotate(-48deg); transform-origin:top; }
.wol-packet { position:absolute; bottom:87px; left:50%; padding:8px 12px; border:1px solid rgba(237,180,91,.4); color:var(--manage-amber); background:#0a2732; font-size:8px; transform:translateX(-50%); }

/* Support */
.support-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; margin-top:12px; }
.support-grid article { min-height:105px; padding:14px; border:1px solid rgba(145,201,216,.17); background:rgba(255,255,255,.025); }
.support-grid span { color:#78959e; font-size:8px; text-transform:uppercase; }
.support-grid strong { display:block; margin-top:18px; font-size:20px; }
.support-grid small { display:block; margin-top:5px; color:#82a0aa; font-size:8px; }

/* Reports */
.report-stack { position:relative; min-height:350px; }
.report-sheet { position:absolute; width:64%; height:275px; padding:20px; border:1px solid rgba(145,201,216,.25); background:#0d2a35; box-shadow:0 18px 40px rgba(0,0,0,.25); }
.report-sheet.one { top:43px; left:9%; transform:rotate(-4deg); opacity:.55; }
.report-sheet.two { top:34px; right:9%; transform:rotate(4deg); opacity:.72; }
.report-sheet.front { top:26px; left:18%; z-index:3; transform:none; }
.report-sheet header { display:flex; justify-content:space-between; font-size:9px; }
.report-sheet header b { color:var(--manage-green); }
.report-chart { display:flex; align-items:end; gap:7px; height:90px; margin-top:28px; border-bottom:1px solid rgba(145,201,216,.2); }
.report-chart i { flex:1; height:var(--h); background:var(--c); opacity:.78; }
.report-lines { margin-top:22px; }
.report-lines i { display:block; width:100%; height:5px; margin-top:9px; background:rgba(145,201,216,.13); }
.report-lines i:nth-child(2) { width:76%; }
.report-lines i:nth-child(3) { width:88%; }

/* Continuity */
.continuity-body { padding:20px; }
.continuity-head { display:flex; justify-content:space-between; align-items:center; padding:15px; border:1px solid rgba(145,201,216,.18); }
.continuity-head strong,.continuity-head small { display:block; }
.continuity-head small { margin-top:5px; color:#7b97a0; font-size:8px; }
.continuity-countdown { display:grid; place-items:center; width:52px; height:52px; border:2px solid var(--manage-amber); border-radius:50%; color:var(--manage-amber); font-size:17px; font-weight:800; }
.continuity-apps { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-top:12px; }
.continuity-apps div { display:grid; grid-template-columns:31px 1fr; gap:10px; align-items:center; padding:11px; border:1px solid rgba(145,201,216,.14); }
.continuity-apps span { display:grid; place-items:center; width:29px; height:29px; border:1px solid rgba(156,157,240,.4); color:var(--manage-violet); font-size:8px; }
.continuity-apps strong,.continuity-apps small { display:block; }
.continuity-apps strong { font-size:9px; }
.continuity-apps small { margin-top:3px; color:#78939c; font-size:7px; }

@media(max-width:1120px){.management-feature-page .product-hero{min-height:690px}.management-hero-visual{right:28px;width:43vw}.management-intro-grid,.management-split{grid-template-columns:1fr;gap:52px}.management-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.management-page-nav{top:64px}.management-page-nav-inner{padding:0 20px}.management-page-nav-title{margin-right:20px}.management-feature-page .product-hero{min-height:0;padding:70px 24px 0}.management-hero-visual{position:relative;top:auto;right:auto;width:100%;min-height:410px;margin-top:48px;opacity:1}.management-feature-page .product-stats{position:relative;margin:0 -24px}.management-section{padding:82px 28px}.management-related{grid-template-columns:1fr;gap:48px}.management-page-pager{grid-template-columns:1fr 1fr}.management-page-pager>p{display:none}}
@media(max-width:620px){.management-page-nav-inner{padding:0 16px}.management-page-nav-title{display:none}.management-page-nav-links{gap:22px}.management-feature-page .product-hero{padding-right:18px;padding-left:18px}.management-feature-page .product-hero-copy h1{font-size:clamp(3rem,13vw,3.25rem)}.management-feature-page .product-stats{margin:0 -18px}.management-section{padding:70px 18px}.management-heading h2,.management-split-copy h2,.management-related h2{font-size:36px}.management-card-grid{grid-template-columns:1fr}.management-card-grid article{min-height:210px}.management-callout{grid-template-columns:1fr;gap:34px;padding:34px 26px}.management-callout-aside{padding:28px 0 0;border-top:1px solid #bdcccf;border-left:0}.management-related-links{grid-template-columns:1fr}.management-page-pager a{min-height:108px;padding:20px 18px}.management-page-pager a strong{font-size:13px}.management-window-bar{padding:0 12px}.manage-console{padding:12px}.manage-tabs{gap:4px}.manage-tabs span{padding:7px 6px}.config-version{grid-template-columns:1fr auto 1fr}.command-pipeline{grid-template-columns:repeat(5,minmax(0,1fr))}.command-pipeline div{padding:10px 2px}.wol-node{min-width:112px}.wol-node.bridge{left:14px}.wol-node.target{right:14px}.report-sheet{width:72%}.report-sheet.front{left:14%}.continuity-apps{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.management-page-nav-links{scroll-behavior:auto}}