:root {
      --chalk:#faf8f3; --surface:#ffffff; --ink:#0f0f10; --ink60:#5b5854;
      --cobalt:#2545ff; --marigold:#b8801f; --emerald:#157a42;
      accent-color:var(--cobalt);
      --vermillion:#b02a1c;
      --mono:"JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;
      --bw:1px; --r-card:6px;
      --rail-w:248px;
      --navband-h:56px;
    }
    * { box-sizing: border-box; }
    html { scrollbar-gutter: stable; }
    body { margin:0; background:var(--chalk); color:var(--ink); font-family:"Inter", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif; }
    ::selection { background:color-mix(in srgb, var(--cobalt) 20%, var(--chalk)); color:var(--ink); }
    :focus-visible { outline:2px solid var(--cobalt); outline-offset:2px; }
    .nija-skip-link { position:fixed; top:12px; left:12px; z-index:100; padding:10px 14px;
      background:var(--ink); color:var(--chalk); border:var(--bw) solid var(--ink); border-radius:var(--r-card);
      font-family:"Inter", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif; font-weight:700; text-decoration:none;
      transform:translateY(calc(-100% - 12px)); transition:transform .15s ease; }
    .nija-skip-link:focus { transform:translateY(0); }
    header { display:flex; align-items:center; justify-content:space-between; gap:16px;
      padding:16px 24px; border-bottom:var(--bw) solid var(--ink); background:var(--surface); }
    .brand { display:inline-flex; align-items:center; gap:10px; font-family:"Satoshi", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;
      font-weight:900; font-size:20px; letter-spacing:-0.01em; }
    .brand .cobrand-sep { width:2px; height:20px; background:var(--ink); opacity:.35; border-radius:2px; }
    .brand .stellr-mark { display:block; height:24px; width:auto; }
    main { flex:1 1 auto; min-width:0; max-width:960px; margin:0 auto; padding:40px 24px; }
    .layout { display:flex; align-items:flex-start; }
    .sidebar { flex:none; width:var(--rail-w); background:var(--surface); border-right:var(--bw) solid var(--ink);
      padding:20px 12px; }
    .sidebar[hidden] { display:none; }
    .layout--nav-pending { padding-left:var(--rail-w); }
    .navtoggle { display:none; align-items:center; width:100%; padding:0 10px; border:0; border-radius:0;
      background:var(--surface); color:var(--ink); font-size:15px; text-align:left; }
    .navgroup { margin-bottom:16px; }
    .navgroup-h { font-family:"Satoshi", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif; font-weight:900; font-size:12px; letter-spacing:0.06em;
      text-transform:uppercase; color:var(--ink60); padding:0 10px; margin-bottom:4px; }
    .navfault { padding:0 10px; }
    .navfault p { font-size:13px; margin:0 0 10px; }
    .navfault button { width:100%; padding:8px 10px; font-size:14px; }
    .card { background:var(--surface); border:var(--bw) solid var(--ink); border-radius:var(--r-card);
      box-shadow:0 1px 2px rgba(15, 15, 16, 0.06), 0 8px 24px rgba(15, 15, 16, 0.05); padding:28px; }
    h1 { font-family:"Satoshi", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif; font-weight:900; margin:0 0 6px; }
    .muted { color:var(--ink60); }
    label, .fieldcap { display:block; font-weight:600; margin:16px 0 6px; }
    input { width:100%; padding:12px; border:var(--bw) solid var(--ink); border-radius:var(--r-card); font-size:15px;
      font-family:"Inter", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif; }
    input[type="file"] { padding:6px 12px; }
    input::file-selector-button { font-family:"Inter", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif; font-weight:700; font-size:15px;
      padding:6px 12px; margin-inline-end:12px; background:var(--surface); color:var(--ink);
      border:var(--bw) solid var(--ink); border-radius:var(--r-card); cursor:pointer; }
    textarea { width:100%; padding:12px; border:var(--bw) solid var(--ink); border-radius:var(--r-card); font-size:15px;
      font-family:"Inter", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif; resize:vertical; }
    textarea.mono { font-family:"JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace; font-size:14px; }
    .input-wrap { position:relative; }
    .input-wrap input { padding-inline-end:44px; }
    .pw-toggle { position:absolute; inset-inline-end:1px; top:1px; bottom:1px; width:44px; padding:0; border:0;
      display:flex; align-items:center; justify-content:center; background:transparent; color:var(--ink60); }
    .pw-toggle .i-off { display:none; }
    .pw-toggle[aria-pressed="true"] .i-on { display:none; }
    .pw-toggle[aria-pressed="true"] .i-off { display:block; }
    button { cursor:pointer; font-family:"Inter", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif; font-weight:700; border:var(--bw) solid var(--ink);
      border-radius:var(--r-card); padding:12px 18px; background:var(--cobalt); color:#fff; font-size:15px; }
    button.ghost { background:var(--surface); color:var(--ink); }
    button:disabled { opacity:.6; cursor:not-allowed; }
    button.danger { background:var(--surface); color:var(--vermillion); }
    header button { min-height:44px; }
    a.navlink { text-decoration:none; display:inline-flex; align-items:center; font-family:"Inter", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;
      font-weight:700; border:var(--bw) solid var(--ink); border-radius:var(--r-card); padding:12px 18px;
      background:var(--surface); color:var(--ink); font-size:15px; }
    a.navlink.side { display:block; width:100%; border:0; border-radius:var(--r-card); padding:9px 10px; margin:2px 0;
      background:transparent; font-weight:600; font-size:14px; }
    a.navlink.side:hover { background:var(--chalk); }
    a.navlink.side.active { background:var(--marigold); }
    @media (max-width:720px) {
      .layout { display:block; }
      .sidebar { width:auto; border-right:0; border-bottom:var(--bw) solid var(--ink); padding:0; }
      .sidebar nav { padding:20px 12px; }
      .navtoggle { display:flex; min-height:calc(var(--navband-h) - var(--bw)); }
      .navtoggle[hidden] { display:none; }
      #nav-toggle:not([hidden])[aria-expanded="false"] ~ nav { display:none; }
      .layout--nav-pending { padding-left:0; padding-top:var(--navband-h); }
    }
    select { width:100%; padding:12px; border:var(--bw) solid var(--ink); border-radius:var(--r-card); font-size:15px;
      font-family:"Inter", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif; background:var(--surface); color:var(--ink); }
    small { color:var(--ink60); display:block; margin-top:4px; }
    h2 { font-family:"Satoshi", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif; font-weight:900; font-size:16px; margin:28px 0 8px;
      padding-top:18px; border-top:var(--bw) solid var(--ink); }
    h2.first { border-top:0; padding-top:0; margin-top:8px; }
    .ok { color:var(--emerald); font-weight:700; margin-top:12px; }
    .contact { border:var(--bw) solid var(--ink); border-radius:var(--r-card); padding:14px; margin-top:12px;
      background:var(--chalk); }
    .readonly .n { font-size:18px; }
    .row { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
    .grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr)); gap:16px; margin-top:20px; }
    .tile { border:var(--bw) solid var(--ink); border-radius:var(--r-card); padding:16px; background:var(--chalk); }
    .tile.highlight { background:var(--marigold); }
    .tile .n { font-family:"JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace; font-size:28px; font-weight:700; }
    .tile .k { color:var(--ink60); font-size:13px; margin-top:4px; }
    .tile.highlight .k { color:var(--ink); }
    .badge { display:inline-block; border:var(--bw) solid var(--ink); border-radius:999px; padding:2px 10px;
      font-size:12px; font-weight:700; background:var(--marigold); }
    table { width:100%; border-collapse:collapse; margin-top:12px; font-size:14px;
      font-variant-numeric:tabular-nums; }
    th, td { text-align:left; padding:10px 12px; border-bottom:var(--bw) solid var(--ink); }
    th { font-family:"Satoshi", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif; font-weight:900; }
    td.num, th.num { text-align:right; font-family:"JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace; }
    .alert { border:var(--bw) solid var(--vermillion); border-radius:var(--r-card); padding:12px; margin-top:16px;
      color:var(--vermillion); font-weight:600; }
    .alert[hidden], [hidden] { display:none !important; }
    .notice { border:var(--bw) solid var(--ink); border-radius:var(--r-card); padding:20px; margin-top:16px;
      background:var(--surface); }
    .notice-h { font-family:"Satoshi", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif; font-weight:900; font-size:18px; margin:0 0 8px;
      padding:0; border-top:0; }
    .notice p { margin:0 0 10px; }
    dialog { border:var(--bw) solid var(--ink); border-radius:var(--r-card); box-shadow:0 1px 2px rgba(15, 15, 16, 0.06), 0 8px 24px rgba(15, 15, 16, 0.05); max-width:440px; }
    #help { max-width:min(560px, calc(100% - 32px)); max-height:85vh; overflow:auto; }
    #help dl { margin:16px 0 0; }
    #help dt { font-weight:700; margin-top:14px; }
    #help dd { margin:4px 0 0; margin-inline-start:0; color:var(--ink60); }
    dialog::backdrop { background:rgba(15,15,16,.35); }
    footer { max-width:960px; margin:0 auto; padding:0 24px 40px; color:var(--ink60); font-size:13px; }