body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f5f9;background:var(--page-bg,#f1f5f9);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background .3s}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--page-bg:#f1f5f9;--card-bg:#fff;--card-border:#e2e8f0;--card-shadow:0 2px 12px #3c485814;--toolbar-bg:#f8fafc;--toolbar-border:#e2e8f0;--text:#0f172a;--text-muted:#64748b;--text-header:#374151;--input-bg:#fff;--input-border:#bbb;--table-header-bg:#f5f5f5;--table-row-even-bg:#fafafa;--table-row-hover-bg:#f0f7ff;--table-border:#e0e0e0;--accent:#3b82f6;--accent-bg:#eff6ff;--accent-text:#1d4ed8;--danger:#ef4444}[data-page-theme=dark]{--page-bg:#0f172a;--card-bg:#1e293b;--card-border:#ffffff14;--card-shadow:0 8px 32px #00000080;--toolbar-bg:#172030;--toolbar-border:#ffffff12;--text:#e2e8f0;--text-muted:#94a3b8;--text-header:#93c5fd;--input-bg:#1a2535;--input-border:#ffffff1f;--table-header-bg:#172030;--table-row-even-bg:#162030;--table-row-hover-bg:#1f3050;--table-border:#ffffff12;--accent:#3b82f6;--accent-bg:#3b82f626;--accent-text:#93c5fd;--danger:#f87171}[data-page-theme=charcoal]{--page-bg:#1e293b;--card-bg:#1f2937;--card-border:#ffffff14;--card-shadow:0 8px 24px #0006;--toolbar-bg:#1a2330;--toolbar-border:#ffffff12;--text:#e5e7eb;--text-muted:#9ca3af;--text-header:#d1d5db;--input-bg:#1f2937;--input-border:#ffffff1f;--table-header-bg:#1a2330;--table-row-even-bg:#1c2736;--table-row-hover-bg:#243040;--table-border:#ffffff12;--accent:#818cf8;--accent-bg:#818cf826;--accent-text:#a5b4fc;--danger:#f87171}[data-page-theme=warm]{--page-bg:#fdf6e3;--card-bg:#fffbf5;--card-border:#e8d5b7;--card-shadow:0 2px 12px #b4823c14;--toolbar-bg:#fef8ee;--toolbar-border:#e8d5b7;--text:#3d2c1e;--text-muted:#7c5c40;--text-header:#5d3a1a;--input-bg:#fffbf5;--input-border:#d4a96a;--table-header-bg:#fef3e2;--table-row-even-bg:#fdf8f0;--table-row-hover-bg:#fcecd5;--table-border:#e8d5b7;--accent:#d97706;--accent-bg:#fef3c7;--accent-text:#b45309;--danger:#dc2626}[data-page-theme=darkgold]{--page-bg:#0f0b08;--card-bg:#1a1410;--card-border:#4a3a2a;--card-shadow:0 14px 36px #00000059;--toolbar-bg:#1f1812f2;--toolbar-border:#4a3a2a;--text:#f6efe3;--text-muted:#cfbfa8;--text-header:#e4c98f;--input-bg:#1a1510;--input-border:#4a3a2a;--table-header-bg:#1d1611;--table-row-even-bg:#17120e;--table-row-hover-bg:#261d15;--table-border:#4a3a2a;--accent:#c8a96b;--accent-bg:#c8a96b1f;--accent-text:#e4c98f;--danger:#d86a5b}[data-page-theme=darkgold] .penjualan-fine-title{font-family:Georgia,Times New Roman,serif!important;letter-spacing:1.2px!important;text-shadow:0 1px 0 #00000073!important;text-transform:uppercase!important}.fnb-datepicker{background:#fff;border:1px solid #bbb;border-radius:6px;box-sizing:border-box;font-size:1.08rem;outline:none;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:160px}.fnb-datepicker:focus{border-color:#1976d2;box-shadow:0 2px 8px #1976d21a}.fnb-nav{align-items:center;background:linear-gradient(90deg,#1976d2 60%,#1565c0);border-radius:0 0 18px 18px;box-shadow:0 2px 12px #1976d214;display:flex;gap:20px;margin-bottom:32px;padding:22px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-btn{background:#ffffff14;border:none;border-radius:8px;color:#fff;font-size:1.18rem;font-weight:600;margin-right:2px;padding:12px 28px;transition:background .2s,box-shadow .2s,color .2s}.nav-btn:hover{background:#fff;box-shadow:0 2px 8px #1976d21f;color:#1976d2}.fnb-nav-user{color:#fff;font-size:1.08rem;font-weight:500;letter-spacing:.5px;margin-right:18px}.fnb-btn{cursor:pointer;transition:box-shadow .2s}.fnb-btn:hover{box-shadow:0 2px 8px #0000001f;filter:brightness(.97)}.fnb-btn.logout:hover{filter:brightness(.93)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media print{.print-area,.print-area *{visibility:visible!important}.print-area{background:#fff!important;box-shadow:none!important;left:0;margin:0!important;padding:0!important;position:absolute!important;top:0;width:100vw;z-index:99999!important}.no-print,.no-print *{display:none!important;visibility:hidden!important}}