.bi-root{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:20px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important}.bi-root>.bi-command-bar,.bi-root>.bi-filters,.bi-root>.bi-kpis,.bi-root>.bi-panel,.bi-root>.bi-up-panel,.bi-root>.mph{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.bi-root>.bi-command-bar{margin-top:4px!important}.bi-root>.bi-filters,.bi-root>.bi-kpis,.bi-root>.bi-panel,.bi-root>.bi-up-panel{margin-top:0!important}.bi-filters{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-column-gap:16px!important;column-gap:16px!important;grid-row-gap:14px!important;row-gap:14px!important;grid-gap:14px 16px!important;gap:14px 16px!important;padding:16px!important;box-sizing:border-box!important}.bi-filters>*{min-width:0!important;margin:0!important}.bi-filter-field{display:flex!important;flex-direction:column!important;row-gap:6px!important;gap:6px!important;min-width:0!important}.bi-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-column-gap:16px!important;column-gap:16px!important;grid-row-gap:16px!important;row-gap:16px!important;grid-gap:16px!important;gap:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.bi-kpis>*{margin:0!important}.bi-kpis>*,.bi-panel{min-width:0!important}.bi-panel{width:100%!important;max-width:100%!important;overflow:hidden!important}.bi-panel-toolbar{display:flex!important;align-items:center!important;gap:12px!important;padding:14px 16px!important}.bi-table-wrap{width:100%;max-width:100%;overflow-x:auto}.bi-root .ui-table{width:100%!important;min-width:720px!important}.bi-root .ui-table td,.bi-root .ui-table th{padding:12px 14px!important}.bi-command-bar{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}@media (max-width:1100px){.bi-filters{grid-template-columns:repeat(3,minmax(0,1fr))!important}.bi-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:720px){.bi-root{gap:16px!important}.bi-filters{grid-template-columns:1fr 1fr!important}.bi-kpis{grid-template-columns:1fr!important}}.bi-receipt-overlay{position:fixed!important;inset:0!important;z-index:1400!important;display:flex!important;flex-direction:column!important;height:100vh!important;max-height:100dvh!important;overflow:hidden!important;background:#0b1220!important}.bi-receipt-overlay .ivw-pdf-stage{min-height:0!important;height:100%!important;overflow:auto!important;display:block!important}.bip-page{--bip-ease:cubic-bezier(0.22,1,0.36,1);--bip-scroll-thumb:rgba(93,95,239,0.45);--bip-scroll-thumb-hover:rgba(93,95,239,0.7);--bip-scroll-track:rgba(232,237,245,0.85);display:flex;flex-direction:column;min-height:calc(100vh - 88px);margin:-4px 0 0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--border,#e8edf5);box-shadow:0 12px 36px rgba(15,23,42,.06)}.bip-topbar{justify-content:space-between;gap:16px;padding:14px 18px;background:linear-gradient(135deg,var(--modal-header-bg,#deecff),#fff);border-bottom:1px solid var(--border,#e8edf5);flex-shrink:0}.bip-topbar,.bip-topbar-title{display:flex;align-items:center}.bip-topbar-title{gap:12px;min-width:0}.bip-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--border,#e8edf5);background:#fff;color:var(--text-primary,#0f172a);font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:transform .16s var(--bip-ease),border-color .16s ease,box-shadow .18s ease,color .16s ease}.bip-back:hover{transform:translateX(-2px);border-color:rgba(93,95,239,.35);color:var(--color-accent,#5d5fef)}.bip-back:hover,.bip-topbar-ico{box-shadow:0 8px 18px rgba(93,95,239,.12)}.bip-topbar-ico{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:var(--color-accent,#5d5fef);background:#fff;border:1px solid rgba(93,95,239,.18);flex-shrink:0}.bip-topbar-title h1{margin:0;font-size:1.12rem;font-weight:700;color:var(--text-primary,#0f172a)}.bip-topbar-title p{margin:2px 0 0;font-size:.78rem;color:var(--text-secondary,#64748b)}.bip-topbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.bip-saved{font-size:.8rem;font-weight:600;color:#15803d;padding:.35rem .7rem;border-radius:999px;background:#dcfce7;border:1px solid #bbf7d0}.bip-body{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);min-height:0;flex:1 1;height:calc(100vh - 170px);max-height:calc(100vh - 170px)}.bip-preview-pane,.bip-preview-stage,.bip-sidebar{scrollbar-width:thin;scrollbar-color:var(--bip-scroll-thumb) var(--bip-scroll-track)}.bip-preview-pane::-webkit-scrollbar,.bip-preview-stage::-webkit-scrollbar,.bip-sidebar::-webkit-scrollbar{width:8px;height:8px}.bip-preview-pane::-webkit-scrollbar-track,.bip-preview-stage::-webkit-scrollbar-track,.bip-sidebar::-webkit-scrollbar-track{background:var(--bip-scroll-track);border-radius:999px;margin:6px 0}.bip-preview-pane::-webkit-scrollbar-thumb,.bip-preview-stage::-webkit-scrollbar-thumb,.bip-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b8df5,var(--color-accent,#5d5fef));border-radius:999px;border:2px solid transparent;background-clip:padding-box;box-shadow:0 0 0 1px rgba(93,95,239,.12)}.bip-preview-pane::-webkit-scrollbar-thumb:hover,.bip-preview-stage::-webkit-scrollbar-thumb:hover,.bip-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7a7cf3,var(--color-accent-hover,#4b51e0));background-clip:padding-box}.bip-sidebar{overflow:auto;padding:16px 16px 28px;border-right:1px solid var(--border,#e8edf5);background:linear-gradient(180deg,rgba(248,250,252,.95),#fff 38%)}.bip-section{padding:14px 0 16px;border-bottom:1px solid var(--border,#e8edf5)}.bip-section h3{margin:0 0 12px;font-size:.92rem;font-weight:700;color:var(--color-accent,#5d5fef)}.bip-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.bip-section-head h3{margin:0}.bip-reset{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--color-accent,#5d5fef);font:inherit;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:color .15s ease}.bip-reset:hover{color:var(--color-accent-hover,#4b51e0)}.bip-field-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.bip-check,.bip-toggle{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid transparent;background:#fff;font-size:.82rem;font-weight:500;color:var(--text-primary,#0f172a);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s var(--bip-ease),box-shadow .18s ease}.bip-check:hover,.bip-toggle:hover{border-color:rgba(93,95,239,.18);transform:translateY(-1px)}.bip-check input,.bip-toggle input{position:absolute;opacity:0;pointer-events:none}.bip-check-mark,.bip-toggle-mark{width:18px;height:18px;border-radius:6px;border:1.5px solid #cbd5e1;display:grid;place-items:center;color:#fff;flex-shrink:0;background:#fff;transition:background .15s ease,border-color .15s ease,transform .15s var(--bip-ease)}.bip-check.is-on,.bip-toggle.is-on{background:var(--color-accent-soft,#e8f2ff);border-color:rgba(93,95,239,.18)}.bip-check.is-on .bip-check-mark,.bip-toggle.is-on .bip-toggle-mark{background:var(--color-accent,#5d5fef);border-color:var(--color-accent,#5d5fef);transform:scale(1.05)}.bip-toggle{padding-left:0;margin-bottom:10px;font-weight:650;color:var(--color-accent,#5d5fef)}.bip-stack{display:flex;flex-direction:column;gap:12px;overflow:hidden}.bip-indent{margin-top:4px;padding-left:8px}.bip-inline-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.bip-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:start}.bip-add-btn{min-height:42px;white-space:nowrap}.bip-color-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px 12px;border-radius:14px;border:1px solid transparent;background:linear-gradient(135deg,#f8fafc,#fff);transition:border-color .18s ease,background .18s ease,box-shadow .22s var(--bip-ease),transform .18s var(--bip-ease)}.bip-color-row:hover{border-color:rgba(93,95,239,.2);background:linear-gradient(135deg,var(--color-accent-soft,#e8f2ff),#fff);box-shadow:0 10px 24px rgba(93,95,239,.1);transform:translateY(-1px)}.bip-color-row.is-disabled{opacity:.5;pointer-events:none}.bip-color-label{font-size:.84rem;font-weight:600;color:var(--text-secondary,#64748b)}.bip-color{display:inline-flex;align-items:center;gap:10px;min-width:0;cursor:pointer}.bip-color-swatch{position:relative;width:40px;height:40px;border-radius:12px;flex-shrink:0;border:2px solid #fff;box-shadow:0 0 0 1px rgba(93,95,239,.22),0 8px 18px rgba(15,23,42,.12);overflow:hidden;transition:transform .22s var(--bip-ease),box-shadow .22s ease;animation:bip-swatch-glow 2.8s ease-in-out infinite}.bip-color-row:hover .bip-color-swatch{transform:scale(1.08) rotate(-4deg);box-shadow:0 0 0 2px rgba(93,95,239,.35),0 12px 24px rgba(93,95,239,.22);animation:none}.bip-color-swatch:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.45),transparent 55%);pointer-events:none}.bip-color-swatch input[type=color]{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);padding:0;border:0;opacity:0;cursor:pointer}.bip-color-hex,.bip-font-size{width:108px!important;min-height:38px!important;font-family:var(--font-body),Poppins,sans-serif!important;font-size:.8rem!important;font-weight:600!important;letter-spacing:.04em;text-align:center;border-radius:11px!important;transition:border-color .16s ease,box-shadow .18s ease,transform .16s var(--bip-ease)!important}.bip-color-hex:focus,.bip-font-size:focus{border-color:var(--color-accent,#5d5fef)!important;box-shadow:0 0 0 3px rgba(93,95,239,.16)!important;transform:translateY(-1px)}@keyframes bip-swatch-glow{0%,to{box-shadow:0 0 0 1px rgba(93,95,239,.18),0 8px 16px rgba(15,23,42,.1)}50%{box-shadow:0 0 0 2px rgba(93,95,239,.32),0 10px 22px rgba(93,95,239,.18)}}.bip-upload{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:12px;border:1px dashed rgba(93,95,239,.35);background:var(--color-accent-soft,#e8f2ff);color:var(--color-accent,#5d5fef);font-weight:600;font-size:.86rem;cursor:pointer;transition:transform .15s var(--bip-ease),box-shadow .18s ease}.bip-upload:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(93,95,239,.12)}.bip-preview-pane{overflow:auto;padding:28px 24px 40px;background:radial-gradient(circle at 18% 0,rgba(93,95,239,.1),transparent 42%),linear-gradient(165deg,#eef2ff,#f8fafc 48%,#f1f5f9)}.bip-preview-stage{display:flex;justify-content:center;min-height:100%}.bip-preview-sheet{width:210mm;min-height:297mm;max-width:100%;margin:0 auto;border-radius:4px;border:1px solid rgba(15,23,42,.08);box-shadow:0 28px 60px rgba(15,23,42,.14),inset 0 2px 0 rgba(255,255,255,.85);padding:18mm 16mm 20mm;box-sizing:border-box;animation:bip-sheet-in .42s var(--bip-ease) both}@keyframes bip-sheet-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.bip-preview-notice{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:.4rem .75rem;border-radius:999px;background:rgba(93,95,239,.08);color:var(--color-accent,#5d5fef);font-size:.75rem;font-weight:600}.bip-preview-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px;border-radius:10px;margin-bottom:16px}.bip-preview-brand{display:flex;gap:10px;align-items:center}.bip-preview-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--color-accent,#5d5fef),#818cf8);box-shadow:0 8px 16px rgba(93,95,239,.28)}.bip-preview-brand strong{display:block;font-size:.95rem}.bip-preview-brand em{display:block;font-style:normal;font-size:.74rem;margin-top:2px}.bip-preview-top h2{margin:0;font-size:1.55rem;letter-spacing:.04em;font-weight:800}.bip-preview-billrow{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.bip-preview-billrow span{display:block;font-size:.78rem;margin-bottom:4px}.bip-preview-due{min-width:170px;padding:12px 14px;border-radius:12px;background:linear-gradient(145deg,#e8f2ff,#eef2ff);border:1px solid rgba(93,95,239,.22);text-align:right;box-shadow:0 8px 18px rgba(93,95,239,.1)}.bip-preview-due strong{display:block;color:var(--color-accent,#5d5fef);font-size:1.1rem}.bip-preview-due span{color:#9f1239;margin:0}.bip-preview-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px 28px;gap:12px 28px;margin-bottom:18px}.bip-preview-meta{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.bip-preview-meta span{font-size:.74rem}.bip-preview-meta strong{font-size:.9rem}.bip-preview-table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:.84rem}.bip-preview-table td,.bip-preview-table th{padding:10px 8px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.bip-preview-table th{font-size:.72rem;letter-spacing:.04em;font-weight:700}.bip-preview-table small{display:block;margin-top:2px}.bip-preview-tax{margin-bottom:16px}.bip-preview-tax table{width:min(340px,100%);border-collapse:collapse;font-size:.8rem;margin-left:auto}.bip-preview-tax td,.bip-preview-tax th{padding:7px 8px;border-bottom:1px solid #e2e8f0}.bip-preview-totals{width:min(300px,100%);margin-left:auto;display:flex;flex-direction:column;gap:6px}.bip-preview-totals>div{display:flex;justify-content:space-between;gap:12px;font-size:.88rem}.bip-preview-totals .is-total{margin-top:6px;padding-top:8px;border-top:1px dashed #cbd5e1;font-size:1.05rem}.bip-preview-totals .is-total strong{color:var(--color-accent,#5d5fef);font-size:1.2rem}.bip-preview-qr{margin-top:22px;display:flex;align-items:center;gap:12px}.bip-preview-qr-box{width:80px;height:80px;border-radius:12px;border:1px dashed #cbd5e1;display:grid;place-items:center;overflow:hidden;background:#fff;color:#94a3b8;font-weight:700}.bip-preview-qr-box img{width:100%;height:100%;object-fit:cover}.bi-settings-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--border,#e8edf5);background:linear-gradient(145deg,#fff,var(--color-accent-soft,#e8f2ff));color:var(--color-accent,#5d5fef);display:grid;place-items:center;cursor:pointer;position:relative;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,border-color .16s ease}.bi-settings-btn:hover{transform:translateY(-1px) rotate(18deg);border-color:rgba(93,95,239,.35);box-shadow:0 10px 22px rgba(93,95,239,.16)}.bi-settings-btn[data-tip]:after{content:attr(data-tip);position:absolute;right:0;bottom:calc(100% + 10px);padding:.4rem .7rem;border-radius:10px;background:rgba(15,23,42,.92);color:#fff;font-size:.74rem;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}.bi-settings-btn:focus-visible:after,.bi-settings-btn:hover:after{opacity:1;transform:translateY(0)}@media (max-width:1100px){.bip-preview-sheet{width:100%;min-height:auto;padding:20px 18px 28px}}@media (max-width:980px){.bip-body{grid-template-columns:1fr;height:auto;max-height:none}.bip-sidebar{max-height:46vh;border-right:0;border-bottom:1px solid var(--border,#e8edf5)}.bip-topbar{flex-direction:column;align-items:stretch}.bip-topbar-actions{justify-content:flex-end;flex-wrap:wrap}}@media print{.bip-sidebar,.bip-topbar{display:none!important}.bip-preview-pane{padding:0;background:#fff;overflow:visible}.bip-preview-sheet{box-shadow:none;border:0;width:210mm;min-height:297mm}}