:root{color-scheme:dark;--bg:#07101e;--panel:#111d31;--panel2:#16243b;--line:#263b58;--text:#f2f6fd;--muted:#9dafc7;--blue:#4aa3ff;--green:#45d483;--amber:#f3bd4a}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #1d2a3e;background:#081321;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:linear-gradient(145deg,#192d51,#0c1729);border:1px solid #34537f;box-shadow:0 0 22px #2f78d233}.brand strong{font-size:18px}.brand span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.topmeta{display:flex;gap:8px}.pill,.foundation{border:1px solid var(--line);background:#132038;border-radius:9px;padding:7px 10px;font-size:12px;color:#c6d4e8}.layout{display:grid;grid-template-columns:235px 1fr;min-height:calc(100vh - 70px)}.sidebar{border-right:1px solid #1d2a3e;padding:19px 12px;background:#091424;display:flex;flex-direction:column}.navgroup{margin-bottom:24px}.navlabel{font-size:9px;letter-spacing:1.8px;color:#6f85a1;font-weight:800;padding:0 10px;display:block;margin-bottom:8px}.nav{display:flex;align-items:center;gap:9px;padding:10px;border-radius:8px;color:#dce6f4;font-size:14px;margin-bottom:3px}.nav.active{background:#1a2b46}.nav.disabled{opacity:.45;cursor:default}.nav small{margin-left:auto;font-size:9px}.sidefooter{margin-top:auto;padding:12px;color:#8195af;font-size:11px;line-height:1.5}.content{padding:30px;max-width:1540px;width:100%;margin:0 auto}.hero{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:32px;border-radius:16px;background:linear-gradient(135deg,#14233b,#0d192b);border:1px solid var(--line);margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7abaff;font-weight:800}.hero h1{font-size:34px;margin:9px 0 9px}.hero p,.sectionhead p,.systembox p{color:var(--muted);line-height:1.55;max-width:800px;margin:0}.health{min-width:170px;text-align:center;border:1px solid #315076;background:#10203a;padding:20px;border-radius:13px}.health strong{font-size:29px;display:block}.health span{font-size:11px;color:var(--muted)}.sectionhead{display:flex;justify-content:space-between;align-items:flex-start;margin:0 2px 14px}.sectionhead h2,.systembox h2{margin:0 0 5px;font-size:20px}.cards{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;min-height:275px;display:flex;flex-direction:column}.cardtop{display:flex;justify-content:space-between;align-items:center}.appicon{width:42px;height:42px;border:1px solid #35547b;background:#0f1b2e;border-radius:12px;display:grid;place-items:center;font-size:22px}.status{font-size:9px;letter-spacing:.6px;padding:5px 7px;border-radius:999px;border:1px solid}.status.ok{color:#70eba2;background:#103523;border-color:#236c43}.status.pending{color:#f5ce79;background:#3c2d11;border-color:#6d5222}.card h3{font-size:19px;margin:18px 0 8px}.card p{color:var(--muted);font-size:13px;line-height:1.48;margin:0 0 18px}.facts{display:flex;gap:15px;font-size:11px;color:#8498b2;margin-top:auto;border-top:1px solid #223550;padding-top:13px}.facts b{color:#dce8f7}.open{margin-top:15px;background:#1e64b6;border:1px solid #3984d6;padding:9px 12px;border-radius:8px;font-size:12px;font-weight:700;width:max-content}.open.inactive{background:#142035;border-color:#253d5d;color:#879ab2;font-weight:500}.systembox{margin-top:20px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.steps{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.steps span{font-size:10px;border:1px solid #2c405e;background:#101c30;padding:7px 9px;border-radius:8px;color:#879ab2}.steps .done{color:#6be49b;border-color:#2b7047;background:#10301f}footer{text-align:center;color:#5f7189;font-size:10px;padding:24px 0 0}@media(max-width:950px){.layout{grid-template-columns:1fr}.sidebar{display:none}.content{padding:18px}.cards{grid-template-columns:1fr}.hero,.systembox{grid-template-columns:1fr}.topmeta{display:none}.hero h1{font-size:28px}}

/* MioACU Design & Branding 0.3.1.13 */
.hero-branded{position:relative;overflow:hidden;isolation:isolate}
.hero-branded>.hero-brand-bg,.hero-branded>.hero-brand-overlay{position:absolute;inset:0;pointer-events:none}
.hero-branded>.hero-brand-bg{z-index:0;background-size:cover;background-position:var(--hero-x,50%) var(--hero-y,50%);background-repeat:no-repeat;opacity:0;transform:scale(var(--hero-zoom,1))}
.hero-branded.has-brand-image>.hero-brand-bg{opacity:var(--hero-image-opacity,.30)}
.hero-branded>.hero-brand-overlay{z-index:1;background:#07101e;opacity:0}
.hero-branded.has-brand-image>.hero-brand-overlay{opacity:var(--hero-overlay,.56)}
.hero-branded>.hero-brand-content{position:relative;z-index:2}
.hero-branded>.health{position:relative;z-index:2}
@keyframes mioacuHeroDrift{0%{translate:-.8% -.4%}50%{translate:.8% .4%}100%{translate:-.8% -.4%}}
.hero-brand-bg.motion-drift{animation:mioacuHeroDrift 18s ease-in-out infinite}
.hero-brand-bg.motion-parallax{animation:mioacuHeroDrift 28s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero-brand-bg.motion-drift,.hero-brand-bg.motion-parallax{animation:none}}

/* MioACU 0.3.1.14 – unified system navigation + editable hero */
.system-nav .nav-sub{padding-left:18px}
.system-nav .nav-sub span{font-size:13px}
.hero-branded>.hero-brand-content{width:min(var(--hero-text-width,78%),100%);text-align:var(--hero-text-align,left)}
.hero-branded>.hero-brand-content h1{font-size:var(--hero-title-size,34px)}
.hero-branded>.hero-brand-content p{font-size:var(--hero-subtitle-size,14px)}
@media(max-width:950px){.hero-branded>.hero-brand-content{width:100%}}

/* DLU-031 Platform Card Branding */
.card{position:relative;overflow:hidden;isolation:isolate}.card>*:not(.card-brand-bg):not(.card-brand-overlay){position:relative;z-index:2}.card-brand-bg,.card-brand-overlay{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s ease}.card-brand-bg{z-index:0;background-size:cover;background-repeat:no-repeat;background-position:var(--card-x,50%) var(--card-y,50%);transform:scale(var(--card-zoom,1));opacity:0}.card-brand-overlay{z-index:1;background:#07101e;opacity:0}.card.has-card-image .card-brand-bg{opacity:var(--card-image-opacity,.42)}.card.has-card-image .card-brand-overlay{opacity:var(--card-overlay,.48)}

/* MioACU 0.3.1.67 – simplified navigation + full-card launch */
.card-clickable{cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.card-clickable:hover{transform:translateY(-2px);border-color:#3d6594;box-shadow:0 12px 30px #0003}
.card-clickable:focus-visible{outline:2px solid #6db7ff;outline-offset:2px}
.card-system-name{font-size:24px;font-weight:850;letter-spacing:-.3px;margin:18px 0 6px;line-height:1.08}
.card-full-title{font-size:12px!important;font-weight:650;color:#9dafc7;margin:0 0 10px!important;letter-spacing:.1px}
.navgroup-maintenance{margin-top:auto;margin-bottom:8px}.navgroup-maintenance+.sidefooter{margin-top:0}
@media(max-width:1200px){.card-system-name{font-size:21px}}

/* MioACU 0.3.1.68 – persistent navigation + clean platform cards */
@media(min-width:951px){
  .sidebar{position:sticky;top:70px;height:calc(100vh - 70px);overflow-y:auto;overscroll-behavior:contain}
  .navgroup-maintenance{position:sticky;bottom:0;z-index:3;background:#091424;padding-top:8px;padding-bottom:6px;border-top:1px solid #1d2a3e}
  .navgroup-maintenance+.sidefooter{display:none}
}
.card-clickable{user-select:none}