#kiba-pusat-ringkas {
      color-scheme: light dark;
      width: 100%;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    #kiba-pusat-ringkas * { box-sizing: border-box; }
    #kiba-pusat-ringkas [hidden] { display: none !important; }
    #kiba-pusat-ringkas .app {
      --k-bg: light-dark(#f5f7f7, #101a21);
      --k-paper: light-dark(#ffffff, #1a2930);
      --k-ink: light-dark(#183035, #edf4f3);
      --k-soft: light-dark(#61787d, #a8bcbf);
      --k-line: light-dark(#e2e9e8, #34464a);
      --k-accent: #14796d;
      --k-accent-text: light-dark(#14796d, #72d9c5);
      --k-tint: color-mix(in srgb, var(--k-accent) 11%, var(--k-paper));
      --k-navy: light-dark(#142e35, #0a151b);
      --k-radius: 16px;
      display: grid;
      grid-template-columns: 184px minmax(0, 1fr);
      color: var(--k-ink);
      background: var(--k-bg);
      border: 1px solid var(--k-line);
      border-radius: 18px;
      overflow: hidden;
    }
    #kiba-pusat-ringkas .app h1,
    #kiba-pusat-ringkas .app h2,
    #kiba-pusat-ringkas .app h3,
    #kiba-pusat-ringkas .app p { margin-top: 0; }
    #kiba-pusat-ringkas .app h1 { margin-bottom: 5px; }
    #kiba-pusat-ringkas .app h2 { margin-bottom: 4px; }
    #kiba-pusat-ringkas .app p { margin-bottom: 0; }
    #kiba-pusat-ringkas .muted { color: var(--k-soft); }
    #kiba-pusat-ringkas .eyebrow {
      color: var(--k-soft);
      font-weight: 500;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    #kiba-pusat-ringkas .sidebar {
      display: flex;
      flex-direction: column;
      background: var(--k-navy);
      color: #eef6f4;
      padding: 22px 12px;
      gap: 34px;
    }
    #kiba-pusat-ringkas .brand {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 0 8px;
    }
    #kiba-pusat-ringkas .monogram {
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      width: 38px;
      height: 38px;
      border-radius: 11px;
      background: var(--k-accent);
      color: #ffffff;
      font-weight: 500;
    }
    #kiba-pusat-ringkas .brand small { display: block; color: #afc4c5; }
    #kiba-pusat-ringkas .nav {
      display: grid;
      gap: 4px;
    }
    #kiba-pusat-ringkas .nav span,
    #kiba-pusat-ringkas .nav button {
      display: flex;
      align-items: center;
      gap: 10px;
      width: 100%;
      padding: 10px 11px;
      background: transparent;
      border: 0;
      border-radius: 9px;
      color: #bdd0d1;
      font: inherit;
      text-align: left;
      white-space: nowrap;
    }
    #kiba-pusat-ringkas .nav button { cursor: pointer; }
    #kiba-pusat-ringkas .nav span.active,
    #kiba-pusat-ringkas .nav button.active {
      background: #2c4b50;
      color: #ffffff;
      font-weight: 500;
    }
    #kiba-pusat-ringkas .nav i { display: inline-flex; }
    #kiba-pusat-ringkas .side-note {
      margin-top: auto;
      padding: 12px 10px 0;
      color: #afc4c5;
      border-top: 1px solid #3e565c;
    }
    #kiba-pusat-ringkas .main { min-width: 0; padding: 24px; }
    #kiba-pusat-ringkas .topline,
    #kiba-pusat-ringkas .section-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }
    #kiba-pusat-ringkas .preview-tag {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 6px 11px;
      border-radius: 999px;
      color: var(--k-accent-text);
      background: var(--k-tint);
      font-weight: 500;
    }
    #kiba-pusat-ringkas .preview-tag::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--k-accent);
    }
    #kiba-pusat-ringkas .page-intro { margin: 22px 0 18px; }
    #kiba-pusat-ringkas .hero {
      display: grid;
      grid-template-columns: minmax(220px, .9fr) minmax(250px, 1.1fr);
      gap: 28px;
      align-items: center;
      color: #f2fbfa;
      background: linear-gradient(115deg, #143e47, #176f6b);
      border-radius: var(--k-radius);
      padding: 24px;
    }
    #kiba-pusat-ringkas .hero .eyebrow { color: #bedfdb; }
    #kiba-pusat-ringkas .hero h1 { margin: 8px 0 7px; }
    #kiba-pusat-ringkas .hero p { color: #cee8e5; }
    #kiba-pusat-ringkas .hero-branches { display: grid; gap: 11px; }
    #kiba-pusat-ringkas .hero-branches h3 { margin: 0; }
    #kiba-pusat-ringkas .branch-flow {
      display: flex;
      width: 100%;
      height: 18px;
      overflow: hidden;
      border-radius: 999px;
      background: rgba(255,255,255,.18);
    }
    #kiba-pusat-ringkas .branch-flow span + span { border-left: 2px solid #176466; }
    #kiba-pusat-ringkas .branch-flow span:nth-child(1) { background: #86e3d4; }
    #kiba-pusat-ringkas .branch-flow span:nth-child(2) { background: #56bdb3; }
    #kiba-pusat-ringkas .branch-flow span:nth-child(3) { background: #2c9796; }
    #kiba-pusat-ringkas .branch-flow span:nth-child(4) { background: rgba(255,255,255,.45); }
    #kiba-pusat-ringkas .branch-names {
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
      color: #d9f1ed;
    }
    #kiba-pusat-ringkas .branch-names span { display: inline-flex; align-items: center; gap: 6px; }
    #kiba-pusat-ringkas .branch-names i {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      display: inline-block;
    }
    #kiba-pusat-ringkas .branch-names span:nth-child(1) i { background: #86e3d4; }
    #kiba-pusat-ringkas .branch-names span:nth-child(2) i { background: #56bdb3; }
    #kiba-pusat-ringkas .branch-names span:nth-child(3) i { background: #2c9796; }
    #kiba-pusat-ringkas .branch-names span:nth-child(4) i { background: rgba(255,255,255,.45); }
    #kiba-pusat-ringkas .due-panel {
      margin-top: 14px;
      padding: 18px;
      background: var(--k-paper);
      border: 1px solid var(--k-line);
      border-radius: var(--k-radius);
    }
    #kiba-pusat-ringkas .due-filters {
      display: flex;
      align-items: end;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 16px;
    }
    #kiba-pusat-ringkas .due-field { display: grid; gap: 5px; color: var(--k-soft); }
    #kiba-pusat-ringkas .due-field input {
      min-width: 150px;
      padding: 8px 10px;
      color: var(--k-ink);
      background: var(--k-bg);
      border: 1px solid var(--k-line);
      border-radius: 9px;
      font: inherit;
    }
    #kiba-pusat-ringkas .due-mode {
      display: flex;
      gap: 5px;
      flex-wrap: wrap;
    }
    #kiba-pusat-ringkas .due-mode button {
      padding: 9px 11px;
      color: var(--k-soft);
      background: var(--k-bg);
      border: 1px solid var(--k-line);
      border-radius: 9px;
      font: inherit;
      cursor: pointer;
    }
    #kiba-pusat-ringkas .due-mode button[aria-pressed="true"] {
      color: var(--k-accent-text);
      background: var(--k-tint);
      border-color: var(--k-accent);
      font-weight: 500;
    }
    #kiba-pusat-ringkas .due-context { margin-top: 9px !important; color: var(--k-soft); }
    #kiba-pusat-ringkas .due-days {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
      gap: 8px;
      margin-top: 16px;
    }
    #kiba-pusat-ringkas .due-days button {
      display: grid;
      gap: 7px;
      align-content: start;
      min-width: 0;
      min-height: 98px;
      padding: 12px;
      color: var(--k-ink);
      background: var(--k-bg);
      border: 1px solid var(--k-line);
      border-radius: 11px;
      font: inherit;
      text-align: left;
      cursor: pointer;
    }
    #kiba-pusat-ringkas .due-days button[aria-pressed="true"] {
      background: var(--k-tint);
      border-color: var(--k-accent);
    }
    #kiba-pusat-ringkas .due-days strong { font-weight: 500; }
    #kiba-pusat-ringkas .due-days .due-date { color: var(--k-soft); }
    #kiba-pusat-ringkas .due-track {
      display: block;
      height: 6px;
      margin-top: 4px;
      overflow: hidden;
      background: var(--k-line);
      border-radius: 999px;
    }
    #kiba-pusat-ringkas .due-track i {
      display: block;
      height: 100%;
      background: var(--k-accent);
      border-radius: inherit;
    }
    #kiba-pusat-ringkas .due-detail {
      margin-top: 12px;
      padding: 13px;
      background: var(--k-bg);
      border-radius: 10px;
    }
    #kiba-pusat-ringkas .due-detail strong { font-weight: 500; }
    #kiba-pusat-ringkas .due-detail-list {
      display: grid;
      gap: 8px;
      margin-top: 5px;
    }
    #kiba-pusat-ringkas .due-invoice {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      padding-top: 8px;
      border-top: 1px solid var(--k-line);
    }
    #kiba-pusat-ringkas .due-invoice span { display: grid; gap: 2px; }
    #kiba-pusat-ringkas .due-invoice small { color: var(--k-soft); }
    #kiba-pusat-ringkas .due-empty { margin-top: 12px !important; color: var(--k-soft); }
    #kiba-pusat-ringkas .due-error {
      margin-top: 10px !important;
      color: light-dark(#a63d35, #f4a49a);
    }
    #kiba-pusat-ringkas .workspace {
      display: grid;
      grid-template-columns: minmax(220px, 1fr) minmax(240px, 1fr);
      gap: 12px;
      margin-top: 18px;
    }
    #kiba-pusat-ringkas .panel {
      min-width: 0;
      padding: 18px;
      background: var(--k-paper);
      border: 1px solid var(--k-line);
      border-radius: var(--k-radius);
    }
    #kiba-pusat-ringkas .supplier-list { display: grid; gap: 5px; margin-top: 16px; }
    #kiba-pusat-ringkas .supplier-list button {
      display: grid;
      grid-template-columns: minmax(94px, 1fr) minmax(62px, 1fr);
      align-items: center;
      gap: 12px;
      width: 100%;
      min-height: 42px;
      padding: 8px 10px;
      color: var(--k-ink);
      background: transparent;
      border: 0;
      border-radius: 9px;
      font: inherit;
      text-align: left;
      cursor: pointer;
    }
    #kiba-pusat-ringkas .supplier-list button[aria-pressed="true"] {
      background: var(--k-tint);
      color: var(--k-accent-text);
      font-weight: 500;
    }
    #kiba-pusat-ringkas .supplier-track,
    #kiba-pusat-ringkas .detail-track {
      display: block;
      height: 7px;
      background: var(--k-line);
      border-radius: 999px;
      overflow: hidden;
    }
    #kiba-pusat-ringkas .supplier-track i,
    #kiba-pusat-ringkas .detail-track i {
      display: block;
      height: 100%;
      background: var(--k-accent);
      border-radius: inherit;
    }
    #kiba-pusat-ringkas .detail-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
    }
    #kiba-pusat-ringkas .reveal {
      flex: 0 0 auto;
      color: var(--k-accent-text);
      background: var(--k-tint);
      border: 1px solid transparent;
      border-radius: 9px;
      padding: 8px 10px;
      font: inherit;
      font-weight: 500;
      cursor: pointer;
    }
    #kiba-pusat-ringkas .detail-branches { display: grid; gap: 14px; margin-top: 22px; }
    #kiba-pusat-ringkas .detail-row {
      display: grid;
      grid-template-columns: 124px minmax(40px, 1fr) auto;
      align-items: center;
      gap: 10px;
    }
    #kiba-pusat-ringkas .detail-row strong { font-weight: 500; }
    #kiba-pusat-ringkas .detail-row strong[hidden] { display: none; }
    #kiba-pusat-ringkas .app p.detail-note { margin-top: 24px; color: var(--k-soft); }
    #kiba-pusat-ringkas .next-section { margin-top: 24px; }
    #kiba-pusat-ringkas .work-list {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 12px;
    }
    #kiba-pusat-ringkas .work-item {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      padding: 15px;
      background: var(--k-paper);
      border: 1px solid var(--k-line);
      border-radius: var(--k-radius);
    }
    #kiba-pusat-ringkas .work-icon {
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      width: 32px;
      height: 32px;
      color: var(--k-accent-text);
      background: var(--k-tint);
      border-radius: 9px;
    }
    #kiba-pusat-ringkas .work-item strong { display: block; font-weight: 500; }
    #kiba-pusat-ringkas .work-item span:last-child { color: var(--k-soft); }
    #kiba-pusat-ringkas .app p.footnote { margin-top: 14px; color: var(--k-soft); }
    #kiba-pusat-ringkas .auto-overview {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 15px;
      flex-wrap: wrap;
      margin-top: 14px;
      padding: 16px 18px;
      background: var(--k-paper);
      border: 1px solid var(--k-line);
      border-radius: var(--k-radius);
    }
    #kiba-pusat-ringkas .auto-overview h2 { margin: 3px 0 2px; }
    #kiba-pusat-ringkas .auto-overview-right {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
    }
    #kiba-pusat-ringkas .auto-mini-status {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      color: var(--k-soft);
    }
    #kiba-pusat-ringkas .auto-mini-status i {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--k-accent);
    }
    #kiba-pusat-ringkas .open-monitor,
    #kiba-pusat-ringkas .back-home {
      padding: 9px 12px;
      color: var(--k-accent-text);
      background: var(--k-tint);
      border: 0;
      border-radius: 9px;
      font: inherit;
      font-weight: 500;
      cursor: pointer;
    }
    #kiba-pusat-ringkas .auto-page .page-intro { margin-bottom: 20px; }
    #kiba-pusat-ringkas .monitor-banner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      flex-wrap: wrap;
      padding: 20px;
      color: #f2fbfa;
      background: linear-gradient(115deg, #143e47, #176f6b);
      border-radius: var(--k-radius);
    }
    #kiba-pusat-ringkas .monitor-banner .eyebrow,
    #kiba-pusat-ringkas .monitor-banner p { color: #c9e7e3; }
    #kiba-pusat-ringkas .monitor-label {
      padding: 7px 10px;
      background: rgba(255,255,255,.14);
      border-radius: 999px;
      white-space: nowrap;
    }
    #kiba-pusat-ringkas .monitor-panel {
      margin-top: 15px;
      padding: 18px;
      background: var(--k-paper);
      border: 1px solid var(--k-line);
      border-radius: var(--k-radius);
    }
    #kiba-pusat-ringkas .monitor-list { display: grid; margin-top: 16px; }
    #kiba-pusat-ringkas .monitor-row {
      display: grid;
      grid-template-columns: minmax(160px, 1fr) minmax(160px, 1.5fr) auto;
      align-items: center;
      gap: 12px;
      width: 100%;
      padding: 15px 0;
      color: var(--k-ink);
      background: transparent;
      border-right: 0;
      border-bottom: 0;
      border-left: 0;
      border-top: 1px solid var(--k-line);
      font: inherit;
      text-align: left;
      cursor: pointer;
    }
    #kiba-pusat-ringkas .monitor-row[aria-pressed="true"] {
      padding-right: 10px;
      padding-left: 10px;
      background: var(--k-tint);
      border-radius: 9px;
    }
    #kiba-pusat-ringkas .monitor-row strong { font-weight: 500; }
    #kiba-pusat-ringkas .monitor-row p { color: var(--k-soft); }
    #kiba-pusat-ringkas .monitor-status {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 6px 10px;
      border-radius: 999px;
      background: var(--k-tint);
      color: var(--k-accent-text);
      white-space: nowrap;
      font-weight: 500;
    }
    #kiba-pusat-ringkas .monitor-status::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: currentColor;
    }
    #kiba-pusat-ringkas .monitor-status.wait {
      color: light-dark(#94661c, #e7c47c);
      background: light-dark(#fff4dc, #3b3120);
    }
    #kiba-pusat-ringkas .monitor-detail { margin-top: 12px; }
    #kiba-pusat-ringkas .monitor-detail-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }
    #kiba-pusat-ringkas .monitor-detail-lead { margin: 14px 0 18px !important; }
    #kiba-pusat-ringkas .monitor-detail-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }
    #kiba-pusat-ringkas .monitor-detail-grid div {
      padding: 12px;
      background: var(--k-bg);
      border-radius: 9px;
    }
    #kiba-pusat-ringkas .monitor-detail-grid strong {
      display: block;
      margin-bottom: 6px;
      font-weight: 500;
    }
    #kiba-pusat-ringkas .monitor-detail-grid p { color: var(--k-soft); }
    #kiba-pusat-ringkas .monitor-detail-note { margin-top: 14px !important; color: var(--k-soft); }
    #kiba-pusat-ringkas .monitor-bottom {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 12px;
    }
    #kiba-pusat-ringkas .monitor-bottom .panel { min-height: 112px; }
    #kiba-pusat-ringkas .monitor-bottom p { color: var(--k-soft); }
    #kiba-pusat-ringkas .payables-intro { margin-bottom: 16px; }
    #kiba-pusat-ringkas .payables-toolbar {
      display: flex;
      align-items: end;
      gap: 10px;
      flex-wrap: wrap;
      padding: 17px;
      background: var(--k-paper);
      border: 1px solid var(--k-line);
      border-radius: var(--k-radius);
    }
    #kiba-pusat-ringkas .payables-toolbar label { display: grid; gap: 5px; color: var(--k-soft); }
    #kiba-pusat-ringkas .payables-toolbar input,
    #kiba-pusat-ringkas .payables-toolbar select {
      min-height: 38px;
      padding: 7px 9px;
      color: var(--k-ink);
      background: var(--k-bg);
      border: 1px solid var(--k-line);
      border-radius: 9px;
      font: inherit;
    }
    #kiba-pusat-ringkas .payables-toolbar input[type="date"] { width: 148px; }
    #kiba-pusat-ringkas .payables-toolbar input[type="search"] { width: 195px; }
    #kiba-pusat-ringkas .payables-modes { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 12px; }
    #kiba-pusat-ringkas .payables-modes button {
      padding: 8px 12px;
      color: var(--k-soft);
      background: var(--k-paper);
      border: 1px solid var(--k-line);
      border-radius: 999px;
      font: inherit;
      cursor: pointer;
    }
    #kiba-pusat-ringkas .payables-modes button[aria-pressed="true"] {
      color: var(--k-accent-text);
      background: var(--k-tint);
      border-color: var(--k-accent);
      font-weight: 500;
    }
    #kiba-pusat-ringkas .payables-summary {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
      margin: 16px 0 10px;
    }
    #kiba-pusat-ringkas .payables-summary h2 { margin: 3px 0; }
    #kiba-pusat-ringkas .payables-layout {
      display: grid;
      grid-template-columns: minmax(280px, 1.1fr) minmax(270px, .9fr);
      gap: 12px;
      align-items: start;
    }
    #kiba-pusat-ringkas .payables-list { display: grid; gap: 7px; }
    #kiba-pusat-ringkas .payables-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px 12px;
      align-items: center;
      width: 100%;
      padding: 12px;
      color: var(--k-ink);
      background: var(--k-paper);
      border: 1px solid var(--k-line);
      border-radius: 11px;
      font: inherit;
      text-align: left;
      cursor: pointer;
    }
    #kiba-pusat-ringkas .payables-row[aria-pressed="true"] { border-color: var(--k-accent); background: var(--k-tint); }
    #kiba-pusat-ringkas .payables-row strong { display: block; font-weight: 500; }
    #kiba-pusat-ringkas .payables-row small { display: block; color: var(--k-soft); margin-top: 3px; }
    #kiba-pusat-ringkas .payables-row .amount { text-align: right; }
    #kiba-pusat-ringkas .payables-row .due-meta { grid-column: 1 / -1; color: var(--k-soft); }
    #kiba-pusat-ringkas .payables-detail { position: sticky; top: 12px; }
    #kiba-pusat-ringkas .payables-detail h2 { margin: 5px 0 2px; overflow-wrap: anywhere; }
    #kiba-pusat-ringkas .payables-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 18px 0; }
    #kiba-pusat-ringkas .payables-facts dt { color: var(--k-soft); }
    #kiba-pusat-ringkas .payables-facts dd { margin: 3px 0 0; font-weight: 500; }
    #kiba-pusat-ringkas .payables-balance { padding: 12px; background: var(--k-tint); border-radius: 10px; }
    #kiba-pusat-ringkas .payables-balance strong { display: block; margin-top: 4px; font-size: 1.2em; }
    #kiba-pusat-ringkas .payables-payment { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--k-line); }
    #kiba-pusat-ringkas .payables-payment h3 { margin-bottom: 5px; }
    #kiba-pusat-ringkas .payables-empty { padding: 20px; color: var(--k-soft); background: var(--k-paper); border: 1px solid var(--k-line); border-radius: 11px; }
    #kiba-pusat-ringkas .purchase-toolbar {
      display: flex; align-items: end; gap: 10px; flex-wrap: wrap;
      padding: 16px; background: var(--k-paper); border: 1px solid var(--k-line);
      border-radius: var(--k-radius);
    }
    #kiba-pusat-ringkas .purchase-toolbar label { display: grid; gap: 5px; color: var(--k-soft); }
    #kiba-pusat-ringkas .purchase-toolbar input,
    #kiba-pusat-ringkas .purchase-toolbar select {
      min-height: 38px; padding: 7px 9px; color: var(--k-ink);
      background: var(--k-bg); border: 1px solid var(--k-line); border-radius: 9px; font: inherit;
    }
    #kiba-pusat-ringkas .purchase-toolbar input[type="search"] { width: 205px; }
    #kiba-pusat-ringkas .purchase-toolbar input[type="month"] { width: 160px; }
    #kiba-pusat-ringkas .purchase-context { margin: 10px 0 0 !important; color: var(--k-soft); }
    #kiba-pusat-ringkas .purchase-supplier-tabs { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin: 0 0 14px; }
    #kiba-pusat-ringkas .purchase-tab-label { margin: 0 0 7px !important; color: var(--k-soft); font-weight: 500; }
    #kiba-pusat-ringkas .purchase-supplier-tabs button {
      padding: 8px 11px; color: var(--k-soft); background: var(--k-paper);
      border: 1px solid var(--k-line); border-radius: 999px; font: inherit; cursor: pointer;
    }
    #kiba-pusat-ringkas .purchase-supplier-tabs button[aria-pressed="true"] {
      color: var(--k-accent-text); background: var(--k-tint); border-color: var(--k-accent); font-weight: 500;
    }
    #kiba-pusat-ringkas .purchase-volume { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin: 0 0 15px; }
    #kiba-pusat-ringkas .purchase-volume span { color: var(--k-soft); margin-right: 4px; }
    #kiba-pusat-ringkas .purchase-volume button {
      padding: 8px 11px; color: var(--k-soft); background: var(--k-paper);
      border: 1px solid var(--k-line); border-radius: 9px; font: inherit; cursor: pointer;
    }
    #kiba-pusat-ringkas .purchase-volume button[aria-pressed="true"] {
      color: var(--k-accent-text); background: var(--k-tint); border-color: var(--k-accent); font-weight: 500;
    }
    #kiba-pusat-ringkas .purchase-overview {
      display: flex; align-items: center; justify-content: space-between; gap: 12px;
      flex-wrap: wrap; margin: 16px 0 12px; padding: 17px;
      background: var(--k-paper); border: 1px solid var(--k-line); border-radius: var(--k-radius);
    }
    #kiba-pusat-ringkas .purchase-overview h2 { margin: 5px 0 2px; }
    #kiba-pusat-ringkas .purchase-paging {
      display: flex; align-items: center; justify-content: space-between; gap: 10px;
      flex-wrap: wrap; margin: 12px 0; color: var(--k-soft);
    }
    #kiba-pusat-ringkas .purchase-paging-controls { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
    #kiba-pusat-ringkas .purchase-paging button,
    #kiba-pusat-ringkas .purchase-paging select {
      min-height: 35px; padding: 6px 9px; color: var(--k-ink);
      background: var(--k-paper); border: 1px solid var(--k-line); border-radius: 8px; font: inherit;
    }
    #kiba-pusat-ringkas .purchase-paging button { cursor: pointer; }
    #kiba-pusat-ringkas .purchase-paging button:disabled { opacity: .45; cursor: default; }
    #kiba-pusat-ringkas .purchase-paging label { display: inline-flex; align-items: center; gap: 6px; }
    #kiba-pusat-ringkas .purchase-ledger-panel { padding: 0; overflow: hidden; }
    #kiba-pusat-ringkas .purchase-ledger-wrap { max-width: 100%; max-height: min(55vh, 520px); overflow: auto; }
    #kiba-pusat-ringkas .purchase-ledger-table { width: 100%; min-width: 940px; border-collapse: collapse; font-size: .94em; }
    #kiba-pusat-ringkas .purchase-ledger-table th,
    #kiba-pusat-ringkas .purchase-ledger-table td {
      padding: 10px 12px; border-bottom: 1px solid var(--k-line); text-align: left; white-space: nowrap;
    }
    #kiba-pusat-ringkas .purchase-ledger-table th {
      position: sticky; top: 0; z-index: 1; color: var(--k-soft);
      background: var(--k-paper); font-weight: 500;
    }
    #kiba-pusat-ringkas .purchase-ledger-table tbody tr:hover { background: var(--k-tint); }
    #kiba-pusat-ringkas .purchase-ledger-table .number { text-align: right; }
    #kiba-pusat-ringkas .purchase-table-link {
      padding: 0; border: 0; background: transparent; color: var(--k-accent-text);
      font: inherit; font-weight: 500; cursor: pointer; text-align: left;
    }
    #kiba-pusat-ringkas .purchase-table-link:hover { text-decoration: underline; }
    #kiba-pusat-ringkas .purchase-ledger-table .missing { color: light-dark(#94661c, #e7c47c); }
    #kiba-pusat-ringkas .purchase-ledger-table .outside { color: var(--k-soft); }
    #kiba-pusat-ringkas .purchase-layout {
      display: grid; grid-template-columns: minmax(290px, 1.05fr) minmax(280px, .95fr);
      gap: 12px; align-items: start;
    }
    #kiba-pusat-ringkas .purchase-list { display: grid; gap: 7px; }
    #kiba-pusat-ringkas .purchase-row {
      display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 12px;
      align-items: center; width: 100%; padding: 13px; color: var(--k-ink);
      background: var(--k-paper); border: 1px solid var(--k-line); border-radius: 11px;
      font: inherit; text-align: left; cursor: pointer;
    }
    #kiba-pusat-ringkas .purchase-row[aria-pressed="true"] { border-color: var(--k-accent); background: var(--k-tint); }
    #kiba-pusat-ringkas .purchase-row strong { display: block; font-weight: 500; }
    #kiba-pusat-ringkas .purchase-row small { display: block; margin-top: 4px; color: var(--k-soft); }
    #kiba-pusat-ringkas .purchase-row .purchase-value { text-align: right; }
    #kiba-pusat-ringkas .purchase-row .purchase-meta { grid-column: 1 / -1; color: var(--k-soft); }
    #kiba-pusat-ringkas .purchase-detail { position: sticky; top: 12px; }
    #kiba-pusat-ringkas .purchase-detail h2 { margin: 5px 0 2px; overflow-wrap: anywhere; }
    #kiba-pusat-ringkas .purchase-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 18px 0; }
    #kiba-pusat-ringkas .purchase-facts dt { color: var(--k-soft); }
    #kiba-pusat-ringkas .purchase-facts dd { margin: 3px 0 0; font-weight: 500; overflow-wrap: anywhere; }
    #kiba-pusat-ringkas .purchase-chain { display: grid; gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; }
    #kiba-pusat-ringkas .purchase-chain li { padding: 10px 12px; border-radius: 9px; background: var(--k-bg); }
    #kiba-pusat-ringkas .purchase-chain strong { display: block; font-weight: 500; }
    #kiba-pusat-ringkas .purchase-chain small { color: var(--k-soft); }
    #kiba-pusat-ringkas .purchase-note { margin-top: 14px !important; color: var(--k-soft); }
    #kiba-pusat-ringkas .purchase-back {
      padding: 9px 12px; color: var(--k-accent-text); background: var(--k-tint);
      border: 0; border-radius: 9px; font: inherit; font-weight: 500; cursor: pointer;
    }
    #kiba-pusat-ringkas .purchase-invoice-grid {
      display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .72fr);
      gap: 12px; align-items: start;
    }
    #kiba-pusat-ringkas .purchase-invoice-grid h2,
    #kiba-pusat-ringkas .purchase-invoice-items h2 { margin-bottom: 12px; }
    #kiba-pusat-ringkas .purchase-invoice-facts {
      display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px; margin: 0;
    }
    #kiba-pusat-ringkas .purchase-invoice-facts dt { color: var(--k-soft); }
    #kiba-pusat-ringkas .purchase-invoice-facts dd { margin: 3px 0 0; overflow-wrap: anywhere; font-weight: 500; }
    #kiba-pusat-ringkas .purchase-invoice-money { display: grid; gap: 10px; margin: 0; }
    #kiba-pusat-ringkas .purchase-invoice-money div {
      display: flex; justify-content: space-between; gap: 12px;
    }
    #kiba-pusat-ringkas .purchase-invoice-money dt { color: var(--k-soft); }
    #kiba-pusat-ringkas .purchase-invoice-money dd { margin: 0; font-weight: 500; text-align: right; }
    #kiba-pusat-ringkas .purchase-invoice-money .grand {
      padding-top: 10px; border-top: 1px solid var(--k-line);
    }
    #kiba-pusat-ringkas .purchase-invoice-money .grand dt,
    #kiba-pusat-ringkas .purchase-invoice-money .grand dd { color: var(--k-ink); font-weight: 600; }
    #kiba-pusat-ringkas .purchase-invoice-items { margin-top: 12px; }
    #kiba-pusat-ringkas .purchase-table-wrap { max-width: 100%; overflow-x: auto; }
    #kiba-pusat-ringkas .purchase-table {
      width: 100%; min-width: 900px; border-collapse: collapse; font-size: .93em;
    }
    #kiba-pusat-ringkas .purchase-table th,
    #kiba-pusat-ringkas .purchase-table td {
      padding: 10px 9px; border-bottom: 1px solid var(--k-line); text-align: left; vertical-align: top;
    }
    #kiba-pusat-ringkas .purchase-table th { color: var(--k-soft); font-weight: 500; white-space: nowrap; }
    #kiba-pusat-ringkas .purchase-table .number { text-align: right; white-space: nowrap; }
    #kiba-pusat-ringkas .purchase-table td strong { display: block; font-weight: 500; }
    #kiba-pusat-ringkas .purchase-table td small { color: var(--k-soft); }
    #kiba-pusat-ringkas .purchase-invoice-lower { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }
    #kiba-pusat-ringkas .purchase-invoice-lower h2 { margin-bottom: 12px; }
    #kiba-pusat-ringkas .purchase-entry { padding: 11px 0; border-top: 1px solid var(--k-line); }
    #kiba-pusat-ringkas .purchase-entry strong { display: block; font-weight: 500; }
    #kiba-pusat-ringkas .purchase-entry span { display: block; margin-top: 3px; color: var(--k-soft); }
    #kiba-pusat-ringkas .purchase-entry:first-child { border-top: 0; padding-top: 0; }
    #kiba-pusat-ringkas .item-toolbar {
      display: flex; align-items: end; gap: 10px; flex-wrap: wrap;
      margin-top: 12px; padding: 16px; background: var(--k-paper); border: 1px solid var(--k-line); border-radius: var(--k-radius);
    }
    #kiba-pusat-ringkas .item-toolbar label { display: grid; gap: 5px; color: var(--k-soft); }
    #kiba-pusat-ringkas .item-toolbar input,
    #kiba-pusat-ringkas .item-toolbar select {
      min-height: 39px; padding: 7px 9px; color: var(--k-ink);
      background: var(--k-bg); border: 1px solid var(--k-line); border-radius: 9px; font: inherit;
    }
    #kiba-pusat-ringkas .item-toolbar input { width: min(330px, 80vw); }
    #kiba-pusat-ringkas .item-matches { display: flex; gap: 7px; flex-wrap: wrap; margin: 13px 0; }
    #kiba-pusat-ringkas .item-matches button {
      padding: 8px 10px; color: var(--k-soft); background: var(--k-paper);
      border: 1px solid var(--k-line); border-radius: 999px; font: inherit; cursor: pointer;
    }
    #kiba-pusat-ringkas .item-matches button[aria-pressed="true"] {
      color: var(--k-accent-text); background: var(--k-tint); border-color: var(--k-accent);
    }
    #kiba-pusat-ringkas .item-latest-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .7fr); gap: 12px; }
    #kiba-pusat-ringkas .item-latest-grid h2 { margin: 5px 0; }
    #kiba-pusat-ringkas .item-prices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin: 14px 0 9px; }
    #kiba-pusat-ringkas .item-prices div { padding: 12px; background: var(--k-bg); border-radius: 9px; }
    #kiba-pusat-ringkas .item-prices span { display: block; margin-bottom: 6px; color: var(--k-soft); font-size: .88em; }
    #kiba-pusat-ringkas .item-prices strong { display: block; font-size: 1.22em; font-weight: 600; overflow-wrap: anywhere; }
    #kiba-pusat-ringkas .item-latest-grid .item-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 12px 0 0; }
    #kiba-pusat-ringkas .item-facts dt { color: var(--k-soft); }
    #kiba-pusat-ringkas .item-facts dd { margin: 3px 0 0; font-weight: 500; }
    #kiba-pusat-ringkas .item-section { margin-top: 13px; }
    #kiba-pusat-ringkas .item-section h2 { margin-bottom: 11px; }
    #kiba-pusat-ringkas .item-history { margin-top: 13px; }
    #kiba-pusat-ringkas .item-history summary { cursor: pointer; font-weight: 500; }
    #kiba-pusat-ringkas .item-history .purchase-ledger-wrap { margin-top: 12px; }
    #kiba-pusat-ringkas .item-empty { margin-top: 13px; }
    #kiba-pusat-ringkas .item-month-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 13px; }
    #kiba-pusat-ringkas .item-month-values div { padding: 15px; background: var(--k-bg); border-radius: 11px; }
    #kiba-pusat-ringkas .item-month-values span { display: block; margin-bottom: 6px; color: var(--k-soft); }
    #kiba-pusat-ringkas .item-month-values strong { display: block; font-size: 1.25em; overflow-wrap: anywhere; }
    #kiba-pusat-ringkas .item-best { display: block; width: fit-content; margin-top: 4px; padding: 2px 6px; border-radius: 6px; color: var(--k-accent-text); background: var(--k-tint); font-size: .76em; font-weight: 600; }
    #kiba-pusat-ringkas .item-change-up { color: light-dark(#ad3936, #ff9d93); }
    #kiba-pusat-ringkas .item-change-down { color: var(--k-accent-text); }
    #kiba-pusat-ringkas .item-compare-table th,
    #kiba-pusat-ringkas .item-compare-table td { white-space: normal; }
    #kiba-pusat-ringkas .item-compare-table td:last-child { min-width: 145px; max-width: 180px; overflow-wrap: anywhere; }
    #kiba-pusat-ringkas .item-compare-table .purchase-table-link { white-space: normal; overflow-wrap: anywhere; }
    #kiba-pusat-ringkas .fp-counts { display: flex; flex-wrap: wrap; gap: 9px; margin: 12px 0; }
    #kiba-ringkas-fp .item-toolbar input[type="month"] { width: 180px; }
    #kiba-ringkas-fp .item-toolbar input[type="search"] { width: 210px; }
    #kiba-pusat-ringkas .fp-counts span { padding: 8px 11px; border: 1px solid var(--k-line); border-radius: 9px; background: var(--k-paper); }
    #kiba-pusat-ringkas .fp-counts strong { margin-right: 5px; }
    #kiba-pusat-ringkas .fp-badge { display: inline-block; padding: 5px 8px; border-radius: 7px; font-size: .86em; font-weight: 600; white-space: nowrap; }
    #kiba-pusat-ringkas .fp-badge.matched { color: var(--k-accent-text); background: var(--k-tint); }
    #kiba-pusat-ringkas .fp-badge.difference { color: light-dark(#94661c, #e7c47c); background: light-dark(#fff4dd, #473820); }
    #kiba-pusat-ringkas .fp-badge.missing { color: light-dark(#ad3936, #ff9d93); background: light-dark(#fff0ee, #482b2a); }
    #kiba-pusat-ringkas .fp-table tr[aria-selected="true"] { background: var(--k-tint); }
    #kiba-pusat-ringkas .fp-table td, #kiba-pusat-ringkas .fp-table th { white-space: normal; }
    #kiba-pusat-ringkas .fp-table .purchase-table-link { overflow-wrap: anywhere; }
    #kiba-pusat-ringkas .fp-table td:last-child small { display: block; margin-top: 4px; color: var(--k-soft); }
    #kiba-pusat-ringkas .fp-detail { margin-top: 13px; }
    #kiba-pusat-ringkas .fp-detail-head { display: flex; justify-content: space-between; gap: 12px; align-items: start; flex-wrap: wrap; }
    #kiba-pusat-ringkas .fp-detail-head h2 { margin: 3px 0; overflow-wrap: anywhere; }
    #kiba-pusat-ringkas .fp-check-wrap { max-width: 100%; overflow-x: auto; margin-top: 16px; }
    #kiba-pusat-ringkas .fp-check-table { width: 100%; min-width: 590px; border-collapse: collapse; }
    #kiba-pusat-ringkas .fp-check-table th, #kiba-pusat-ringkas .fp-check-table td { padding: 11px 10px; border-bottom: 1px solid var(--k-line); text-align: left; }
    #kiba-pusat-ringkas .fp-check-table th { color: var(--k-soft); font-weight: 500; }
    #kiba-pusat-ringkas .fp-actions { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 16px; }
    #kiba-pusat-ringkas .fp-actions button { padding: 9px 12px; border: 1px solid var(--k-line); border-radius: 9px; color: var(--k-accent-text); background: var(--k-paper); font: inherit; cursor: pointer; }
    #kiba-pusat-ringkas .fp-document { margin-top: 13px; padding: 14px; border-radius: 10px; background: var(--k-bg); }
    #kiba-pusat-ringkas .fp-document dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 8px 0 0; }
    #kiba-pusat-ringkas .fp-document dt { color: var(--k-soft); }
    #kiba-pusat-ringkas .fp-document dd { margin: 3px 0 0; overflow-wrap: anywhere; }
    #kiba-ringkas-kompen .item-toolbar input[type="month"] { width: 180px; }
    #kiba-ringkas-kompen .item-toolbar input[type="search"] { width: 210px; }
    #kiba-pusat-ringkas .kompen-status { display: inline-block; padding: 5px 8px; border-radius: 7px; font-size: .86em; font-weight: 600; white-space: nowrap; }
    #kiba-pusat-ringkas .kompen-status.due { color: light-dark(#ad3936, #ff9d93); background: light-dark(#fff0ee, #482b2a); }
    #kiba-pusat-ringkas .kompen-status.pending { color: light-dark(#94661c, #e7c47c); background: light-dark(#fff4dd, #473820); }
    #kiba-pusat-ringkas .kompen-status.done { color: var(--k-accent-text); background: var(--k-tint); }
    #kiba-pusat-ringkas .kompen-status.received { color: var(--k-soft); background: var(--k-bg); }
    #kiba-pusat-ringkas .kompen-status.awaiting_receipt { color: var(--k-soft); background: var(--k-bg); }
    #kiba-pusat-ringkas .kompen-status.not_applicable { color: var(--k-soft); background: var(--k-bg); }
    #kiba-pusat-ringkas .kompen-status.unknown { color: light-dark(#94661c, #e7c47c); background: light-dark(#fff4dd, #473820); }
    #kiba-pusat-ringkas .kompen-status.no_data, #kiba-pusat-ringkas .kompen-status.inactive, #kiba-pusat-ringkas .kompen-status.over { color: light-dark(#94661c, #e7c47c); background: light-dark(#fff4dd, #473820); }
    #kiba-pusat-ringkas .kompen-head-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; flex-wrap: wrap; }
    #kiba-pusat-ringkas .kompen-download { padding: 9px 12px; border: 1px solid var(--k-accent); border-radius: 9px; background: var(--k-accent); color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
    #kiba-pusat-ringkas .kompen-download:hover { filter: brightness(.92); }
    #kiba-pusat-ringkas .kompen-table td, #kiba-pusat-ringkas .kompen-table th { white-space: normal; }
    #kiba-pusat-ringkas .kompen-table tr[aria-selected="true"] { background: var(--k-tint); }
    #kiba-pusat-ringkas .kompen-table .purchase-table-link { overflow-wrap: anywhere; }
    #kiba-pusat-ringkas .kompen-matrix { min-width: 1040px; table-layout: fixed; }
    #kiba-pusat-ringkas .kompen-matrix th, #kiba-pusat-ringkas .kompen-matrix td { padding: 7px 5px; white-space: normal; text-align: center; }
    #kiba-pusat-ringkas .kompen-matrix th:first-child, #kiba-pusat-ringkas .kompen-matrix td:first-child { position: sticky; left: 0; z-index: 2; width: 180px; padding-left: 10px; text-align: left; background: var(--k-paper); }
    #kiba-pusat-ringkas .kompen-matrix th:first-child { z-index: 3; }
    #kiba-pusat-ringkas .kompen-matrix td:first-child strong { display: block; }
    #kiba-pusat-ringkas .kompen-matrix td:first-child small { display: block; margin-top: 4px; color: var(--k-soft); }
    #kiba-pusat-ringkas .kompen-cell { display: block; width: 100%; min-height: 63px; padding: 7px 5px; border: 1px solid var(--k-line); border-radius: 8px; background: var(--k-bg); color: var(--k-ink); font: inherit; cursor: pointer; }
    #kiba-pusat-ringkas .kompen-cell strong, #kiba-pusat-ringkas .kompen-cell small { display: block; }
    #kiba-pusat-ringkas .kompen-cell strong { font-size: .9em; }
    #kiba-pusat-ringkas .kompen-cell small { margin-top: 3px; color: var(--k-soft); font-size: .78em; }
    #kiba-pusat-ringkas .kompen-cell.eligible { background: var(--k-tint); }
    #kiba-pusat-ringkas .kompen-cell.unknown { background: light-dark(#fff4dd, #473820); }
    #kiba-pusat-ringkas .kompen-cell.no_data { background: light-dark(#f4f7f7, #26353a); }
    #kiba-pusat-ringkas .kompen-cell[aria-pressed="true"] { border: 2px solid var(--k-accent); }
    #kiba-pusat-ringkas .kompen-detail { margin-top: 13px; }
    #kiba-pusat-ringkas .kompen-timeline { display: flex; gap: 7px; overflow-x: auto; margin-top: 14px; }
    #kiba-pusat-ringkas .kompen-timeline button { min-width: 125px; padding: 8px 10px; border: 1px solid var(--k-line); border-radius: 9px; background: var(--k-paper); color: var(--k-ink); font: inherit; text-align: left; cursor: pointer; }
    #kiba-pusat-ringkas .kompen-timeline button[aria-pressed="true"] { border-color: var(--k-accent); background: var(--k-tint); }
    #kiba-pusat-ringkas .kompen-timeline strong, #kiba-pusat-ringkas .kompen-timeline small { display: block; }
    #kiba-pusat-ringkas .kompen-timeline small { margin-top: 3px; color: var(--k-soft); }
    #kiba-pusat-ringkas .kompen-figures { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 15px 0; }
    #kiba-pusat-ringkas .kompen-figures div { padding: 14px; border-radius: 10px; background: var(--k-bg); }
    #kiba-pusat-ringkas .kompen-figures span { display: block; color: var(--k-soft); }
    #kiba-pusat-ringkas .kompen-figures strong { display: block; margin-top: 4px; font-size: 1.18em; overflow-wrap: anywhere; }
    #kiba-pusat-ringkas .kompen-branch-analysis { margin-top: 19px; padding-top: 17px; border-top: 1px solid var(--k-line); }
    #kiba-pusat-ringkas .kompen-branch-analysis h3 { margin: 0 0 6px; }
    #kiba-pusat-ringkas .kompen-branch-analysis .purchase-note { margin: 7px 0 12px; }
    #kiba-pusat-ringkas .kompen-branch-table { width: 100%; min-width: 930px; border-collapse: collapse; }
    #kiba-pusat-ringkas .kompen-branch-table th, #kiba-pusat-ringkas .kompen-branch-table td { padding: 11px 10px; border-bottom: 1px solid var(--k-line); text-align: left; vertical-align: top; }
    #kiba-pusat-ringkas .kompen-branch-table th { color: var(--k-soft); font-weight: 600; }
    #kiba-pusat-ringkas .kompen-branch-table td:nth-child(2) small { display: block; color: var(--k-soft); margin-top: 3px; }
    #kiba-pusat-ringkas .kompen-branch-table tr[aria-selected="true"] { background: var(--k-tint); }
    #kiba-pusat-ringkas .kompen-branch-table button { padding: 0; border: 0; background: none; color: var(--k-accent-text); font: inherit; font-weight: 600; text-align: left; cursor: pointer; }
    #kiba-pusat-ringkas .kompen-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin-top: 16px; }
    #kiba-pusat-ringkas .kompen-detail-grid h3, #kiba-pusat-ringkas .kompen-docs h3 { margin: 0 0 10px; }
    #kiba-pusat-ringkas .kompen-lines { margin: 0; }
    #kiba-pusat-ringkas .kompen-lines div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--k-line); }
    #kiba-pusat-ringkas .kompen-lines dt { color: var(--k-soft); }
    #kiba-pusat-ringkas .kompen-lines dd { margin: 0; font-weight: 500; text-align: right; }
    #kiba-pusat-ringkas .kompen-docs { margin-top: 17px; }
    #kiba-pusat-ringkas .kompen-action { margin-top: 15px !important; padding: 12px; border-radius: 9px; background: var(--k-tint); }
    #kiba-pusat-ringkas .kompen-rule-link { padding: 9px 12px; border: 1px solid var(--k-accent); border-radius: 9px; background: var(--k-paper); color: var(--k-accent-text); font: inherit; font-weight: 600; cursor: pointer; }
    #kiba-pusat-ringkas .kompen-rule-entry { display: block; width: 100%; padding: 12px; border: 1px solid var(--k-line); border-radius: 9px; background: var(--k-paper); color: var(--k-ink); font: inherit; text-align: left; cursor: pointer; }
    #kiba-pusat-ringkas .kompen-rule-entry + .kompen-rule-entry { margin-top: 7px; }
    #kiba-pusat-ringkas .kompen-rule-entry[aria-pressed="true"] { border-color: var(--k-accent); background: var(--k-tint); }
    #kiba-pusat-ringkas .kompen-rule-entry strong, #kiba-pusat-ringkas .kompen-rule-entry small { display: block; }
    #kiba-pusat-ringkas .kompen-rule-entry small { margin-top: 4px; color: var(--k-soft); }
    #kiba-pusat-ringkas .kompen-rules-layout { display: grid; grid-template-columns: minmax(245px, 0.8fr) minmax(0, 1.7fr); gap: 14px; margin-top: 14px; align-items: start; }
    #kiba-pusat-ringkas .kompen-rules-layout .panel { min-width: 0; }
    #kiba-pusat-ringkas .kompen-rule-paging { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 11px; }
    #kiba-pusat-ringkas .kompen-rule-paging button { padding: 7px 10px; border: 1px solid var(--k-line); border-radius: 8px; background: var(--k-paper); color: var(--k-accent-text); font: inherit; cursor: pointer; }
    #kiba-pusat-ringkas .kompen-rule-paging button:disabled { opacity: .45; cursor: default; }
    #kiba-pusat-ringkas .kompen-rule-lines { display: grid; grid-template-columns: minmax(120px, 0.5fr) minmax(0, 1.5fr); margin: 11px 0 0; }
    #kiba-pusat-ringkas .kompen-rule-lines dt, #kiba-pusat-ringkas .kompen-rule-lines dd { margin: 0; padding: 9px 0; border-bottom: 1px solid var(--k-line); overflow-wrap: anywhere; }
    #kiba-pusat-ringkas .kompen-rule-lines dt { color: var(--k-soft); }
    #kiba-pusat-ringkas .kompen-rule-docs { margin-top: 16px; }
    #kiba-pusat-ringkas .kompen-rule-docs a { color: var(--k-accent-text); overflow-wrap: anywhere; }
    #kiba-pusat-ringkas .kompen-rule-warning { padding: 11px 12px; border-radius: 9px; background: light-dark(#fff4dd, #473820); color: light-dark(#775012, #f3d18a); }
    #kiba-pusat-ringkas .kompen-claim-gate { margin-top: 13px; }
    #kiba-pusat-ringkas .kompen-claim-gate h3 { margin: 0 0 6px; }
    #kiba-pusat-ringkas .kompen-claim-gate p { margin: 0 0 12px; color: var(--k-soft); }
    #kiba-pusat-ringkas .kompen-claim-gate button:disabled { opacity: .5; cursor: default; }
    #kiba-pusat-ringkas .kompen-rule-branch-table { width: 100%; min-width: 570px; border-collapse: collapse; margin-top: 8px; }
    #kiba-pusat-ringkas .kompen-rule-branch-table th, #kiba-pusat-ringkas .kompen-rule-branch-table td { padding: 8px; border-bottom: 1px solid var(--k-line); text-align: left; vertical-align: top; }
    #kiba-ringkas-claims .item-toolbar input[type="search"] { width: 210px; }
    #kiba-pusat-ringkas .claim-table { min-width: 900px; }
    #kiba-pusat-ringkas .claim-table th, #kiba-pusat-ringkas .claim-table td { white-space: normal; }
    #kiba-pusat-ringkas .claim-table td strong, #kiba-pusat-ringkas .claim-table td small { display: block; }
    #kiba-pusat-ringkas .claim-table td small { margin-top: 3px; color: var(--k-soft); }
    #kiba-pusat-ringkas .claim-table .number { text-align: right; white-space: nowrap; }
    #kiba-pusat-ringkas .claim-status { display: inline-block; padding: 5px 8px; border-radius: 7px; font-size: .86em; font-weight: 600; white-space: nowrap; }
    #kiba-pusat-ringkas .claim-status.settled, #kiba-pusat-ringkas .claim-status.ready { color: var(--k-accent-text); background: var(--k-tint); }
    #kiba-pusat-ringkas .claim-status.submitted, #kiba-pusat-ringkas .claim-status.period { color: var(--k-soft); background: var(--k-bg); }
    #kiba-pusat-ringkas .claim-status.partial, #kiba-pusat-ringkas .claim-status.evidence, #kiba-pusat-ringkas .claim-status.rule { color: light-dark(#94661c, #e7c47c); background: light-dark(#fff4dd, #473820); }
    #kiba-pusat-ringkas .claim-status.disputed { color: light-dark(#ad3936, #ff9d93); background: light-dark(#fff0ee, #482b2a); }
    #kiba-pusat-ringkas .claim-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 13px; }
    #kiba-pusat-ringkas .claim-detail-grid .panel { min-width: 0; }
    #kiba-pusat-ringkas .claim-detail-grid h2 { margin-bottom: 11px; }
    #kiba-pusat-ringkas .claim-detail-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; }
    #kiba-pusat-ringkas .claim-detail-facts dt { color: var(--k-soft); }
    #kiba-pusat-ringkas .claim-detail-facts dd { margin: 3px 0 0; font-weight: 500; overflow-wrap: anywhere; }
    #kiba-pusat-ringkas .claim-detail-money { display: grid; gap: 9px; margin: 0; }
    #kiba-pusat-ringkas .claim-detail-money div { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 9px; border-bottom: 1px solid var(--k-line); }
    #kiba-pusat-ringkas .claim-detail-money dt { color: var(--k-soft); }
    #kiba-pusat-ringkas .claim-detail-money dd { margin: 0; font-weight: 600; text-align: right; }
    #kiba-pusat-ringkas .claim-evidence { margin-top: 13px; }
    #kiba-pusat-ringkas .claim-evidence h2 { margin-bottom: 11px; }
    #kiba-pusat-ringkas .claim-next { margin-top: 13px !important; padding: 13px 15px; border-radius: 10px; background: var(--k-tint); }
    #kiba-pusat-ringkas .claim-paging { display: flex; justify-content: space-between; align-items: center; gap: 9px; margin: 10px 0; }
    #kiba-pusat-ringkas .claim-paging button { padding: 8px 10px; border: 1px solid var(--k-line); border-radius: 8px; color: var(--k-accent-text); background: var(--k-paper); font: inherit; cursor: pointer; }
    #kiba-pusat-ringkas .claim-paging button:disabled { opacity: .45; cursor: default; }
    #kiba-ringkas-purchases .page-intro { margin: 15px 0 12px; }
    #kiba-ringkas-purchases .purchase-volume { margin-bottom: 10px; }
    #kiba-ringkas-purchases .purchase-supplier-tabs { margin-bottom: 10px; }
    #kiba-ringkas-purchases .purchase-toolbar { padding: 12px; }
    #kiba-ringkas-purchases .purchase-overview { margin: 11px 0 6px; padding: 12px 16px; }
    #kiba-pusat-ringkas .killua-launch {
      position: fixed;
      right: 22px;
      bottom: 20px;
      z-index: 50;
      display: flex;
      align-items: center;
      gap: 9px;
      padding: 13px 17px;
      border: 1px solid #0e625a;
      border-radius: 999px;
      background: #126f65;
      color: #fff;
      box-shadow: 0 10px 28px rgba(12, 52, 54, .24);
      font: inherit;
      font-weight: 700;
      letter-spacing: .02em;
      cursor: pointer;
    }
    #kiba-pusat-ringkas .killua-launch:hover { background: #0e5e56; }
    #kiba-pusat-ringkas .killua-launch img {
      width: 54px;
      height: 54px;
      border-radius: 50%;
      background: #193c57;
      object-fit: cover;
      object-position: center 34%;
    }
    #kiba-pusat-ringkas .killua-panel {
      position: fixed;
      right: 22px;
      bottom: 82px;
      z-index: 51;
      display: flex;
      flex-direction: column;
      width: min(400px, calc(100vw - 24px));
      height: min(610px, calc(100dvh - 104px));
      min-height: 290px;
      overflow: hidden;
      border: 1px solid var(--k-line);
      border-radius: 18px;
      background: var(--k-paper);
      box-shadow: 0 20px 55px rgba(12, 42, 46, .25);
    }
    #kiba-pusat-ringkas .killua-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 16px 18px;
      background: var(--k-navy);
      color: #f3fbfa;
    }
    #kiba-pusat-ringkas .killua-head strong { display: block; font-size: 1.05em; }
    #kiba-pusat-ringkas .killua-head small { display: block; color: #b9d1d1; }
    #kiba-pusat-ringkas .killua-identity { display: flex; align-items: center; gap: 10px; }
    #kiba-pusat-ringkas .killua-identity img {
      flex: 0 0 auto;
      width: 48px;
      height: 48px;
      border-radius: 11px;
      background: #193c57;
      object-fit: cover;
      object-position: center 34%;
    }
    #kiba-pusat-ringkas .killua-close {
      flex: 0 0 auto;
      width: 32px;
      height: 32px;
      border: 0;
      border-radius: 8px;
      background: rgba(255,255,255,.12);
      color: #fff;
      font: inherit;
      font-size: 22px;
      cursor: pointer;
    }
    #kiba-pusat-ringkas .killua-notice {
      padding: 9px 16px;
      border-bottom: 1px solid var(--k-line);
      background: var(--k-tint);
      color: var(--k-accent-text);
      font-size: .83em;
    }
    #kiba-pusat-ringkas .killua-messages {
      flex: 1 1 auto;
      min-height: 0;
      overflow-y: auto;
      display: flex;
      flex-direction: column;
      gap: 12px;
      padding: 16px;
    }
    #kiba-pusat-ringkas .killua-character {
      align-self: center;
      width: 132px;
      height: 132px;
      object-fit: contain;
      filter: drop-shadow(0 8px 13px rgba(19, 77, 102, .22));
    }
    #kiba-pusat-ringkas .killua-message { max-width: 90%; }
    #kiba-pusat-ringkas .killua-message.user { align-self: flex-end; }
    #kiba-pusat-ringkas .killua-bubble {
      padding: 11px 13px;
      border-radius: 12px;
      background: var(--k-bg);
      line-height: 1.45;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }
    #kiba-pusat-ringkas .killua-message.user .killua-bubble { background: var(--k-tint); }
    #kiba-pusat-ringkas .killua-source {
      margin-top: 7px;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--k-accent-text);
      font: inherit;
      font-size: .88em;
      font-weight: 600;
      cursor: pointer;
    }
    #kiba-pusat-ringkas .killua-suggestions {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      padding: 10px 14px;
      border-top: 1px solid var(--k-line);
    }
    #kiba-pusat-ringkas .killua-suggestions button {
      padding: 7px 9px;
      border: 1px solid var(--k-line);
      border-radius: 999px;
      background: var(--k-paper);
      color: var(--k-accent-text);
      font: inherit;
      font-size: .8em;
      cursor: pointer;
    }
    #kiba-pusat-ringkas .killua-form {
      display: flex;
      gap: 8px;
      padding: 12px 14px;
      border-top: 1px solid var(--k-line);
    }
    #kiba-pusat-ringkas .killua-form input {
      flex: 1 1 auto;
      min-width: 0;
      padding: 10px 11px;
      border: 1px solid var(--k-line);
      border-radius: 9px;
      background: var(--k-bg);
      color: var(--k-ink);
      font: inherit;
    }
    #kiba-pusat-ringkas .killua-form button {
      padding: 10px 12px;
      border: 0;
      border-radius: 9px;
      background: #126f65;
      color: #fff;
      font: inherit;
      font-weight: 600;
      cursor: pointer;
    }
    @media (max-width: 850px) {
      #kiba-pusat-ringkas .app { display: block; }
      #kiba-pusat-ringkas .sidebar { gap: 12px; padding: 14px; }
      #kiba-pusat-ringkas .nav { display: flex; flex-wrap: wrap; }
      #kiba-pusat-ringkas .side-note { display: none; }
      #kiba-pusat-ringkas .main { padding: 18px; }
      #kiba-pusat-ringkas .nav button,
      #kiba-pusat-ringkas .nav span { width: auto; }
      #kiba-pusat-ringkas .due-days { grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); }
      #kiba-pusat-ringkas .payables-layout { grid-template-columns: 1fr; }
      #kiba-pusat-ringkas .payables-detail { position: static; }
      #kiba-pusat-ringkas .purchase-layout { grid-template-columns: 1fr; }
      #kiba-pusat-ringkas .purchase-detail { position: static; }
      #kiba-pusat-ringkas .purchase-invoice-grid,
      #kiba-pusat-ringkas .purchase-invoice-lower { grid-template-columns: 1fr; }
      #kiba-pusat-ringkas .item-latest-grid { grid-template-columns: 1fr; }
      #kiba-pusat-ringkas .claim-detail-grid { grid-template-columns: 1fr; }
    }
    @media (max-width: 620px) {
      #kiba-pusat-ringkas .hero,
      #kiba-pusat-ringkas .workspace { grid-template-columns: 1fr; }
      #kiba-pusat-ringkas .work-list { grid-template-columns: 1fr; }
      #kiba-pusat-ringkas .monitor-row { grid-template-columns: 1fr auto; }
      #kiba-pusat-ringkas .monitor-row p { grid-column: 1 / -1; }
      #kiba-pusat-ringkas .monitor-bottom { grid-template-columns: 1fr; }
      #kiba-pusat-ringkas .monitor-detail-grid { grid-template-columns: 1fr; }
      #kiba-pusat-ringkas .due-days { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      #kiba-pusat-ringkas .item-month-values { grid-template-columns: 1fr; }
      #kiba-pusat-ringkas .fp-document dl { grid-template-columns: 1fr; }
      #kiba-pusat-ringkas .kompen-figures, #kiba-pusat-ringkas .kompen-detail-grid { grid-template-columns: 1fr; }
      #kiba-pusat-ringkas .kompen-rules-layout { grid-template-columns: 1fr; }
      #kiba-pusat-ringkas .claim-detail-facts { grid-template-columns: 1fr; }
      #kiba-pusat-ringkas .detail-row { grid-template-columns: minmax(0, 1fr) auto; }
      #kiba-pusat-ringkas .detail-row .detail-track { grid-column: 1 / -1; grid-row: 2; }
      #kiba-pusat-ringkas .detail-row strong { grid-column: 2; grid-row: 1; }
      #kiba-pusat-ringkas .killua-launch { right: 12px; bottom: 12px; }
      #kiba-pusat-ringkas .killua-panel { right: 12px; bottom: 72px; height: min(650px, calc(100dvh - 88px)); }
    }
    @media (max-width: 370px) {
      #kiba-pusat-ringkas .detail-head { display: block; }
      #kiba-pusat-ringkas .reveal { margin-top: 12px; }
    }