body{min-height:100dvh;display:flex;flex-direction:column}
.brand{display:flex;flex-direction:column;width:224px;color:#fff}
.brand:hover{text-decoration:none}
.brand__wordmark{display:block;width:224px;height:53px;background:url('../img/logo-wordmark.png') center/224px 112px no-repeat}
.brand__division{font-size:8px;letter-spacing:.2em;padding-left:5px;white-space:nowrap;color:#b5c8d5}
.masthead{background:var(--brand-navy);color:#fff}
.topbar-inner{min-height:90px;padding:12px 28px;display:flex;align-items:center;gap:20px;width:100%}
.topbar-context{display:flex;align-items:center;gap:20px;min-width:0}
.topbar-operations{display:flex;align-items:center;justify-content:center;gap:16px;min-width:0}
.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.topbar-actions .icon-button{width:40px;height:40px}
.admin-shell{display:grid;grid-template-columns:236px minmax(0,1fr);flex:1;min-height:100dvh}
.admin-main{min-width:0;display:flex;flex-direction:column}
.app-sidebar{position:sticky;top:0;align-self:start;height:100dvh;min-height:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line)}
.sidebar-brand{width:100%;min-height:90px;padding:12px 16px;background:var(--brand-navy)}
.sidebar-brand .brand__wordmark{width:202px;background-size:202px 101px}
.sidebar-body{padding:20px 14px;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.side-nav{display:flex;flex-direction:column;gap:5px;flex:1;overflow:auto;min-height:0}
.airmap-stand{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:8px}
.side-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid transparent;border-radius:8px;color:var(--muted);font-size:13px;font-weight:550}
.side-nav a .icon{width:19px;height:19px;flex:none}
.side-nav a:hover{text-decoration:none;color:var(--ink);background:var(--surface-soft)}
.side-nav a[aria-current=page]{color:var(--action);background:var(--info-soft);border-color:var(--line);font-weight:650}
.nav-group{margin-top:15px}
.nav-group__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 12px;border:0;background:none;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-align:left}
.nav-group__toggle .icon{width:15px;height:15px;transition:transform .16s}
.nav-group__toggle[aria-expanded=false] .icon{transform:rotate(-90deg)}
.nav-group__items{display:flex;flex-direction:column;gap:4px}
.sidebar-profile{margin-top:22px;padding-top:17px;border-top:1px solid var(--line);flex:none}
.profile-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:1px solid transparent;border-radius:9px;background:none;color:var(--ink);text-align:left}
.profile-trigger:hover{background:var(--surface-soft);border-color:var(--line)}
.profile-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--brand-sky);color:var(--brand-navy);font-size:14px;font-weight:700;flex:none}
.profile-trigger__name{min-width:0;flex:1}.profile-trigger strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-trigger small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.profile-trigger>.icon{width:15px;height:15px;transform:rotate(180deg)}
.profile-menu{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:11px;padding:7px;box-shadow:0 12px 40px #0003}
.profile-menu a,.profile-menu button{display:flex;align-items:center;gap:11px;padding:11px 12px;width:100%;background:none;border:0;border-radius:7px;color:var(--ink);font-size:13px;text-align:left;min-height:42px}
.profile-menu a:hover,.profile-menu button:hover{background:var(--surface-soft);text-decoration:none}
.profile-menu .icon{width:18px;height:18px;color:var(--muted)}
.profile-menu small{color:var(--muted);font-size:11px;margin-left:12px}
.profile-menu form{margin:0}.profile-menu__separator{border-top:1px solid var(--line);margin:6px 2px}
.system-topbar{position:sticky;top:0;z-index:25;background:var(--surface);border-bottom:1px solid var(--line);container:system-topbar / inline-size}
.system-topbar .topbar-inner{min-height:72px;padding:12px 30px}
.system-topbar:has(.topbar-operations) .topbar-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.topbar-location{font-size:14px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-nav-toggle{display:none}
.workspace{width:100%;max-width:1600px;min-width:0;margin:0 auto;padding:36px 32px 56px;flex:1}
.workspace--auth{max-width:none;min-height:0;padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}
.workspace--auth>.flash-notice{width:100%;max-width:540px;margin:0}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.page-heading>div{max-width:900px}.page-heading>.button{flex:none}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:38px 0 23px}.section-heading>.muted{font-size:12px}
.section-description{color:var(--muted);margin:-7px 0 25px;max-width:900px;font-size:15px}
.workspace>.panel,.workspace>.callout,.workspace>.two-col{margin-bottom:28px}.workspace--auth>.panel{margin-bottom:0}
.site-footer{width:100%;padding:24px 32px 16px;display:grid;grid-template-columns:minmax(240px,2fr) 1fr 1fr;gap:18px;background:var(--brand-navy);color:#c2d2df;border-top:1px solid #314657;font-size:13px}
.footer-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;font-weight:700}.footer-brand img{width:44px;height:44px;object-fit:contain}
.site-footer>div>p{max-width:330px;margin-top:8px}.site-footer address{font-style:normal;margin-top:10px;display:flex;gap:12px;font-size:12px}.site-footer address span{color:#94adbe}.site-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.site-footer nav>strong{color:#fff;margin-bottom:3px}.site-footer nav a{color:#c2d2df}.site-footer__legal{grid-column:1/-1;border-top:1px solid #314657;padding-top:12px;display:flex;justify-content:space-between;gap:18px;font-size:11px}.site-footer__legal>p{margin:0!important;max-width:none!important}
.legal-content{max-width:950px}.legal-content section+section{margin-top:28px;padding-top:26px;border-top:1px solid var(--line)}.legal-content h2{font-size:22px;margin-bottom:14px}.legal-content p+p{margin-top:12px}
.dialog--navigation{margin:0 auto 0 0;inset:0 auto 0 0;width:min(300px,calc(100vw - 42px));border-radius:0;border-left:0;border-right:1px solid var(--line);padding:22px 0 0;display:none}
.dialog--navigation[open]{display:flex;flex-direction:column}.dialog--navigation>.dialog__heading{padding-inline:24px}.dialog--navigation .dialog__heading h2{font-size:22px}.dialog--navigation .sidebar-body{padding-top:0}
@media(max-width:1200px){.workspace{padding-inline:26px}}
@media(max-width:1000px){.admin-shell{grid-template-columns:minmax(0,1fr)}.app-sidebar{display:none}.mobile-nav-toggle{display:inline-flex}.system-topbar .topbar-inner{padding-inline:24px}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.workspace{padding:28px 24px 45px}.workspace--auth{padding:28px 24px}.page-heading{flex-direction:column;align-items:flex-start;gap:20px}.type-specimen{grid-template-columns:1fr}.type-specimen>div{padding:25px}.display-type{font-size:42px}.site-footer{grid-template-columns:2fr 1fr 1fr;padding:20px 24px 16px;gap:18px}.site-footer__legal{flex-direction:column;gap:8px}}
@media(max-width:520px){.topbar-inner{padding:10px 18px;gap:12px}.brand{width:190px}.brand__wordmark{width:190px;height:45px;background-size:190px 95px}.brand__division{font-size:7px}.system-topbar .topbar-inner{padding:12px 18px;gap:12px}.topbar-actions{gap:7px}.topbar-location{font-size:13px}.workspace{padding:26px 18px 40px}.workspace--auth{padding:24px 18px}.palette-grid{gap:12px}.swatch__body{padding:14px}.swatch h3{font-size:13px}.swatch p{font-size:11px}.page-heading .lede{font-size:15px}.site-footer{grid-template-columns:1fr 1fr;padding:20px 22px 16px;gap:16px}.site-footer>div:first-child{grid-column:1/-1}}

@media(max-width:1000px){.app-shell--sidebar{grid-template-columns:minmax(0,1fr)}.app-sidebar{display:none}.mobile-nav-toggle{display:inline-flex}.masthead__inner{flex-wrap:wrap;gap:0 16px;padding:10px 24px;min-height:82px}.quick-actions{order:3;flex-basis:100%;padding-top:12px;margin-top:10px;border-top:1px solid #ffffff18;padding-bottom:2px}.header-link span{display:none}.header-link{width:38px;height:40px;justify-content:center}.theme-toggle span{display:none}.theme-toggle{width:40px;padding:9px}.brand{width:210px}.brand__wordmark{width:210px;background-size:210px 105px}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container system-topbar (max-width:960px){
 .system-topbar:has(.topbar-operations) .topbar-inner{grid-template-columns:minmax(0,1fr) auto;row-gap:10px}
 .topbar-inner:has(.topbar-operations) .topbar-context{grid-column:1;grid-row:1;gap:12px}
 .topbar-inner:has(.topbar-operations) .topbar-actions{grid-column:2;grid-row:1}
 .topbar-operations{grid-column:1/-1;grid-row:2;flex-wrap:wrap;gap:10px 16px;border-top:1px solid var(--line);padding-top:10px}
}
@container system-topbar (max-width:480px){.topbar-operations .topbar-duty{flex-basis:100%;justify-content:center}}