/* Updated: 2026-04-26 00:00 UTC */
:root {
    --bg: #f3f5f9;
    --surface: #ffffff;
    --surface-alt: #f8fafc;
    --text: #1f2937;
    --muted: #667085;
    --line: #d0d7e2;
    --primary: #174ea6;
    --primary-soft: #e8f0fe;
    --danger: #b42318;
    --danger-soft: #fef3f2;
    --success: #027a48;
    --warning: #b54708;
    --radius: 10px;
    --radius-sm: 8px;
    --shadow: 0 4px 16px rgba(16, 24, 40, .08);
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
}
* { box-sizing: border-box; }
body {
    margin: 0;
    font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.45;
    color: var(--text);
    background: var(--bg);
}
a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 var(--space-4); }
.app-main { padding-block: var(--space-5); }
h1,h2,h3 { margin: 0 0 var(--space-3); line-height: 1.2; }
h1 { font-size: clamp(1.45rem, 2vw, 2rem); }
h2 { font-size: 1.25rem; }
.muted { color: var(--muted); }

.app-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: #101828;
    border-bottom: 1px solid rgba(255,255,255,.12);
}
.header-shell {
    min-height: 64px;
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    align-items: center;
    gap: var(--space-3);
    padding-block: var(--space-2);
}
.brand { color: #fff; display: inline-flex; flex-direction: column; }
.brand:hover { text-decoration: none; }
.brand-name { font-size: 1.05rem; font-weight: 700; }
.brand-build { font-size: .75rem; color: #98a2b3; }

.primary-nav { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem; }
.nav-link {
    color: #d0d5dd;
    padding: .45rem .65rem;
    border-radius: var(--radius-sm);
    font-size: .93rem;
}
.nav-link:hover { text-decoration: none; background: rgba(255,255,255,.08); color: #fff; }
.nav-link.is-active { background: var(--primary-soft); color: #0b3c8c; font-weight: 700; }

.account-area { display: flex; align-items: center; gap: var(--space-2); }
.account-meta { display: flex; align-items: center; gap: .45rem; color: #fff; }
.account-name { font-size: .875rem; }
.inline-form { display: inline; }

.nav-toggle {
    display: none;
    border: 1px solid rgba(255,255,255,.22);
    color: #fff;
    background: transparent;
    border-radius: var(--radius-sm);
    font-size: 1.1rem;
    padding: .35rem .65rem;
}

.card {
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: var(--space-4);
    margin-bottom: var(--space-4);
}
.section-header {
    display: flex;
    justify-content: space-between;
    gap: var(--space-3);
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: var(--space-4);
}
.section-header p { margin: 0; }
.actions { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.action-links { display: inline-flex; align-items: center; flex-wrap: wrap; gap: var(--space-2); }

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border-radius: var(--radius-sm);
    border: 1px solid transparent;
    padding: .55rem .8rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}
.btn:hover { text-decoration: none; }
.btn-primary { background: var(--primary); color: #fff; }
.btn-secondary { background: #fff; color: var(--text); border-color: var(--line); }
.btn-danger { background: var(--danger); color: #fff; }
.btn-ghost { background: transparent; color: #d0d5dd; border-color: rgba(255,255,255,.2); }
.btn-link { background: none; border: 0; color: var(--primary); padding: 0; min-height: 0; font-weight: 500; }

.form-grid { display: grid; gap: var(--space-3); }
.form-grid.two-col { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-actions {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
    margin-top: var(--space-2);
}

label { display: block; font-weight: 600; font-size: .92rem; margin-bottom: var(--space-1); }
input, textarea, select {
    width: 100%;
    margin-top: .35rem;
    min-height: 44px;
    border: 1px solid #98a2b3;
    border-radius: var(--radius-sm);
    background: #fff;
    color: var(--text);
    padding: .6rem .7rem;
    font: inherit;
}
textarea { min-height: 120px; resize: vertical; }
small, .field-help { color: var(--muted); display: block; margin-top: .35rem; font-size: .82rem; line-height: 1.5; }
input:focus, textarea:focus, select:focus, .btn:focus, a:focus, button:focus {
    outline: 3px solid #c7dbff;
    outline-offset: 1px;
}
.error { color: var(--danger); font-size: .82rem; margin-top: .3rem; line-height: 1.45; }

.badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid transparent;
    padding: .18rem .52rem;
    font-size: .74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
}
.badge-open,.badge-active,.badge-approved,.badge-passed,.badge-verified,.badge-completed { background: #ecfdf3; color: #067647; border-color: #abefc6; }
.badge-investigating,.badge-reviewing,.badge-pending,.badge-planned { background: #fffaeb; color: #b54708; border-color: #fedf89; }
.badge-matched,.badge-recovered { background: #eff8ff; color: #175cd3; border-color: #b2ddff; }
.badge-closed,.badge-cancelled,.badge-rejected,.badge-failed,.badge-flagged,.badge-archived,.badge-inactive,.badge-suspended,.badge-retired { background: #fef3f2; color: #b42318; border-color: #fecdca; }
.badge-admin,.badge-superadmin { background: #eef4ff; color: #3538cd; border-color: #c7d7fe; }
.badge-member,.badge-operator,.badge-unverified,.badge-draft,.badge-maintenance,.badge-lost,.badge-controlled,.badge-restricted,.badge-no-fly,.badge-warning,.badge-temporary,.badge-muted { background: #f2f4f7; color: #475467; border-color: #d0d5dd; }

.table-wrap { overflow-x: auto; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
table { width: 100%; border-collapse: collapse; min-width: 720px; }
th, td { padding: .75rem; border-bottom: 1px solid #eaecf0; text-align: left; vertical-align: top; font-size: .92rem; }
th { background: var(--surface-alt); font-size: .8rem; text-transform: uppercase; color: #475467; letter-spacing: .02em; }
tr:last-child td { border-bottom: 0; }

.desktop-only { display: block; }
.mobile-only { display: none; }

.list-cards { display: grid; gap: var(--space-3); }
.list-card { border: 1px solid var(--line); border-radius: var(--radius); background: #fff; padding: var(--space-3); box-shadow: var(--shadow); }
.list-card h3 { margin-bottom: .2rem; }
.list-card .card-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-2);
    flex-wrap: wrap;
    margin-bottom: .35rem;
}
.meta-grid { display: grid; gap: .55rem 1rem; grid-template-columns: repeat(2, minmax(0,1fr)); margin: .35rem 0 .6rem; }
.meta-item strong { display: block; font-size: .75rem; color: var(--muted); text-transform: uppercase; letter-spacing: .02em; margin-bottom: .1rem; }

.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)); gap: var(--space-3); margin-bottom: var(--space-4); }
.stat-card strong { font-size: 1.65rem; display: block; margin-top: .2rem; }

.flash {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-3);
    border: 1px solid;
    border-radius: var(--radius);
    padding: .75rem 1rem;
    margin-bottom: var(--space-3);
}
.flash.success { background: #ecfdf3; border-color: #abefc6; color: #067647; }
.flash.error { background: #fef3f2; border-color: #fecdca; color: #b42318; }

.empty-state {
    text-align: center;
    color: var(--muted);
    padding: 1.35rem;
    border: 1px dashed var(--line);
    background: var(--surface-alt);
}

.detail-meta {
    display: grid;
    gap: var(--space-2) var(--space-4);
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.detail-meta dt {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: var(--muted);
}
.detail-meta dd { margin: .15rem 0 0; font-weight: 600; }

.admin-stack { display: grid; gap: var(--space-4); }
.admin-section-title { margin-bottom: var(--space-2); }
.moderation-form { margin-top: .55rem; }

pre { white-space: pre-wrap; word-break: break-word; background: var(--surface-alt); border: 1px solid var(--line); border-radius: var(--radius-sm); padding: .75rem; }
.footer { color: var(--muted); text-align: center; padding: 1.5rem var(--space-4) 2.5rem; display: flex; gap: .5rem; justify-content: center; align-items: center; flex-wrap: wrap; }
.footer-build-link { font-weight: 700; }

.changelog-current { margin-top: var(--space-2); }
.changelog-stack { display: grid; gap: var(--space-3); }
.changelog-entry { border: 1px solid var(--line); border-radius: var(--radius-sm); padding: var(--space-3); background: var(--surface-alt); }
.changelog-list { margin: .5rem 0 0 1rem; padding: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

@media (max-width: 980px) {
    .header-shell { grid-template-columns: auto auto 1fr; }
    .nav-toggle { display: inline-flex; }
    .primary-nav {
        display: none;
        grid-column: 1 / -1;
        width: 100%;
        padding: var(--space-2);
        border: 1px solid rgba(255,255,255,.14);
        border-radius: var(--radius-sm);
        background: #0b1220;
        gap: .45rem;
    }
    .primary-nav.is-open { display: flex; }
    .account-area { margin-left: auto; }
}

@media (max-width: 840px) {
    .form-grid.two-col { grid-template-columns: 1fr; }
    .section-header,
    .section-header .actions {
        width: 100%;
    }
    .section-header .actions .btn {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .desktop-only { display: none; }
    .mobile-only { display: block; }
    .meta-grid { grid-template-columns: 1fr; }
    .form-actions .btn,
    .actions .btn { width: 100%; }
}

@media (max-width: 640px) {
    .container { padding-inline: .85rem; }
    .header-shell { gap: .5rem; }
    .account-area {
        width: 100%;
        grid-column: 1 / -1;
        justify-content: space-between;
        border-top: 1px solid rgba(255, 255, 255, .14);
        padding-top: var(--space-2);
        margin-top: var(--space-1);
    }
    .account-name { display: inline; }
    .btn { width: 100%; }
    .flash {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Updated: 2026-04-20 01:15 UTC */
.pagination { display:flex; gap:12px; align-items:center; justify-content:flex-end; margin-top:16px; }



/* Updated: 2026-04-20 23:40 UTC */
.section-card { margin: 0; }
.section-card legend { font-weight: 700; padding: 0 .25rem; }
code { background: #eef2ff; border: 1px solid #c7d2fe; padding: .1rem .35rem; border-radius: 6px; }
.print-sheet { max-width: 880px; margin: 0 auto; }
@media print {
  .app-header, .footer, .btn, form, .actions { display: none !important; }
  body { background: #fff; }
  .card { border: 0; box-shadow: none; padding: 0; }
}

/* Updated: 2026-04-21 17:10 UTC */
:root {
  --public-bg: #070d1e;
  --public-surface: #0e1732;
  --public-surface-2: #121f43;
  --public-text: #eaf1ff;
  --public-muted: #a7b4d4;
  --public-line: rgba(167, 180, 212, .22);
  --public-grad: linear-gradient(130deg, #4f7cff, #30b6ff 45%, #52f4c9);
  --public-grad-soft: radial-gradient(circle at top right, rgba(79,124,255,.35), rgba(48,182,255,.08) 42%, transparent 70%);
  --public-shadow: 0 24px 60px rgba(2, 8, 23, .45);
  --public-radius: 18px;
  --public-ease: 240ms cubic-bezier(.2,.7,.2,1);
}
.public-body {
  background: radial-gradient(circle at 20% -10%, #1a2c5f 0%, #0a1128 44%, #070d1e 100%);
  color: var(--public-text);
}
.public-main { overflow: clip; }
.public-announcement {
  background: #0d1a3e;
  color: #b7ccff;
  text-align: center;
  padding: .45rem 1rem;
  font-size: .82rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.public-header {
  position: sticky; top: 0; z-index: 80;
  backdrop-filter: blur(14px);
  background: rgba(7, 13, 30, .78);
  border-bottom: 1px solid var(--public-line);
  box-shadow: 0 6px 26px rgba(0,0,0,.2);
}
.public-header-shell { min-height: 74px; display: grid; grid-template-columns: auto auto 1fr auto; gap: .8rem; align-items: center; }
.brand-public { color: #fff; line-height: 1.1; }
.brand-tagline { color: var(--public-muted); font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }
.public-nav .nav-link { color: #dce6ff; }
.public-nav .nav-link:hover { background: rgba(255,255,255,.1); }
.public-nav .nav-link.is-active { background: rgba(78,120,255,.28); color: #fff; }
.mobile-nav-link { display: none; }
.public-actions .btn-secondary { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.2); color: #fff; }
.public-actions .btn-primary,
.btn-primary {
  background: var(--public-grad);
  color: #03112f;
  border: 0;
  box-shadow: 0 12px 30px rgba(48,182,255,.25);
}
.btn-secondary { background: rgba(255,255,255,.08); color: #fff; border-color: rgba(255,255,255,.2); }
.btn {
  transition: transform var(--public-ease), box-shadow var(--public-ease), filter var(--public-ease), background var(--public-ease);
}
.btn:hover { transform: translateY(-1px); filter: brightness(1.06); }
.hero { position: relative; padding: 5.2rem 0 3rem; }
.hero-bg { position: absolute; inset: 0; background: var(--public-grad-soft); pointer-events: none; }
.hero::after { content:''; position:absolute; inset: 0; background-image: linear-gradient(rgba(167,180,212,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(167,180,212,.08) 1px, transparent 1px); background-size: 44px 44px; mask-image: radial-gradient(circle at center, rgba(0,0,0,.65), transparent 88%); pointer-events:none; }
.hero-grid { position: relative; display: grid; grid-template-columns: 1.05fr .95fr; gap: 1.6rem; align-items: center; }
.eyebrow { display: inline-flex; border-radius: 999px; padding: .3rem .75rem; background: rgba(82,244,201,.16); border: 1px solid rgba(82,244,201,.35); color: #9dfce2; font-size: .76rem; letter-spacing: .04em; font-weight: 700; text-transform: uppercase; }
.hero h1 { font-size: clamp(2rem, 4.8vw, 3.5rem); margin-top: .9rem; letter-spacing: -.02em; }
.lead { font-size: clamp(1rem, 1.8vw, 1.15rem); color: var(--public-muted); max-width: 64ch; }
.hero-composition { position: relative; min-height: 380px; }
.hero-panel { position: absolute; border-radius: var(--public-radius); border: 1px solid var(--public-line); background: linear-gradient(170deg, rgba(255,255,255,.12), rgba(255,255,255,.02)); box-shadow: var(--public-shadow); backdrop-filter: blur(6px); padding: 1rem; animation: floaty 7s ease-in-out infinite; }
.hero-panel h3, .hero-panel h4 { margin-bottom: .35rem; }
.hero-panel p { margin: 0; color: #d7e4ff; }
.hero-panel-main { inset: .3rem 4rem auto .5rem; }
.hero-panel-weather { right: .6rem; top: 5.7rem; width: 42%; animation-delay: .8s; }
.hero-panel-status { left: 2.5rem; bottom: 2.2rem; width: 44%; animation-delay: .3s; }
.hero-panel-map { right: .8rem; bottom: .3rem; width: 46%; animation-delay: 1.2s; }
.hero-chip-row { display: flex; gap: .4rem; margin-top: .7rem; }
.hero-chip { border-radius: 999px; padding: .2rem .52rem; font-size: .76rem; background: rgba(255,255,255,.16); }
.hero-chip.ok { background: rgba(82,244,201,.2); border: 1px solid rgba(82,244,201,.35); }
.stat-band { display: grid; gap: .65rem; margin-top: 1.4rem; grid-template-columns: repeat(3, minmax(0,1fr)); }
.stat-band article { border: 1px solid var(--public-line); border-radius: 12px; background: rgba(12,24,53,.7); padding: .75rem; }
.stat-band strong { display: block; font-size: 1.25rem; }
.stat-band span { color: var(--public-muted); font-size: .82rem; }
.section { padding: 3rem 0; }
.section-alt { background: linear-gradient(180deg, rgba(18,31,67,.6), rgba(7,13,30,.65)); border-block: 1px solid var(--public-line); }
.trust-strip { padding: 1rem 0; border-block: 1px solid var(--public-line); background: rgba(7, 15, 38, .75); }
.trust-grid { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .8rem; align-items: center; }
.trust-values { display: flex; gap: .6rem; flex-wrap: wrap; }
.trust-values span { border: 1px solid var(--public-line); border-radius: 999px; padding: .3rem .65rem; color: #bfd0f7; }
.section-title-wrap { margin-bottom: 1.15rem; }
.section-title-wrap h2 { font-size: clamp(1.5rem, 3vw, 2.2rem); }
.premium-cards .card,
.pricing-card,
.split-card,
.timeline li,
.pwa-panel,
.faq details,
.final-cta {
  border-color: var(--public-line);
  background: linear-gradient(180deg, rgba(18,31,67,.9), rgba(10,18,40,.86));
  color: var(--public-text);
}
.premium-card { transition: transform var(--public-ease), box-shadow var(--public-ease), border-color var(--public-ease); }
.premium-card:hover, .pricing-card:hover, .split-card:hover { transform: translateY(-4px); box-shadow: var(--public-shadow); border-color: rgba(82,244,201,.45); }
.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px,1fr)); gap: 1rem; }
.timeline { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; }
.timeline li { border: 1px solid var(--public-line); border-radius: 14px; padding: 1rem; display: grid; gap: .3rem; }
.timeline p { margin: 0; color: var(--public-muted); }
.ops-split { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; }
.split-card { border: 1px solid var(--public-line); border-radius: var(--public-radius); padding: 1rem; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
.pricing-card { border: 1px solid var(--public-line); border-radius: var(--public-radius); display: grid; gap: .8rem; }
.pill { display: inline-flex; background: rgba(82,244,201,.18); border: 1px solid rgba(82,244,201,.35); border-radius: 999px; padding: .2rem .55rem; width: fit-content; font-size: .74rem; font-weight: 700; }
.pricing-card.featured { border-color: rgba(82,244,201,.55); transform: scale(1.02); box-shadow: 0 18px 44px rgba(48,182,255,.22); }
.pricing-card.enterprise { background: linear-gradient(180deg, rgba(24,20,55,.95), rgba(10,16,36,.9)); }
.price { font-size: 2rem; font-weight: 800; margin: 0; }
.price span { font-size: .9rem; color: var(--public-muted); font-weight: 500; margin-left: .3rem; }
.pricing-card ul { margin: 0; padding-left: 1.1rem; color: #d6e3ff; display: grid; gap: .35rem; }
.pwa-panel { border: 1px solid var(--public-line); border-radius: 20px; padding: 1.35rem; box-shadow: var(--public-shadow); }
.faq details { border: 1px solid var(--public-line); border-radius: 12px; padding: .8rem .95rem; margin-bottom: .7rem; }
.faq summary { cursor: pointer; font-weight: 700; }
.final-cta { text-align: center; border-radius: 22px; box-shadow: var(--public-shadow); }
.public-footer { margin-top: 2.8rem; padding-top: 2rem; border-top: 1px solid var(--public-line); background: #050a17; }
.public-footer-grid { display: grid; gap: 1.2rem; grid-template-columns: 1.3fr repeat(3, minmax(0,1fr)); }
.public-footer h3, .public-footer h4 { color: #fff; margin-bottom: .55rem; }
.public-footer p { color: var(--public-muted); }
.public-footer a { color: #c4d4fb; display: block; margin-bottom: .45rem; }
.public-footer a:hover { color: #fff; text-decoration: none; }
.public-footer-bar { margin-top: 1rem; padding: 1rem 0 1.5rem; border-top: 1px solid var(--public-line); color: #99abd1; font-size: .84rem; }
.page-hero { padding-top: 3.3rem; }
.legal-doc { max-width: 860px; }
.legal-doc p, .legal-doc li { color: var(--public-muted); }
.two-col-layout { display: grid; grid-template-columns: 1.2fr .8fr; gap: 1rem; }
@keyframes floaty { 0%,100% { transform: translateY(0px); } 50% { transform: translateY(-8px); } }
.reveal-in { opacity: 0; transform: translateY(20px); transition: opacity .55s ease, transform .55s ease; }
.reveal-in.visible { opacity: 1; transform: translateY(0); }
@media (max-width: 980px) {
  .public-header-shell { grid-template-columns: auto auto 1fr; }
  .public-actions { display: none; }
  .public-nav { display: none; position: absolute; top: calc(100% + 8px); left: .8rem; right: .8rem; flex-direction: column; padding: .8rem; border-radius: 14px; border: 1px solid var(--public-line); background: rgba(7, 14, 32, .97); }
  .public-nav.is-open { display: flex; }
  .mobile-nav-link { display: block; }
  .hero-grid, .two-col-layout { grid-template-columns: 1fr; }
  .hero-composition { min-height: 320px; }
  .pricing-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .hero { padding-top: 4rem; }
  .hero h1 { font-size: clamp(1.7rem, 9vw, 2.35rem); }
  .stat-band, .pricing-grid, .ops-split { grid-template-columns: 1fr; }
  .pricing-card.featured { transform: none; }
  .public-footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .public-footer-grid { grid-template-columns: 1fr; }
  .trust-grid { align-items: flex-start; }
  .hero-panel-main { inset: .2rem .4rem auto .2rem; }
  .hero-panel-weather, .hero-panel-status, .hero-panel-map { position: static; width: 100%; margin-top: .6rem; animation: none; }
}
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; }
}

/* Updated: 2026-04-21 18:20 UTC */
:root {
  --dm-bg: #070d1e;
  --dm-surface: #0f1a38;
  --dm-surface-2: #132248;
  --dm-surface-3: #1a2c58;
  --dm-text: #eaf1ff;
  --dm-muted: #a6b5d8;
  --dm-line: rgba(169, 186, 225, .24);
  --dm-grad: linear-gradient(130deg, #4f7cff, #30b6ff 45%, #52f4c9);
  --dm-shadow: 0 16px 40px rgba(3, 10, 25, .4);
  --dm-radius: 14px;
  --dm-radius-lg: 18px;
}

.auth-body { background: radial-gradient(circle at top left, #1a2f66 0%, #081129 45%, #070d1e 100%); color: var(--dm-text); }
.auth-body .container { max-width: 1400px; }
.auth-body .card,
.auth-body .table-wrap,
.auth-body .list-card,
.auth-body .changelog-entry,
.auth-body .empty-state,
.auth-body .flash,
.auth-body .section-card {
  background: linear-gradient(180deg, rgba(15,26,56,.95), rgba(10,17,37,.96));
  border-color: var(--dm-line);
  color: var(--dm-text);
  box-shadow: var(--dm-shadow);
  border-radius: var(--dm-radius);
}
.auth-body .muted,
.auth-body small,
.auth-body .field-help,
.auth-body .detail-meta dt,
.auth-body th { color: var(--dm-muted); }
.auth-body pre,
.auth-body code { background: rgba(6,11,24,.74); border-color: var(--dm-line); color: #e5eeff; }

.app-shell { display: grid; grid-template-columns: 270px 1fr; min-height: 100vh; }
.app-sidebar {
  position: sticky; top: 0; height: 100vh; overflow-y: auto;
  padding: 1rem .8rem;
  border-right: 1px solid var(--dm-line);
  background: linear-gradient(180deg, rgba(10,20,45,.98), rgba(5,10,24,.98));
}
.app-brand { margin-bottom: 1rem; padding: .8rem; border: 1px solid var(--dm-line); border-radius: var(--dm-radius); background: rgba(255,255,255,.03); }
.brand-tagline { color: var(--dm-muted); font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }
.sidebar-nav { display: grid; gap: .2rem; }
.nav-group-title { margin: .65rem .45rem .4rem; color: #cad7f6; font-size: .72rem; text-transform: uppercase; letter-spacing: .07em; }
.auth-body .nav-link { display: flex; gap: .5rem; align-items: center; border: 1px solid transparent; color: #dce7ff; }
.auth-body .nav-link:hover { background: rgba(255,255,255,.08); }
.auth-body .nav-link.is-active {
  background: linear-gradient(120deg, rgba(79,124,255,.28), rgba(48,182,255,.25));
  border-color: rgba(82,244,201,.35);
  color: #fff;
}

.app-content { min-width: 0; display: grid; grid-template-rows: auto 1fr auto; }
.app-topbar {
  position: sticky; top: 0; z-index: 40;
  display: flex; align-items: center; justify-content: space-between; gap: .8rem;
  padding: .75rem 1rem;
  background: rgba(8, 15, 34, .84);
  border-bottom: 1px solid var(--dm-line);
  backdrop-filter: blur(10px);
}
.topbar-meta strong { display: block; color: #fff; font-size: .95rem; }
.auth-nav-toggle { display: none; }
.account-area { display: flex; align-items: center; gap: .45rem; }
.account-name { font-size: .9rem; }
.auth-body .btn-secondary { background: rgba(255,255,255,.06); border-color: var(--dm-line); color: #edf3ff; }
.auth-body .btn-ghost { background: rgba(255,255,255,.04); color: #fff; border-color: var(--dm-line); }
.auth-body .btn-link { color: inherit; }

.auth-body input,
.auth-body textarea,
.auth-body select {
  border: 1px solid rgba(168,185,224,.45);
  background: rgba(5, 11, 24, .72);
  color: var(--dm-text);
}
.auth-body input::placeholder,
.auth-body textarea::placeholder { color: #8ba1d0; }
.auth-body input:focus,
.auth-body textarea:focus,
.auth-body select:focus,
.auth-body .btn:focus,
.auth-body a:focus,
.auth-body button:focus { outline: 3px solid rgba(83, 196, 255, .4); }

.page-header {
  display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start;
  margin-bottom: 1rem;
}
.page-eyebrow { margin: 0 0 .3rem; font-size: .74rem; text-transform: uppercase; letter-spacing: .08em; color: #99b3ea; }
.page-actions { align-items: center; }
.hero-strip { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.hero-strip h2 { margin: 0; font-size: 1.4rem; }
.hero-strip-meta { display: flex; gap: .5rem; flex-wrap: wrap; justify-content: flex-end; }
.filter-toolbar { margin-bottom: 1rem; }
.table-wrap table tbody tr:hover td { background: rgba(79,124,255,.08); }
.auth-body .pagination { justify-content: space-between; }
.sticky-actions {
  position: sticky; bottom: .7rem;
  padding: .75rem;
  border: 1px solid var(--dm-line);
  border-radius: var(--dm-radius);
  background: rgba(8, 14, 32, .94);
  backdrop-filter: blur(6px);
}

.auth-wrap { max-width: 680px; margin: 2rem auto; }
.auth-card { padding: 1.2rem; }

@media (max-width: 1060px) {
  .app-shell { grid-template-columns: 1fr; }
  .app-sidebar {
    position: fixed; z-index: 70; inset: 0 auto 0 0; width: min(85vw, 320px); height: 100vh;
    transform: translateX(-100%); transition: transform 220ms ease;
  }
  .app-sidebar.is-open { transform: translateX(0); }
  .auth-nav-toggle { display: inline-flex; }
}
@media (max-width: 760px) {
  .page-header,
  .hero-strip,
  .hero-strip-meta { flex-direction: column; }
  .auth-body .btn { width: 100%; }
  .account-name { display: none; }
}

/* Updated: 2026-04-21 19:20 UTC */
.auth-body {
  background: radial-gradient(circle at 0% 0%, #1c3471 0%, #08122d 42%, #060c1e 100%);
}
.app-content { min-width: 0; display: grid; grid-template-rows: auto 1fr auto; }
.app-main.container { max-width: 1320px; width: 100%; padding-top: 1.2rem; }
.sidebar-backdrop { display:none; }
.app-sidebar { box-shadow: inset -1px 0 0 rgba(255,255,255,.04); }
.nav-group-title { color: #9fb4e5; text-transform: uppercase; letter-spacing: .08em; font-size: .7rem; margin: 1rem .45rem .45rem; }
.sidebar-nav .nav-link {
  display: flex; align-items: center; gap: .55rem; margin: .18rem 0; border: 1px solid transparent;
  color: #d8e5ff; padding: .56rem .62rem; border-radius: 11px; font-weight: 600;
}
.sidebar-nav .nav-link:hover { background: rgba(80,130,255,.16); border-color: rgba(144,180,255,.28); text-decoration: none; }
.sidebar-nav .nav-link.is-active { background: rgba(88,244,201,.14); border-color: rgba(88,244,201,.45); color: #dcfff4; }
.sidebar-logout { position: sticky; bottom: .65rem; padding-top: .7rem; margin-top: 1rem; border-top: 1px solid var(--dm-line); }
.sidebar-logout .btn { width: 100%; }
.app-topbar {
  position: sticky; top: 0; z-index: 30; backdrop-filter: blur(12px);
  display:flex; justify-content:space-between; align-items:center; gap:1rem;
  border-bottom: 1px solid var(--dm-line); padding: .85rem 1.2rem;
  background: rgba(7, 14, 33, .84);
}
.topbar-meta strong { color: #eef5ff; font-size: 1rem; }
.account-chip { border: 1px solid var(--dm-line); border-radius: 999px; padding: .3rem .55rem; background: rgba(255,255,255,.04); }
.account-area { gap: .45rem; }
.page-header {
  display:flex; justify-content:space-between; gap:1rem; align-items:flex-start;
  background: linear-gradient(170deg, rgba(16,30,67,.95), rgba(10,18,40,.95));
}
.page-eyebrow { margin: 0 0 .35rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; font-size: .72rem; color: #98f7e2; }
.page-header h1 { margin-bottom: .3rem; }
.page-actions { justify-content: flex-end; }
.flash { border-width: 1px; }
.flash-icon { width: 1.35rem; height: 1.35rem; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; }
.flash.success .flash-icon { background: rgba(3,120,77,.18); }
.flash.error .flash-icon { background: rgba(180,35,24,.18); }
.mission-strip { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; }
.hero-strip-meta { display:flex; gap:.45rem; flex-wrap: wrap; justify-content:flex-end; }
.stat-card { background: linear-gradient(180deg, rgba(20,34,72,.96), rgba(10,17,36,.95)); }
.table-wrap tr:hover td { background: rgba(80, 123, 255, .1); }
.empty-state { border-radius: 12px; }

.auth-screen-body { margin:0; min-height:100vh; font-family: Inter, "Segoe UI", sans-serif; color: var(--dm-text); background: radial-gradient(circle at 10% 0%, #1b346d 0%, #08112a 48%, #060d1f 100%); }
.auth-screen { min-height:100vh; display:grid; grid-template-columns: 1fr minmax(340px, 500px); gap: 1rem; padding: 1.2rem; }
.auth-story {
  border:1px solid var(--dm-line); border-radius: 24px; padding: clamp(1.5rem, 5vw, 3.5rem);
  background: linear-gradient(150deg, rgba(19,35,75,.92), rgba(9,17,39,.95));
  box-shadow: var(--dm-shadow); display:grid; align-content:center; gap:.9rem;
}
.auth-story h1 { font-size: clamp(1.8rem, 4vw, 3rem); margin: 0; }
.auth-story p, .auth-story li { color: #c9d9fb; }
.auth-panel { display:flex; align-items:center; justify-content:center; }
.auth-form-wrap { width:100%; max-width: 460px; }
.auth-form-header h2 { margin-bottom: .3rem; }
.auth-card { margin-top: .75rem; }

@media (max-width: 1080px) {
  .app-shell { grid-template-columns: 1fr; }
  .app-sidebar {
    position: fixed; z-index: 80; left: 0; top: 0; bottom: 0; width: min(82vw, 320px);
    transform: translateX(-103%); transition: transform 220ms ease;
  }
  .app-sidebar.is-open { transform: translateX(0); }
  .sidebar-backdrop { position: fixed; inset: 0; background: rgba(1,7,20,.56); z-index: 70; }
  .app-sidebar.is-open ~ .app-content .sidebar-backdrop,
  .sidebar-backdrop.is-open { display:block; }
  .nav-toggle.auth-nav-toggle { display: inline-flex; }
}
@media (max-width: 960px) {
  .auth-screen { grid-template-columns: 1fr; }
  .auth-story { display: none; }
}
@media (max-width: 760px) {
  .app-topbar { padding-inline: .75rem; }
  .page-header { flex-direction: column; }
  .page-actions { width: 100%; }
  .page-actions .btn { width: 100%; }
  .mission-strip { flex-direction: column; }
}

/* Updated: 2026-04-21 21:05 UTC */
:root {
  --mc-shell: #050b1d;
  --mc-nav: #0a1431;
  --mc-panel: #0f1d42;
  --mc-panel-elevated: #122754;
  --mc-content: #0b1736;
  --mc-border: rgba(162, 184, 232, .24);
  --mc-border-strong: rgba(110, 205, 255, .32);
  --mc-text: #edf3ff;
  --mc-muted: #9fb2dc;
  --mc-glow: linear-gradient(120deg, #4f7cff 0%, #30b6ff 50%, #52f4c9 100%);
  --mc-shadow-1: 0 14px 36px rgba(1, 8, 24, .55);
  --mc-shadow-2: 0 22px 52px rgba(3, 10, 28, .5);
  --mc-radius: 14px;
  --mc-radius-lg: 20px;
}

.auth-body {
  background: radial-gradient(circle at 0% 0%, #1b3474 0%, #08122d 44%, #050b1d 100%);
  color: var(--mc-text);
}
.app-shell {
  display: grid;
  grid-template-columns: 290px 1fr;
  min-height: 100vh;
  background: linear-gradient(135deg, rgba(79,124,255,.05), transparent 34%);
}
.app-sidebar {
  background: linear-gradient(190deg, rgba(10,20,49,.98), rgba(5,10,26,.98));
  border-right: 1px solid var(--mc-border);
  padding: 1rem .9rem;
}
.app-brand {
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-lg);
  padding: .95rem;
  background: linear-gradient(160deg, rgba(255,255,255,.09), rgba(255,255,255,.02));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.app-brand .brand-name { color: #fff; font-size: 1.15rem; }
.sidebar-nav .nav-link {
  border: 1px solid transparent;
  border-radius: 12px;
  padding: .6rem .7rem;
  font-weight: 600;
}
.sidebar-nav .nav-link.is-active {
  border-color: rgba(82,244,201,.4);
  background: linear-gradient(120deg, rgba(82,244,201,.17), rgba(48,182,255,.22));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
}
.sidebar-footer {
  margin-top: 1rem;
  padding-top: .8rem;
  border-top: 1px solid var(--mc-border);
  position: sticky;
  bottom: 0;
  background: linear-gradient(180deg, rgba(8,15,37,.08), rgba(8,15,37,.95) 32%);
}
.user-chip {
  border: 1px solid var(--mc-border);
  border-radius: 12px;
  padding: .7rem;
  margin-bottom: .65rem;
  display: grid;
  gap: .35rem;
}
.app-topbar {
  background: rgba(6, 12, 29, .78);
  border-bottom: 1px solid var(--mc-border);
  box-shadow: 0 4px 24px rgba(2,8,24,.4);
}
.topbar-meta strong { font-size: 1.02rem; }
.account-chip {
  padding: .4rem .65rem;
  border-radius: 999px;
  background: rgba(255,255,255,.09);
  border: 1px solid var(--mc-border);
}

.auth-body .app-main.container { max-width: 1340px; padding-top: 1.2rem; }
.auth-body .card,
.auth-body .table-wrap,
.auth-body .list-card,
.auth-body .flash,
.auth-body .section-card,
.auth-body .empty-state {
  background: linear-gradient(180deg, rgba(15,29,66,.97), rgba(9,18,44,.98));
  border: 1px solid var(--mc-border);
  box-shadow: var(--mc-shadow-1);
  border-radius: var(--mc-radius);
}
.auth-body .page-header {
  border-color: var(--mc-border-strong);
  box-shadow: var(--mc-shadow-2);
}
.hero-strip {
  border: 1px solid var(--mc-border-strong);
  border-radius: var(--mc-radius-lg);
  background: linear-gradient(125deg, rgba(79,124,255,.2), rgba(10,22,53,.92) 52%, rgba(82,244,201,.1));
}
.hero-strip h2 { font-size: clamp(1.45rem, 2.3vw, 2rem); }
.hero-badges { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .7rem; }
.mission-stats .stat-card {
  min-height: 152px;
  display: grid;
  gap: .32rem;
  align-content: start;
  border-color: var(--mc-border-strong);
}
.mission-stats .stat-card strong { font-size: clamp(1.5rem, 2.4vw, 2.1rem); letter-spacing: -.02em; }
.mission-stats .stat-card span { color: var(--mc-muted); font-size: .83rem; }

.auth-body .muted,
.auth-body small,
.auth-body .field-help,
.auth-body th,
.auth-body .meta-item strong,
.auth-body .detail-meta dt { color: var(--mc-muted); }
.auth-body h1,
.auth-body h2,
.auth-body h3,
.auth-body strong,
.auth-body label { color: #f7faff; }

.auth-body input,
.auth-body textarea,
.auth-body select {
  min-height: 46px;
  border-radius: 11px;
  border: 1px solid rgba(168,189,236,.5);
  background: rgba(5, 11, 27, .8);
  color: #edf3ff;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.05);
}
.auth-body input:focus,
.auth-body textarea:focus,
.auth-body select:focus,
.auth-body .btn:focus,
.auth-body a:focus,
.auth-body button:focus {
  outline: 3px solid rgba(80, 198, 255, .42);
  outline-offset: 1px;
}
.auth-body .btn-primary {
  background: var(--mc-glow);
  color: #041329;
  border: 0;
  box-shadow: 0 12px 30px rgba(47, 184, 255, .3);
}
.auth-body .btn-secondary {
  background: rgba(255,255,255,.06);
  color: #f2f7ff;
  border-color: var(--mc-border);
}
.auth-body .flash.success { background: linear-gradient(130deg, rgba(13,83,57,.5), rgba(12,30,24,.92)); border-color: rgba(117, 255, 189, .3); color: #c8ffe2; }
.auth-body .flash.error { background: linear-gradient(130deg, rgba(100,29,34,.52), rgba(34,11,16,.95)); border-color: rgba(255,164,164,.32); color: #ffd6d6; }

.auth-body .table-wrap { overflow: hidden; }
.auth-body table { min-width: 760px; }
.auth-body th { background: rgba(255,255,255,.03); border-bottom-color: var(--mc-border); }
.auth-body td { border-bottom-color: rgba(162,184,232,.14); }
.auth-body tbody tr:hover td { background: rgba(79,124,255,.11); }
.action-links a { padding: .28rem .52rem; border: 1px solid var(--mc-border); border-radius: 8px; text-decoration: none; color: #dce8ff; }
.action-links a:hover { background: rgba(255,255,255,.08); }
.pagination { justify-content: space-between; }

.auth-screen-body {
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(circle at 15% 10%, rgba(79,124,255,.38), transparent 42%),
    radial-gradient(circle at 85% 85%, rgba(82,244,201,.14), transparent 40%),
    #050b1d;
  color: #eef4ff;
}
.auth-screen {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 1.5rem;
  padding: clamp(1rem, 3vw, 2.5rem);
  align-items: center;
}
.auth-story {
  border: 1px solid rgba(159,184,237,.25);
  border-radius: 24px;
  padding: clamp(1.1rem, 3vw, 2.3rem);
  background:
    linear-gradient(155deg, rgba(79,124,255,.18), rgba(11,24,56,.96) 55%),
    linear-gradient(rgba(159,184,237,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(159,184,237,.08) 1px, transparent 1px);
  background-size: auto, 36px 36px, 36px 36px;
  box-shadow: var(--mc-shadow-2);
}
.auth-story h1 { font-size: clamp(2rem, 4vw, 3rem); letter-spacing: -.02em; margin: .7rem 0; }
.auth-story p { color: #bfd0f6; max-width: 56ch; }
.auth-story ul { margin: 1rem 0 0; padding-left: 1.2rem; display: grid; gap: .5rem; color: #e3edff; }
.auth-panel {
  justify-self: center;
  width: min(100%, 560px);
}
.auth-form-wrap {
  border: 1px solid rgba(167,190,240,.34);
  border-radius: 22px;
  padding: 1rem;
  background: linear-gradient(170deg, rgba(15,29,65,.94), rgba(8,15,35,.97));
  box-shadow: var(--mc-shadow-2);
}
.auth-card { background: rgba(4,9,24,.55) !important; border-color: rgba(167,190,240,.28) !important; }

@media (max-width: 1060px) {
  .app-shell { grid-template-columns: 1fr; }
  .app-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    width: min(86vw, 330px);
    z-index: 70;
    transform: translateX(-100%);
    transition: transform 220ms ease;
  }
  .app-sidebar.is-open { transform: translateX(0); }
  .sidebar-backdrop.is-open {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 65;
    background: rgba(2,6,20,.62);
    backdrop-filter: blur(2px);
  }
  .auth-nav-toggle { display: inline-flex; }
  .account-area .btn-primary { display: none; }
  .auth-screen { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .hero-strip,
  .page-header,
  .form-actions,
  .section-header,
  .hero-strip-meta { flex-direction: column; }
  .auth-body .btn,
  .auth-panel .btn { width: 100%; }
  .auth-story { order: 2; }
}

.toggle-switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  margin-bottom: 10px;
}

.toggle-switch input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-switch .slider {
  position: relative;
  width: 46px;
  height: 24px;
  background: #bbb;
  border-radius: 999px;
  transition: background .2s ease;
}

.toggle-switch .slider::before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  left: 3px;
  top: 3px;
  background: #fff;
  border-radius: 50%;
  transition: transform .2s ease;
}

.toggle-switch input:checked + .slider {
  background: #0b79d0;
}

.toggle-switch input:checked + .slider::before {
  transform: translateX(22px);
}

/* Updated: 2026-04-22 13:10 UTC */
.wizard-shell { display: grid; gap: 1rem; }
.wizard-progress { display: flex; gap: .45rem; flex-wrap: wrap; }
.wizard-pill { padding: .35rem .6rem; border-radius: 999px; border: 1px solid var(--dm-line); color: var(--dm-muted); font-size: .8rem; }
.wizard-pill.is-active { background: rgba(48,182,255,.2); color: #eaf1ff; border-color: rgba(48,182,255,.5); }
.wizard-pill.is-done { background: rgba(82,244,201,.18); color: #9dfce2; border-color: rgba(82,244,201,.5); }
.wizard-step h3 { margin-bottom: .35rem; }
.sidebar-nav .nav-group-title { margin: .9rem 0 .35rem; font-size: .74rem; text-transform: uppercase; letter-spacing: .08em; color: var(--dm-muted); }
.sidebar-nav .nav-link { margin-bottom: .2rem; }
.sidebar-nav .nav-link span:first-child { width: 1rem; display: inline-flex; justify-content: center; }


/* Support Tickets embed */
.support-page {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 210px);
}
.support-embed {
    position: relative;
    display: flex;
    flex: 1;
    min-height: clamp(460px, 72vh, 84vh);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface-alt);
    overflow: hidden;
}
.support-iframe {
    width: 100%;
    height: 100%;
    border: none;
    opacity: 0;
    transition: opacity .2s ease;
}
.support-embed.is-loaded .support-iframe {
    opacity: 1;
}
.support-loading {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    color: var(--muted);
    background: linear-gradient(180deg, rgba(248,250,252,.92), rgba(248,250,252,.98));
}
.support-spinner {
    width: 1.1rem;
    height: 1.1rem;
    border: 2px solid #d0d5dd;
    border-top-color: var(--primary);
    border-radius: 999px;
    animation: support-spin .8s linear infinite;
}
.support-fallback {
    position: absolute;
    inset: auto 1rem 1rem;
    margin: 0;
    padding: .75rem .9rem;
    border-radius: var(--radius-sm);
    border: 1px solid #fecdca;
    background: #fef3f2;
    color: #912018;
    font-size: .9rem;
    z-index: 2;
}
.support-embed.is-loaded .support-fallback,
.support-embed.is-loaded .support-loading {
    display: none;
}
@keyframes support-spin {
    to { transform: rotate(360deg); }
}