:root{--brand-primary: #4f46e5;--brand-primary-dark: #4338ca;--brand-accent: #10b981;--brand-warning: #f59e0b;--brand-danger: #ef4444;--bs-primary: var(--brand-primary);--bs-primary-rgb: 79, 70, 229;--surface-bg: #f8fafc;--surface-card: #ffffff;--surface-border: #e5e9f2;--surface-muted: #64748b;--surface-heading: #0f172a;--shadow-soft: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px -12px rgba(15, 23, 42, .1);--shadow-lift: 0 12px 32px -12px rgba(79, 70, 229, .28);--radius-lg: 1rem;--radius-md: .65rem;color-scheme:light}[data-bs-theme=dark]{--surface-bg: #0b1120;--surface-card: #131c2e;--surface-border: #253046;--surface-muted: #94a3b8;--surface-heading: #f1f5f9;--shadow-soft: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -12px rgba(0, 0, 0, .5);color-scheme:dark}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}body{background-color:var(--surface-bg);color:var(--surface-heading);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,.fw-display{letter-spacing:-.02em;color:var(--surface-heading)}a{text-decoration:none}.text-muted-soft{color:var(--surface-muted)!important}.card,.list-group-item{background-color:var(--surface-card);border-color:var(--surface-border)}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--surface-border)}.btn{border-radius:.6rem;font-weight:600;letter-spacing:-.01em}.btn-primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));border:none;box-shadow:var(--shadow-lift)}.btn-primary:hover,.btn-primary:focus{background:linear-gradient(135deg,var(--brand-primary-dark),var(--brand-primary))}.btn-accent{background-color:var(--brand-accent);border-color:var(--brand-accent);color:#fff}.badge-soft{background-color:#4f46e51a;color:var(--brand-primary);font-weight:600;border-radius:999px;padding:.35em .75em}[data-bs-theme=dark] .badge-soft{background-color:#818cf82e;color:#a5b4fc}.form-control,.form-select{border-radius:.6rem;border-color:var(--surface-border);background-color:var(--surface-card);color:var(--surface-heading)}.form-control:focus,.form-select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 .2rem #4f46e526}.skeleton{background:linear-gradient(90deg,var(--surface-border) 25%,rgba(148,163,184,.25) 37%,var(--surface-border) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.theme-toggle-btn,.tombol-ikon{width:2.5rem;height:2.5rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--surface-border);background-color:var(--surface-card);color:var(--surface-heading);transition:border-color .2s ease,color .2s ease,background-color .2s ease,transform .2s ease}.theme-toggle-btn:hover,.tombol-ikon:hover{border-color:var(--brand-primary);color:var(--brand-primary)}[data-bs-theme=dark] .theme-icon-sun{display:none}[data-bs-theme=light] .theme-icon-moon,:root:not([data-bs-theme=dark]) .theme-icon-moon{display:none}[data-bs-theme=dark] .theme-icon-moon{display:inline-block}.u-bg-permukaan{background-color:var(--surface-bg)}.u-maks-lebar-200{max-width:200px}.u-maks-lebar-220{max-width:220px}.u-maks-lebar-280{max-width:280px}.u-maks-lebar-320{max-width:320px}.u-maks-lebar-520{max-width:520px}.u-maks-lebar-640{max-width:640px}.u-maks-lebar-700{max-width:700px}.u-maks-lebar-900{max-width:900px}.u-maks-tinggi-32{max-height:32px}.u-maks-tinggi-60{max-height:60px}.u-maks-tinggi-100{max-height:100px}.u-maks-tinggi-120{max-height:120px}.u-tinggi-170{height:170px}.u-tinggi-280{height:280px}.u-lebar-110{width:110px}.u-min-lebar-130{min-width:130px}.u-min-lebar-260{min-width:260px}tr.baris-mitra>td{background:#f59e0b0f}.u-cover{object-fit:cover}.u-contain-penuh{max-height:100%;object-fit:contain}.u-rasio-16-10{aspect-ratio:16 / 10;object-fit:cover}.u-sticky-100{top:100px}.u-sudut-2{border-radius:.5rem}.u-avatar-besar{width:3.5rem;height:3.5rem;font-size:1.3rem}.u-lebar-40{width:40px}.u-lebar-90{width:90px}.u-min-lebar-160{min-width:160px}.u-maks-lebar-160{max-width:160px}.kepala-bagian-form{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--surface-border)}.nomor-bagian-form{flex:0 0 auto;display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:#4f46e51a;color:var(--brand-primary);font-weight:700;font-size:.85rem}.tabel-item-invoice{--bs-table-bg: transparent}.tabel-item-invoice>thead th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--surface-muted);background:var(--surface-bg);padding-top:.65rem;padding-bottom:.65rem;white-space:nowrap}.tabel-item-invoice>thead th:first-child,.tabel-item-invoice>tbody td:first-child{padding-left:1.5rem}.tabel-item-invoice>thead th:last-child,.tabel-item-invoice>tbody td:last-child{padding-right:1.5rem}.tabel-item-invoice>tbody td{padding-top:.9rem;padding-bottom:.9rem}.tombol-tambah-item{border-style:dashed}.ringkasan-invoice>div{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;font-size:.9rem}.ringkasan-invoice dt{font-weight:400;color:var(--surface-muted)}.ringkasan-invoice dd{margin:0;text-align:right}.ringkasan-invoice>.baris-total{margin-top:.5rem;padding-top:1rem;border-top:1px dashed var(--surface-border)}.ringkasan-invoice>.baris-total dt{font-weight:700;color:var(--surface-heading)}.ringkasan-invoice>.baris-total dd{font-size:1.35rem;font-weight:700;color:var(--brand-primary)}