:root{--sbx-bg-deep:#0b1526;--sbx-bg-surface:#101f38;--sbx-bg-elevated:#162a4a;--sbx-bg-card:#162a4a99;--sbx-bg-card-hover:#1e365eb3;--sbx-border-subtle:#ffffff14;--sbx-border-soft:#38bdf82e;--sbx-border-focus:#38bdf873;--sbx-primary-soft:#38bdf8;--sbx-primary-hover:#7dd3fc;--sbx-primary-deep:#0284c7;--sbx-accent-mint:#34d399;--sbx-accent-gold:#fde68a;--sbx-accent-gold-text:#d97706;--sbx-text-main:#f1f5f9;--sbx-text-muted:#94a3b8;--sbx-text-dim:#64748b;--sbx-paper-header:#1e293b;--sbx-paper-accent:#0284c7;--sbx-paper-border:#e2e8f0;--sbx-paper-bg-subtle:#f8fafc}.generator-root{background-color:var(--sbx-bg-deep);min-height:100vh;color:var(--sbx-text-main);background-image:radial-gradient(circle at 20% 15%,#38bdf812 0%,#0000 45%),radial-gradient(circle at 80% 85%,#34d3990d 0%,#0000 45%),linear-gradient(#091222 0%,#0d1b32 100%);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .25s,color .25s;display:flex}.generator-root.light-mode{--sbx-bg-deep:#f1f5f9;--sbx-bg-surface:#fff;--sbx-bg-elevated:#f8fafc;--sbx-bg-card:#fffffff2;--sbx-bg-card-hover:#f1f5f9;--sbx-border-subtle:#e2e8f0;--sbx-border-soft:#0284c747;--sbx-border-focus:#0284c799;--sbx-primary-soft:#0284c7;--sbx-primary-hover:#0369a1;--sbx-primary-deep:#0284c7;--sbx-accent-mint:#059669;--sbx-accent-gold:#f59e0b;--sbx-accent-gold-text:#b45309;--sbx-text-main:#0f172a;--sbx-text-muted:#64748b;--sbx-text-dim:#94a3b8;color:#0f172a;background-color:#f1f5f9;background-image:radial-gradient(circle at 20% 15%,#0284c714 0%,#0000 45%),radial-gradient(circle at 80% 85%,#10b9810d 0%,#0000 45%),linear-gradient(#f8fafc 0%,#edf2f7 100%)}.btn-theme-toggle{border:1px solid var(--sbx-border-subtle);color:#e2e8f0;cursor:pointer;background:#ffffff0f;border-radius:9px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.btn-theme-toggle:hover{border-color:var(--sbx-border-soft);color:#fff;background:#ffffff1f}.generator-root.light-mode .btn-theme-toggle{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.generator-root.light-mode .btn-theme-toggle:hover{color:#0284c7;background:#e2e8f0;border-color:#94a3b8}.lock-theme-bar{justify-content:flex-end;margin-bottom:14px;display:flex}.generator-root.light-mode .generator-topbar{background:#fffffff0;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.generator-root.light-mode .topbar-back-btn{color:#334155;background:#f8fafc;border-color:#cbd5e1}.generator-root.light-mode .topbar-back-btn:hover{color:#0284c7;background:#f1f5f9;border-color:#94a3b8}.generator-root.light-mode .topbar-badge{color:#0284c7;background:#0284c714;border-color:#0284c740}.generator-root.light-mode .btn-secondary-action{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.generator-root.light-mode .btn-secondary-action:hover{color:#0284c7;background:#f1f5f9;border-color:#94a3b8}.generator-root.light-mode .generator-sidebar{background:#fff;border-right:1px solid #e2e8f0}.generator-root.light-mode .sidebar-section{background:#f8fafc;border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000005}.generator-root.light-mode .sidebar-section:hover{border-color:#0284c759}.generator-root.light-mode .sidebar-section-title{color:#0284c7;border-bottom:1px solid #e2e8f0}.generator-root.light-mode .preset-card{color:#0f172a;background:#fff;border-color:#e2e8f0}.generator-root.light-mode .preset-card:hover{background:#f1f5f9;border-color:#cbd5e1}.generator-root.light-mode .preset-card.is-active{background:#e0f2fe;border-color:#0284c7;box-shadow:0 0 10px #0284c726}.generator-root.light-mode .preset-card-title{color:#0f172a}.generator-root.light-mode .page-order-item{color:#0f172a;background:#fff;border-color:#e2e8f0}.generator-root.light-mode .page-order-item:hover{background:#f8fafc;border-color:#cbd5e1}.generator-root.light-mode .page-order-title{color:#0f172a}.generator-root.light-mode .form-label{color:#475569}.generator-root.light-mode .form-input,.generator-root.light-mode .form-select,.generator-root.light-mode .form-textarea{color:#0f172a;background:#fff;border-color:#cbd5e1}.generator-root.light-mode .form-input:focus,.generator-root.light-mode .form-select:focus,.generator-root.light-mode .form-textarea:focus{background:#fff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.generator-root.light-mode .btn-order-arrow{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.generator-root.light-mode .btn-order-arrow:hover:not(:disabled){color:#fff;background:#0284c7;border-color:#0284c7}.generator-root.light-mode .btn-reset-order{color:#0284c7;background:#0284c714;border-color:#0284c740}.generator-root.light-mode .item-editor-row{background:#fff;border:1px solid #e2e8f0}.generator-root.light-mode .item-row-total{color:#64748b;border-top-color:#f1f5f9}.generator-root.light-mode .btn-add-item{color:#0284c7;background:#0284c70f;border-color:#0284c74d}.generator-root.light-mode .btn-add-item:hover{background:#0284c71f}.generator-root.light-mode .financial-summary-box{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #00000008}.generator-root.light-mode .financial-val{color:#0f172a}.generator-root.light-mode .financial-lbl.is-total-lbl,.generator-root.light-mode .financial-val.is-grand{color:#0284c7}.generator-root.light-mode .financial-row.is-total{border-top-color:#e2e8f0}.generator-root.light-mode .ppn-toggle-label{color:#1e293b}.generator-root.light-mode .package-tier-tab{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.generator-root.light-mode .package-tier-tab.active{color:#fff;background:#0284c7;border-color:#0284c7}.generator-root.light-mode .package-select-input{color:#0f172a;background:#fff;border-color:#cbd5e1}.generator-root.light-mode .generator-preview-stage{background:#e2e8f0}.generator-root.light-mode .preview-controls-bar{-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-color:#cbd5e1;box-shadow:0 8px 24px #0f172a1f}.generator-root.light-mode .page-tab-btn{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.generator-root.light-mode .page-tab-btn:hover{color:#0f172a;background:#e2e8f0}.generator-root.light-mode .page-tab-btn.is-active{color:#0284c7;background:#e0f2fe;border-color:#38bdf8}.generator-root.light-mode .zoom-btn{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.generator-root.light-mode .zoom-btn:hover{background:#e2e8f0}.generator-root.light-mode .a4-sheet{box-shadow:0 10px 30px #0000001f,0 1px 4px #00000014}.generator-root.light-mode .mobile-view-toggle{background:#fff;border:1px solid #e2e8f0}.generator-root.light-mode .mobile-toggle-btn{color:#64748b}.generator-root.light-mode .mobile-toggle-btn.is-active{color:#0284c7;background:#e0f2fe}.internal-lock-overlay.light-mode{background:radial-gradient(circle at 50% 30%,#f1f5f9 0%,#cbd5e1 100%)}.internal-lock-overlay.light-mode .internal-lock-card{color:#0f172a;background:#fffffff5;border-color:#0284c74d;box-shadow:0 20px 50px #0000001a,0 0 30px #0284c71a}.internal-lock-overlay.light-mode .lock-title{color:#0f172a}.internal-lock-overlay.light-mode .lock-sub{color:#64748b}.internal-lock-overlay.light-mode .lock-pin-input{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.internal-lock-overlay.light-mode .lock-pin-input:focus{background:#fff;border-color:#0284c7;box-shadow:0 0 12px #0284c740}.internal-lock-overlay.light-mode .lock-footer-info{color:#64748b;border-top-color:#e2e8f0}.internal-lock-overlay.light-mode .btn-theme-toggle{color:#1e293b;background:#fff;border-color:#cbd5e1}.internal-lock-overlay.light-mode .btn-theme-toggle:hover{color:#0284c7;background:#f1f5f9;border-color:#94a3b8}.generator-topbar{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--sbx-border-subtle);background:#0b1526e0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:16px;display:flex}.topbar-back-btn{border:1px solid var(--sbx-border-subtle);color:#cbd5e1;background:#ffffff0d;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.topbar-back-btn:hover{color:#fff;border-color:var(--sbx-border-soft);background:#ffffff1a}.topbar-logo{width:auto;height:28px;display:block}.topbar-badge{color:var(--sbx-primary-soft);letter-spacing:.3px;background:#38bdf814;border:1px solid #38bdf838;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.topbar-right{align-items:center;gap:10px;display:flex}.btn-primary-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0284c747}.btn-primary-action:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 18px #0284c766}.btn-secondary-action{border:1px solid var(--sbx-border-subtle);color:#e2e8f0;cursor:pointer;background:#ffffff0d;border-radius:10px;align-items:center;gap:8px;padding:9px 15px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary-action:hover{border-color:var(--sbx-border-soft);color:#fff;background:#ffffff1a}.btn-wa-action{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #10b98140}.btn-wa-action:hover{background:#059669;box-shadow:0 6px 16px #10b98159}.generator-layout{flex:1;grid-template-columns:400px 1fr;min-height:calc(100vh - 65px);display:grid;position:relative}@media (max-width:1024px){.mobile-view-toggle{display:flex}.mobile-action-card{display:block}.generator-layout{grid-template-columns:1fr;min-height:auto}.generator-sidebar{border-right:none;max-height:none;padding:16px;overflow-y:visible}.generator-sidebar.mobile-hidden{display:none!important}.generator-preview-stage{box-sizing:border-box;width:100%;max-height:none;padding:16px 8px;overflow-x:hidden}.generator-preview-stage.mobile-hidden{display:none!important}.preview-controls-bar{flex-direction:column;gap:10px;width:100%;max-width:100%;padding:10px 12px}.page-tab-group{flex-wrap:wrap;justify-content:center}.zoom-group{justify-content:center}.a4-pages-container{max-width:100%;overflow:visible}.a4-sheet{box-shadow:0 8px 24px #00000059}}@media (max-width:680px){.generator-topbar{flex-wrap:wrap;gap:8px;height:auto;padding:8px 12px}.topbar-left{gap:8px}.topbar-logo{height:24px}.topbar-badge{display:none}.topbar-right{gap:6px;width:100%;display:flex}.btn-primary-action,.btn-secondary-action,.btn-wa-action{border-radius:8px;flex:1;justify-content:center;gap:4px;padding:7px 6px;font-size:11px}.mobile-view-toggle{margin:8px 12px 0}.mobile-view-btn{padding:9px 8px;font-size:12px}}.generator-sidebar{border-right:1px solid var(--sbx-border-subtle);background:#0b152699;max-height:calc(100vh - 65px);padding:18px 16px;overflow-y:auto}.sidebar-section{background:var(--sbx-bg-card);border:1px solid var(--sbx-border-subtle);border-radius:12px;margin-bottom:14px;padding:14px 16px;transition:border-color .2s}.sidebar-section:hover{border-color:var(--sbx-border-soft)}.sidebar-section-title{text-transform:uppercase;letter-spacing:.7px;color:var(--sbx-primary-soft);border-bottom:1px solid #ffffff0f;align-items:center;gap:7px;margin-bottom:12px;padding-bottom:8px;font-size:11px;font-weight:700;display:flex}.preset-grid{flex-direction:column;gap:6px;margin-bottom:2px;display:flex}.preset-card{border:1px solid var(--sbx-border-subtle);cursor:pointer;text-align:left;color:#fff;background:#ffffff08;border-radius:9px;flex-direction:column;gap:2px;width:100%;padding:9px 12px;transition:all .2s;display:flex}.preset-card:hover{border-color:var(--sbx-border-soft);background:#ffffff12}.preset-card.is-active{border-color:var(--sbx-primary-soft);background:#0284c729;box-shadow:0 0 12px #38bdf826}.preset-card-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;display:block;overflow:hidden}.preset-card-sub{color:var(--sbx-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;display:block;overflow:hidden}.page-order-list{flex-direction:column;gap:8px;margin-bottom:6px;display:flex}.page-order-item{border:1px solid var(--sbx-border-subtle);background:#ffffff06;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;transition:all .2s;display:flex}.page-order-item:hover{border-color:var(--sbx-border-soft);background:#ffffff0d}.page-order-item.is-disabled{opacity:.5;background:#00000040;border-style:dashed}.page-order-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.page-order-num-badge{color:#fff;letter-spacing:.2px;text-align:center;background:#0284c7;border-radius:5px;flex-shrink:0;min-width:22px;padding:2px 6px;font-size:10px;font-weight:800;display:inline-block}.page-order-item.is-disabled .page-order-num-badge{background:#475569}.page-order-info{flex-direction:column;gap:1px;display:flex}.page-order-title{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;font-size:11.5px;font-weight:700;overflow:hidden}.page-order-status{color:#94a3b8;white-space:nowrap;font-size:9.5px}.page-order-actions{align-items:center;gap:5px;display:flex}.btn-order-arrow{border:1px solid var(--sbx-border-subtle);color:#cbd5e1;cursor:pointer;background:#ffffff0f;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.btn-order-arrow:hover:not(:disabled){color:#fff;background:#0284c7;border-color:#38bdf8;transform:translateY(-1px)}.btn-order-arrow:disabled{opacity:.25;cursor:not-allowed}.btn-reset-order{color:#38bdf8;cursor:pointer;background:#38bdf814;border:1px solid #38bdf840;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s}.btn-reset-order:hover{color:#7dd3fc;background:#38bdf82e;border-color:#38bdf8}.section-hint-text{color:#94a3b8;margin:0 0 10px;font-size:11px;line-height:1.5}.page-order-checkbox{cursor:pointer;accent-color:#0284c7;flex-shrink:0;width:15px;height:15px}.page-order-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;display:flex}.page-order-count{color:#64748b;font-size:10.5px}.page-tab-btn.is-disabled{opacity:.45;cursor:not-allowed}.form-group{margin-bottom:12px}.form-label{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--sbx-border-subtle);color:#f1f5f9;box-sizing:border-box;background:#0b1526b3;border-radius:7px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:12px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--sbx-primary-soft);background:#101f38d9;box-shadow:0 0 8px #38bdf833}.form-row-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.qty-unit-row{grid-template-columns:68px 1fr;gap:6px;display:grid}.item-editor-row{border:1px solid var(--sbx-border-subtle);background:#0b152673;border-radius:9px;margin-bottom:8px;padding:10px;position:relative}.item-editor-row+.item-editor-row{margin-top:0}.item-editor-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.item-editor-num{color:var(--sbx-primary-soft);background:#38bdf81a;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.btn-remove-item{color:#f87171;cursor:pointer;opacity:.8;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:15px;line-height:1;transition:opacity .2s}.btn-remove-item:hover{opacity:1;background:#ef444426}.btn-add-item{width:100%;color:var(--sbx-primary-soft);cursor:pointer;background:#38bdf814;border:1px dashed #38bdf84d;border-radius:8px;margin-top:6px;padding:10px;font-size:12px;font-weight:600;transition:all .2s}.btn-add-item:hover{border-color:var(--sbx-primary-soft);background:#38bdf829}.item-row-total{color:#94a3b8;text-align:right;border-top:1px solid #ffffff0d;margin-top:6px;padding-top:6px;font-size:10.5px}.item-row-total strong{color:var(--sbx-primary-soft);font-weight:700}.ppn-toggle-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.ppn-toggle-label{color:#cfe4fc;cursor:pointer;flex:1;align-items:center;gap:8px;font-size:12px;display:flex}.ppn-checkbox{accent-color:#0284c7;cursor:pointer;flex-shrink:0;width:15px;height:15px}.ppn-badge{color:#64748b;white-space:nowrap;background:#64748b1f;border:1px solid #64748b33;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700;transition:all .2s}.ppn-badge.is-active{color:#34d399;background:#34d3991a;border-color:#34d39940}.financial-summary-box{border:1px solid var(--sbx-border-subtle);background:#0b1526b3;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.financial-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.financial-row.is-total{border-top:1px solid #ffffff14;margin-top:2px;padding-top:8px}.financial-lbl{color:#94a3b8}.financial-lbl.is-total-lbl{color:var(--sbx-primary-soft);font-size:12.5px;font-weight:700}.financial-val{color:#f1f5f9;font-weight:700}.financial-val.is-tax{color:#7dd3fc}.financial-val.is-grand{color:var(--sbx-primary-soft);font-size:15px}.generator-preview-stage{background:#081120;flex-direction:column;align-items:center;max-height:calc(100vh - 65px);padding:20px 16px;display:flex;overflow-y:auto}.preview-controls-bar{z-index:100;-webkit-backdrop-filter:blur(20px);border:1px solid var(--sbx-border-subtle);background:#101f38f0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;max-width:820px;margin-bottom:20px;padding:8px 16px;display:flex;position:sticky;top:8px;box-shadow:0 8px 24px #00000059}.page-tab-group{gap:6px;display:flex}.page-tab-btn{border:1px solid var(--sbx-border-subtle);color:var(--sbx-text-muted);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:6px 13px;font-size:11.5px;font-weight:600;transition:all .2s}.page-tab-btn:hover{color:#fff;background:#ffffff14}.page-tab-btn.is-active{color:var(--sbx-primary-soft);background:#0284c740;border-color:#38bdf866;box-shadow:0 0 10px #38bdf826}.zoom-group{color:var(--sbx-text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.zoom-btn{border:1px solid var(--sbx-border-subtle);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;transition:background .2s;display:flex}.zoom-btn:hover{background:#ffffff1f}.a4-pages-container{transform-origin:top;flex-direction:column;align-items:center;gap:32px;transition:transform .2s;display:flex}.a4-sheet{box-sizing:border-box;color:#1e293b;background:#fff;border-radius:3px;flex-direction:column;justify-content:space-between;width:210mm;height:297mm;min-height:297mm;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000059,0 2px 8px #0003}.p1-dynamic-page{box-sizing:border-box;color:#031f45;background:#fff;flex-direction:column;justify-content:space-between;height:100%;padding:28px 36px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative}.p1-topbar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.p1-brand{flex-direction:column;gap:2px;display:flex}.p1-logo{width:auto;height:46px}.p1-tagline{letter-spacing:2.2px;color:#031f45;text-transform:uppercase;margin-top:4px;font-size:10.5px;font-weight:900}.p1-top-tag{align-items:center;gap:12px;display:flex}.p1-top-tag-bar{background:#0284c7;border-radius:2px;width:4px;height:56px}.p1-top-tag-lines{color:#031f45;font-size:11px;font-weight:700;line-height:1.35}.p1-hero-content{margin-bottom:8px}.p1-hero-title-prefix{color:#031f45;letter-spacing:-.5px;text-transform:uppercase;font-size:40px;font-weight:900;line-height:.95}.p1-hero-title-kw{color:#034870;letter-spacing:-.5px;margin-bottom:6px;font-size:52px;font-weight:900;line-height:1}.p1-hero-subtitle{color:#031f45;margin-bottom:6px;font-size:17px;font-weight:800}.p1-hero-desc{color:#334155;max-width:540px;margin:0;font-size:11.5px;line-height:1.5}.p1-showcase-container{border-radius:10px;margin:8px 0;overflow:hidden;box-shadow:0 4px 14px #031f4514}.p1-showcase-img{object-fit:cover;width:100%;max-height:335px;display:block}.mobile-view-toggle{border-bottom:1px solid var(--sbx-border-subtle);box-sizing:border-box;background:#0f1d35;gap:10px;width:100%;padding:10px 14px;display:none;position:relative}.mobile-toggle-btn{border:1px solid var(--sbx-border-subtle);color:var(--sbx-text-muted);cursor:pointer;background:#ffffff0d;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.mobile-toggle-btn.is-active{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%);border-color:#38bdf8;box-shadow:0 2px 10px #0284c766}.mobile-action-card{margin-top:16px;padding:8px 0;display:none}.btn-mobile-preview{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px 16px #0284c759}.p1-features-strip{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin:8px 0;padding:10px 8px;display:flex}.p1-feat-col{text-align:center;flex-direction:column;flex:1;align-items:center;padding:0 4px;display:flex}.p1-feat-circle{background:#f0f9ff;border:1.5px solid #0284c7;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:5px;display:flex}.p1-feat-text{color:#031f45;max-width:130px;font-size:9.5px;font-weight:700;line-height:1.3}.p1-feat-divider{background:#cbd5e1;width:1px;height:40px}.p1-flow-box{background:#f0f7ff;border:1px solid #bae6fd;border-radius:8px;margin:8px 0;padding:11px 16px 10px}.p1-flow-title{color:#031f45;letter-spacing:.3px;margin-bottom:6px;font-size:11px;font-weight:800}.p1-flow-row{justify-content:space-between;align-items:center;gap:4px;display:flex}.p1-flow-item{text-align:center;flex-direction:column;align-items:center;display:flex}.p1-flow-icon-circle{justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:4px;display:flex}.p1-flow-lbl{color:#031f45;font-size:8.8px;font-weight:700;line-height:1.25}.p1-flow-arr{color:#0284c7;opacity:.85;margin-top:-10px;font-size:17px;font-weight:900}.p1-badges-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px;display:grid}.p1-badge-card{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:9px;padding:9px 12px;display:flex}.p1-badge-icon-box{flex-shrink:0;justify-content:center;align-items:center;display:flex}.p1-badge-info{flex-direction:column;display:flex}.p1-badge-lbl{color:#475569;font-size:7.8px;line-height:1.2}.p1-badge-strong{color:#031f45;font-size:9px;font-weight:800;line-height:1.25}.p2-dynamic-page{box-sizing:border-box;color:#0f172a;background:#fff;flex-direction:column;justify-content:space-between;height:100%;padding:24px 30px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;display:flex}.p2-topbar{box-sizing:border-box;background:linear-gradient(135deg,#031f45 0%,#082d62 55%,#031f45 100%);border-radius:6px;justify-content:space-between;align-items:center;height:52px;padding:8px 16px;display:flex}.p2-topbar-left{align-items:center;display:flex}.p2-topbar-logo{width:auto;height:38px;display:block}.p2-topbar-right{align-items:center;display:flex}.p2-topbar-badge{text-align:right;background:#ffffff0d;border:1.5px solid #ffffffb3;border-radius:6px;padding:4px 14px}.p2-topbar-title{color:#fff;letter-spacing:.2px;margin:0;font-size:14.5px;font-weight:900;line-height:1.2}.p2-topbar-sub{color:#7dd3fc;margin-top:1px;font-size:9.5px;font-weight:600}.p2-intro-section{margin:8px 0 6px}.p2-intro-title{color:#0284c7;text-transform:uppercase;letter-spacing:.3px;margin:0 0 2px;font-size:13px;font-weight:900}.p2-intro-desc{color:#475569;margin:0;font-size:9.8px;line-height:1.35}.p2-cards-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:8px;display:grid}.p2-card{background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;justify-content:space-between;padding:10px;display:flex}.p2-card-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.p2-card-num{color:#fff;background:#0284c7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}.p2-card-title{color:#031f45;font-size:9.5px;font-weight:800;line-height:1.25}.p2-card-img-wrap{justify-content:center;align-items:center;height:80px;margin:4px 0 6px;display:flex}.p2-card-img{object-fit:contain;max-width:100%;max-height:100%}.p2-card-specs{color:#334155;margin-bottom:6px;font-size:8.8px;line-height:1.4}.p2-card-specs strong{color:#031f45}.p2-card-btn-wrap{margin-top:auto}.p2-btn-ready{color:#fff;background:#0284c7;border-radius:4px;align-items:center;gap:4px;padding:3px 10px;font-size:8.5px;font-weight:700;display:inline-flex}.p2-spec-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px;display:grid}.p2-spec-box{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 12px}.p2-spec-box-header{color:#0284c7;text-transform:uppercase;letter-spacing:.2px;border-bottom:1.5px solid #0284c7;margin-bottom:6px;padding-bottom:4px;font-size:9.8px;font-weight:900}.p2-spec-box-body{align-items:flex-start;gap:10px;display:flex}.p2-spec-img-pv{object-fit:contain;flex-shrink:0;width:65px;height:98px}.p2-spec-img-inv{object-fit:contain;flex-shrink:0;width:55px;height:98px}.p2-spec-table{border-collapse:collapse;width:100%;font-size:8.5px}.p2-spec-table td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:2px 3.5px;line-height:1.3}.p2-tbl-key{color:#64748b;width:38%;font-weight:600}.p2-tbl-val{color:#0f172a;font-weight:600}.p2-spec-pills-row{border-top:1px solid #e2e8f0;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px;padding-top:5px;display:grid}.p2-pill-item{text-align:center;color:#031f45;flex-direction:column;align-items:center;font-size:7.5px;font-weight:700;line-height:1.15;display:flex}.p2-pill-circle{color:#0284c7;margin-bottom:2px;font-size:14px}.p2-bottom-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px;display:grid}.p2-bottom-box{border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;justify-content:space-between;padding:8px 12px;display:flex}.p2-bottom-box-title{color:#0284c7;text-transform:uppercase;letter-spacing:.2px;margin-bottom:5px;font-size:9.2px;font-weight:900}.p2-skema-grid{grid-template-columns:repeat(4,1fr);gap:6px;padding:4px 0 2px;display:grid}.p2-skema-item{text-align:center;flex-direction:column;align-items:center;display:flex}.p2-skema-icon{justify-content:center;align-items:center;margin-bottom:4px;display:flex}.p2-skema-lbl{color:#031f45;font-size:8px;font-weight:700;line-height:1.2}.p2-mat-grid{grid-template-columns:repeat(5,1fr);align-items:flex-start;gap:6px;padding:2px 0;display:grid}.p2-mat-item{text-align:center;flex-direction:column;align-items:center;display:flex}.p2-mat-pic{object-fit:contain;width:auto;max-width:100%;height:42px;margin-bottom:4px}.p2-mat-lbl{color:#031f45;font-size:7.2px;font-weight:700;line-height:1.2}.p2-notes-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:8px 14px;display:flex}.p2-notes-left-icon{flex-shrink:0;justify-content:center;align-items:center;width:26px;display:flex}.p2-notes-right-content{flex:1}.p2-notes-title{color:#031f45;margin-bottom:3px;font-size:9.5px;font-weight:900}.p2-notes-list{color:#475569;margin:0;padding-left:14px;font-size:8px;line-height:1.4}.p2-footer-row{border-top:1px solid #cbd5e1;justify-content:space-between;align-items:center;gap:12px;padding-top:5px;display:flex}.p2-footer-left{align-items:center;display:flex}.p2-footer-logo{width:auto;height:30px;display:block}.p2-footer-divider{opacity:.6;background:#0284c7;width:1px;height:28px}.p2-footer-center{flex:1}.p2-footer-company{color:#031f45;letter-spacing:.3px;font-size:8.5px;font-weight:900}.p2-footer-addr{color:#475569;margin-top:1px;font-size:6.8px;line-height:1.35}.p2-footer-right{flex-direction:column;gap:3px;display:flex}.p2-footer-contact-item{color:#031f45;align-items:center;gap:5px;font-size:8px;font-weight:700;display:flex}.p2-contact-icon-bubble{background:#0284c7;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.p3-quote-content{box-sizing:border-box;background:#fff;flex-direction:column;justify-content:space-between;height:100%;padding:32px 38px;display:flex}.p3-header{border-bottom:2px solid #1e3a5f;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.p3-company-name{color:var(--sbx-paper-header);letter-spacing:.3px;margin:0;font-size:17px;font-weight:800}.p3-company-addr{color:#475569;max-width:480px;margin-top:4px;font-size:9.5px;line-height:1.4}.p3-qtn-badge{text-align:right}.p3-qtn-title{letter-spacing:.8px;color:var(--sbx-paper-header);margin:0;font-size:19px;font-weight:900}.p3-qtn-no{color:var(--sbx-paper-accent);margin-top:2px;font-family:monospace;font-size:11px;font-weight:700}.p3-meta-grid{background:var(--sbx-paper-bg-subtle);border:1px solid var(--sbx-paper-border);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0;padding:8px 12px;display:grid}.p3-meta-col-lbl{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:700}.p3-meta-col-val{color:#1e293b;margin-top:2px;font-size:11px;font-weight:700}.p3-boq-table{border-collapse:collapse;width:100%;margin:8px 0;font-size:10px}.p3-boq-table th{color:#fff;text-transform:uppercase;letter-spacing:.4px;background:#1e3a5f;border:1px solid #1e3a5f;padding:6px 8px;font-size:9px;font-weight:700}.p3-boq-table td{vertical-align:top;border:1px solid #cbd5e1;padding:6px 8px;font-size:9.5px;line-height:1.35}.p3-boq-table tr:nth-child(2n) td{background:var(--sbx-paper-bg-subtle)}.p3-total-row{background:#f1f5f9;font-weight:700}.p3-grand-total{color:#1e293b;background:#e2e8f0;font-size:11.5px;font-weight:800}.p3-bottom-section{grid-template-columns:1.8fr 1fr;align-items:flex-end;gap:16px;margin-top:8px;display:grid}.p3-notes-box{border:1px solid var(--sbx-paper-border);color:#334155;background:#fff;border-radius:6px;padding:8px 12px;font-size:8.5px;line-height:1.4}.p3-notes-title{color:var(--sbx-paper-header);text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;font-size:9px;font-weight:800}.p3-notes-list{margin:0;padding-left:14px}.p3-signature-box{text-align:right;font-size:9.5px}.p3-sign-company{color:var(--sbx-paper-header);font-weight:700}.p3-sign-space{justify-content:flex-end;align-items:center;height:48px;display:flex}.p3-sign-stamp{opacity:.75;height:44px}.p3-sign-name{color:var(--sbx-paper-header);font-weight:700;text-decoration:underline}.a4-sheet-official{box-sizing:border-box;background:#fff;border-radius:3px;flex-direction:column;width:210mm;height:297mm;min-height:297mm;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000059,0 2px 8px #0003}.a4-official-img{object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.p3-quote-content-pdf{box-sizing:border-box;color:#0f172a;background:#fff;flex-direction:column;justify-content:space-between;height:100%;padding:30px 38px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.sunblix-kop-surat{background:#fff;width:100%;margin-bottom:6px}.kop-main-row{justify-content:space-between;align-items:center;padding-bottom:2px;display:flex}.kop-logo-col{align-items:center;display:flex}.kop-logo-img{object-fit:contain;width:auto;max-width:250px;height:52px;display:block}.kop-contact-col{text-align:left;border-left:1.5px solid #06c;flex-direction:column;align-items:flex-start;gap:3px;padding-left:14px;display:flex}.kop-company-title{color:#06c;letter-spacing:.3px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13.5px;font-weight:850;line-height:1.2}.kop-address-row{color:#334155;align-items:center;gap:5px;font-size:10px;font-weight:500;line-height:1.3;display:flex}.kop-pin-icon{stroke:#06c;flex-shrink:0}.kop-contacts-row{color:#334155;flex-wrap:nowrap;align-items:center;gap:6px;font-size:9.5px;font-weight:500;display:flex}.kop-contact-item{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.kop-contact-item svg{stroke:#06c;flex-shrink:0}.kop-sep{color:#94a3b8;font-size:9px}.kop-tricolor-bar{-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%;height:2.5px;margin-top:5px;margin-bottom:10px;display:flex}.kop-tricolor-bar .bar-blue{background:#06c;flex:70;height:100%}.kop-tricolor-bar .bar-gold{background:#f59e0b;flex:20;height:100%}.kop-tricolor-bar .bar-green{background:#10b981;flex:10;height:100%}.kop-doc-number{text-align:center;color:#031f45;letter-spacing:.8px;margin-bottom:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14.5px;font-weight:800}.kop-doc-number u{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px}.p3-body-flow{flex-direction:column;width:100%;display:flex}.p3-pdf-meta-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:repeat(3,1fr);align-items:center;gap:8px 16px;margin:4px 0 8px;padding:8px 14px;font-size:11px;display:grid}.p3-pdf-meta-field{flex-direction:column;gap:2px;display:flex}.p3-pdf-meta-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.6px;font-size:9px;font-weight:800}.p3-pdf-meta-val{color:#031f45;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.p3-pdf-meta-val.highlight-battery{color:#0284c7;font-weight:800}.p3-pdf-table{border-collapse:collapse;border-top:2.5px solid #087be8;width:100%;margin-bottom:6px;font-size:10px}.p3-pdf-table th{color:#031f45;text-align:left;letter-spacing:.3px;background:#fff;border-bottom:1.5px solid #031f45;padding:6px;font-size:9.5px;font-weight:800}.p3-pdf-table td{vertical-align:top;color:#1e293b;border-bottom:1px solid #e2e8f0;padding:6px;font-size:9.5px;line-height:1.35}.p3-pdf-table tr:hover td{background:#f8fafc}.p3-summary-container{justify-content:flex-end;width:100%;margin:2px 0 8px auto;display:flex}.p3-pdf-summary-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;width:360px;max-width:100%;overflow:hidden;box-shadow:0 1px 3px #0000000a}.p3-summary-row{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:5px 12px;display:flex}.p3-summary-lbl{color:#031f45;font-size:10px;font-weight:700}.p3-summary-val{color:#031f45;text-align:right;min-width:130px;font-size:10.5px;font-weight:700}.p3-summary-total-bar{justify-content:space-between;align-items:center;padding:7px 12px;display:flex;color:#fff!important;background:#031f45!important}.p3-total-lbl{letter-spacing:.5px;color:#fff;font-size:11.5px;font-weight:900}.p3-total-val{color:#fff;text-align:right;min-width:130px;font-size:13px;font-weight:900}.p3-bottom-section{grid-template-columns:1.45fr 1fr;align-items:stretch;gap:16px;margin-top:auto;padding-top:4px;display:grid}.p3-pdf-notes-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.p3-pdf-notes-title{color:#031f45;letter-spacing:.5px;margin-bottom:5px;font-size:10.5px;font-weight:900}.p3-pdf-notes-list{color:#334155;margin:0;padding-left:14px;font-size:8.5px;line-height:1.45}.p3-pdf-notes-list li{margin-bottom:2px}.p3-pdf-signatory-box{text-align:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;align-items:center;padding:10px 14px;display:flex}.p3-sign-lead{color:#64748b;margin-bottom:2px;font-size:9px;font-weight:600}.p3-sign-company{color:#031f45;letter-spacing:.2px;font-size:9.5px;font-weight:800}.p3-sign-space{justify-content:center;align-items:center;width:100%;height:52px;margin:4px 0;display:flex;position:relative}.p3-sign-stamp-img{object-fit:contain;opacity:.3;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:50px;height:50px;display:block;transform:rotate(-12deg)}.p3-stamp-badge{background:#0284c70d;border:1.5px dashed #0284c773;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;display:flex;transform:rotate(-8deg)}.p3-stamp-top{color:#0284c7;letter-spacing:.2px;font-size:4.5px;font-weight:800}.p3-stamp-seal{color:#031f45;letter-spacing:.6px;border-top:.8px solid #0284c7;border-bottom:.8px solid #0284c7;margin:1px 0;padding:1px 3px;font-size:7px;font-weight:900}.p3-stamp-date{color:#64748b;font-size:4.5px;font-weight:700}.p3-sign-person{border-top:1px solid #031f45;width:82%;padding-top:3px}.p3-sign-name{color:#031f45;font-size:10.5px;font-weight:800}.p3-sign-title{color:#64748b;margin-top:1px;font-size:8.5px;font-weight:600}.p3-pdf-footer{color:#031f45;border-top:1px solid #cbd5e1;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;font-size:9.5px;font-weight:700;display:flex}.p3-sph-document{box-sizing:border-box;color:#0f172a;background:#fff;flex-direction:column;justify-content:space-between;height:100%;padding:22px 34px 18px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.p3-sph-meta-row{justify-content:space-between;align-items:flex-start;margin-top:3px;margin-bottom:7px;font-size:8.5px;line-height:1.35;display:flex}.p3-sph-meta-left{color:#1e293b;flex:1.1}.p3-sph-meta-yth{color:#475569;margin-bottom:1px;font-size:8px;font-weight:600}.p3-sph-customer-name{color:#031f45;margin-bottom:1px;font-size:10px;font-weight:800}.p3-sph-customer-address{color:#334155;font-weight:500}.p3-sph-customer-attn{color:#1e293b;margin-top:3px;font-weight:600}.p3-sph-customer-email{color:#0284c7;font-weight:500}.p3-sph-meta-right{flex:1;justify-content:flex-end;display:flex}.p3-sph-meta-table{border-collapse:collapse;font-size:8.5px}.p3-sph-meta-table td{vertical-align:top;padding:1px 3px}.p3-sph-meta-table .p3-meta-lbl{color:#64748b;white-space:nowrap;font-weight:600}.p3-sph-meta-table .p3-meta-sep{color:#94a3b8;padding:1px 2px;font-weight:600}.p3-sph-meta-table .p3-meta-val{color:#031f45;font-weight:600}.p3-sph-meta-table .p3-meta-val.bold-doc{color:#06c;font-weight:800}.p3-sph-title{text-align:center;color:#031f45;letter-spacing:.8px;text-transform:uppercase;margin:5px 0 3px;font-size:13px;font-weight:900}.p3-sph-opening{color:#334155;text-align:justify;margin:0 0 5px;font-size:8px;line-height:1.35}.p3-sph-specs-bar{text-align:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;grid-template-columns:repeat(5,1fr);margin-bottom:5px;padding:3px 6px;display:grid}.p3-spec-col{border-right:1px solid #e2e8f0;flex-direction:column;gap:1px;padding:1px 4px;display:flex}.p3-spec-col:last-child{border-right:none}.p3-spec-lbl{color:#64748b;font-size:7.5px;font-weight:700}.p3-spec-v{color:#031f45;font-size:9.5px;font-weight:800}.p3-spec-v.highlight{color:#06c}.p3-sph-table{border-collapse:collapse;border:1px solid #cbd5e1;width:100%;margin-bottom:4px;font-size:8px}.p3-sph-table thead tr{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#fff!important;background:#0f172a!important}.p3-sph-table th{text-align:left;letter-spacing:.3px;color:#fff;border:1px solid #334155;padding:4px 5px;font-size:7.8px;font-weight:800}.p3-sph-cat-row td{color:#031f45;-webkit-print-color-adjust:exact;print-color-adjust:exact;border:1px solid #cbd5e1;border-color:#cbd5e1 #e2e8f0;padding:3px 5px;font-size:8px;font-weight:800;background:#f1f5f9!important}.p3-sph-item-row td{vertical-align:top;color:#1e293b;border-bottom:1px solid #e2e8f0;border-left:1px solid #f1f5f9;border-right:1px solid #f1f5f9;padding:2.5px 5px;font-size:7.8px;line-height:1.25}.p3-cell-item{color:#031f45;font-weight:600}.p3-cell-spec{color:#334155;font-size:7.5px;line-height:1.2}.p3-cell-warranty{color:#475569;font-size:7.5px}.p3-cell-unitprice{color:#031f45;text-align:right;white-space:nowrap;font-size:7.5px;font-weight:600}.p3-sph-summary-wrap{justify-content:flex-end;width:100%;margin:2px 0 5px auto;display:flex}.p3-sph-summary-table{border-collapse:collapse;width:290px;font-size:8.5px}.p3-sph-summary-table td{padding:1.5px 6px}.p3-sum-label{text-align:right;color:#475569;padding-right:12px;font-weight:600}.p3-sum-num{text-align:right;color:#031f45;white-space:nowrap;min-width:95px;font-weight:700}.p3-sum-grand-row{border-top:1.5px solid #031f45}.p3-sum-label.grand{color:#031f45;letter-spacing:.3px;font-size:9px;font-weight:900}.p3-sum-num.grand{color:#031f45;font-size:10px;font-weight:900}.p3-sph-section-divider{background:#cbd5e1;border:none;width:100%;height:1px;margin:10px 0}.p3-sph-bottom-row{grid-template-columns:1.5fr 1fr;align-items:flex-start;gap:16px;margin-top:0;display:grid}.p3-sph-terms-box{color:#334155;font-size:7.2px;line-height:1.32}.p3-sph-terms-title{color:#031f45;margin-bottom:2px;font-size:7.8px;font-weight:800}.p3-sph-terms-list{margin:0;padding-left:13px}.p3-sph-terms-list li{margin-bottom:1.5px}.p3-sph-closing-text{color:#334155;margin:4px 0 0;font-size:7.2px;font-style:normal}.p3-sph-sign-box{text-align:center;flex-direction:column;align-items:center;padding-top:0;display:flex}.p3-sph-sign-lead{color:#475569;margin-bottom:1px;font-size:7.8px;font-weight:600}.p3-sph-sign-company{color:#031f45;letter-spacing:.2px;font-size:8.8px;font-weight:800}.p3-sph-signature-wrap{justify-content:center;align-items:center;width:160px;height:50px;margin:2px 0;display:flex;position:relative}.p3-sph-signature-img{object-fit:contain;z-index:1;pointer-events:none;filter:contrast(1.15);width:140px;height:auto;position:absolute;top:50%;left:45%;transform:translate(-50%,-50%)}.p3-sph-emblem-img{object-fit:contain;opacity:.85;z-index:2;pointer-events:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:50px;height:50px;position:absolute;top:50%;right:12px;transform:translateY(-50%)rotate(-10deg)}.p3-sph-sign-person{border-top:1px solid #031f45;width:80%;padding-top:2px}.p3-sph-sign-name{color:#031f45;font-size:9.5px;font-weight:800}.p3-sph-sign-title{color:#475569;margin-top:1px;font-size:8px;font-weight:700}.p3-sph-footer{border-top:1px solid #cbd5e1;width:100%;min-height:1px;margin-top:auto;padding:0}.sph-cat-filter-tabs{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.sph-cat-filter-tab{text-align:center;background:var(--sbx-bg-card);border:1px solid var(--sbx-border-subtle);min-width:65px;color:var(--sbx-text-muted);cursor:pointer;border-radius:6px;flex:auto;padding:5px 8px;font-size:11px;font-weight:600;transition:all .15s}.sph-cat-filter-tab:hover{background:var(--sbx-bg-card-hover);color:var(--sbx-text-main);border-color:var(--sbx-border-soft)}.sph-cat-filter-tab.active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 2px 8px #0284c759}.sph-cat-card{background:var(--sbx-bg-card);border:1px solid var(--sbx-border-subtle);border-radius:10px;margin-bottom:14px;padding:12px;transition:border-color .2s;box-shadow:0 2px 6px #0000000a}.sph-cat-card:hover{border-color:var(--sbx-border-soft)}.sph-cat-header{border-bottom:1px solid var(--sbx-border-subtle);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.sph-cat-title-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sph-cat-badge{color:#fff;background:#f50;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:inline-flex}.sph-cat-title{color:var(--sbx-text-main);letter-spacing:.2px;font-size:13px;font-weight:800}.sph-cat-count-badge{color:var(--sbx-primary-soft);border:1px solid var(--sbx-border-soft);background:#0284c71f;border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:700}.sph-cat-price-row{margin-bottom:10px}.sph-cat-price-input{font-size:12.5px;font-weight:700;color:#f50!important;background:#ff55000a!important;border-color:#ff550040!important}.sph-cat-actions-row{margin-bottom:6px}.sph-catalog-select{background:var(--sbx-bg-surface);width:100%;color:var(--sbx-text-main);border:1px solid var(--sbx-border-soft);border-radius:6px;padding:6px 10px;font-size:11.5px;font-weight:600}.sph-catalog-select:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 2px #0284c733}.btn-add-section-item{border:1px dashed var(--sbx-border-soft);color:var(--sbx-primary-soft);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s}.btn-add-section-item:hover{border-color:var(--sbx-primary-soft);background:#0284c714}.sph-cat-empty{text-align:center;color:var(--sbx-text-muted);background:#00000008;border-radius:6px;margin-top:8px;padding:12px;font-size:11.5px;font-style:italic}.sph-cat-items-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.sph-item-box{background:var(--sbx-bg-surface);border:1px solid var(--sbx-border-subtle);border-radius:8px;padding:9px 10px;transition:border-color .15s}.sph-item-box:hover{border-color:var(--sbx-border-soft)}.sph-item-header{border-bottom:1px dashed var(--sbx-border-subtle);justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:4px;display:flex}.sph-item-num{color:var(--sbx-primary-soft);font-size:11.5px;font-weight:700}.btn-remove-sph-item{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700;transition:background-color .15s}.btn-remove-sph-item:hover{background:#ef44441f}.form-row-4{grid-template-columns:1fr 1fr 1.2fr 1.4fr;gap:6px;margin-top:6px;display:grid}@media (max-width:640px){.form-row-4{grid-template-columns:1fr 1fr}}.form-row-5{grid-template-columns:.7fr .85fr 1.8fr 1.05fr 1.3fr;gap:5px;margin-top:6px;display:grid}.form-row-5 .form-input{padding:6px 5px;font-size:11px}@media (max-width:640px){.form-row-5{grid-template-columns:1fr 1fr}}.discount-control-box{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;margin-bottom:12px;padding:10px 12px}.discount-header-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.discount-val-badge{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.discount-input-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.discount-slider{accent-color:#0284c7;cursor:pointer;flex:1;height:6px}.discount-number-wrap{background:#0f172a99;border:1px solid #fff3;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;display:flex}.discount-num-input{color:#fff;text-align:right;background:0 0;border:none;outline:none;width:38px;font-size:13px;font-weight:700}.discount-pct-symbol{color:#94a3b8;font-size:12px;font-weight:700}.discount-pills{gap:6px;display:flex}.discount-pill{color:#cbd5e1;cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:5px;flex:1;padding:5px 0;font-size:11px;font-weight:700;transition:all .15s}.discount-pill:hover{color:#fff;background:#0284c733;border-color:#0284c7}.discount-pill.active{color:#fff;background:#0284c7;border-color:#38bdf8;box-shadow:0 2px 8px #0284c766}.financial-row.is-discount{background:#ef444414;border-left:2px solid #ef4444;padding-left:6px}.p3-summary-row.is-discount{background:#fef2f2!important}.btn-auto-doc{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;border-radius:6px;align-items:center;gap:4px;padding:0 10px;font-size:11px;font-weight:700;transition:opacity .15s;display:flex}.btn-auto-doc:hover{opacity:.9}.quick-add-box{background:#ffffff08;border:1px dashed #ffffff2e;border-radius:8px;margin-top:10px;margin-bottom:8px;padding:10px 12px}.quick-add-label{color:#cbd5e1;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.quick-add-select{color:#f1f5f9;cursor:pointer;background:#0f172a;border:1px solid #fff3;border-radius:6px;outline:none;width:100%;padding:7px 10px;font-size:12px}.quick-add-select optgroup{color:#38bdf8;background:#1e293b;font-weight:700}.quick-add-select option{color:#f8fafc;background:#0f172a;padding:4px 6px}.package-tier-tabs{gap:4px;margin-bottom:8px;display:flex}.package-tier-tab{color:#94a3b8;cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;flex:1;padding:5px 0;font-size:11px;font-weight:700;transition:all .15s}.package-tier-tab.active{color:#fff;background:#0284c7;border-color:#38bdf8}.package-select-input{color:#f8fafc;cursor:pointer;background:#0f172a;border:1px solid #fff3;border-radius:6px;outline:none;width:100%;padding:8px 10px;font-size:12px;font-weight:600}.internal-lock-overlay{z-index:99999;background:radial-gradient(circle at 50% 30%,#0c203b 0%,#030a16 100%);justify-content:center;align-items:center;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:fixed;inset:0}.internal-lock-card{-webkit-backdrop-filter:blur(16px);text-align:center;background:#0f172ae6;border:1px solid #38bdf840;border-radius:16px;width:100%;max-width:440px;padding:36px 32px;animation:.3s cubic-bezier(.16,1,.3,1) lockFadeUp;box-shadow:0 24px 60px #0009,0 0 40px #0284c726}@keyframes lockFadeUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.lock-icon-wrap{background:#0284c726;border:1px solid #38bdf84d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;display:flex;box-shadow:0 0 20px #38bdf833}.lock-logo{width:auto;height:34px;margin-bottom:12px}.lock-title{letter-spacing:1.5px;color:#f8fafc;text-transform:uppercase;margin:0 0 8px;font-size:17px;font-weight:900}.lock-sub{color:#94a3b8;margin:0 0 24px;font-size:12px;line-height:1.5}.lock-form{flex-direction:column;gap:12px;display:flex}.lock-input-group{align-items:center;display:flex;position:relative}.lock-pin-input{color:#fff;letter-spacing:2px;text-align:center;background:#020617b3;border:1.5px solid #fff3;border-radius:10px;outline:none;width:100%;padding:12px 44px 12px 16px;font-size:15px;transition:all .2s}.lock-pin-input:focus{background:#020617e6;border-color:#38bdf8;box-shadow:0 0 16px #38bdf84d}.lock-pin-input.is-error{border-color:#ef4444;box-shadow:0 0 16px #ef44444d}.lock-eye-btn{cursor:pointer;opacity:.7;background:0 0;border:none;font-size:16px;transition:opacity .15s;position:absolute;right:12px}.lock-eye-btn:hover{opacity:1}.lock-error-msg{color:#f87171;text-align:left;background:#ef44441a;border:1px solid #ef444440;border-radius:6px;padding:8px 10px;font-size:11.5px}.lock-submit-btn{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:10px;padding:12px 20px;font-size:13.5px;font-weight:800;transition:all .2s;box-shadow:0 4px 16px #0284c766}.lock-submit-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #0284c780}.lock-footer-info{color:#64748b;border-top:1px solid #ffffff14;margin-top:20px;padding-top:16px;font-size:11px}.lock-footer-info code{color:#38bdf8;background:#38bdf81a;border-radius:4px;padding:2px 6px;font-family:monospace}.lock-back-link{color:#94a3b8;text-decoration:none;transition:color .15s}.lock-back-link:hover{color:#38bdf8}.btn-logout-lock{color:#fca5a5;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:6px;padding:6px 12px;font-size:11.5px;font-weight:700;transition:all .15s}.btn-logout-lock:hover{color:#fff;background:#ef444440;border-color:#ef4444}.p4-portfolio-document{box-sizing:border-box;color:#0f172a;background:#fff;flex-direction:column;justify-content:space-between;height:100%;padding:18px 30px 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.p4-portfolio-header{text-align:center;margin-top:2px;margin-bottom:6px}.p4-header-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.p4-header-badge{color:#0284c7;letter-spacing:.4px;background:#0284c714;border:1px solid #0284c740;border-radius:4px;padding:1.5px 6.5px;font-size:7.8px;font-weight:800}.p4-header-docno{color:#06c;font-size:8.2px;font-weight:700}.p4-portfolio-title{color:#031f45;letter-spacing:.7px;text-transform:uppercase;text-align:center;margin:2px 0 1.5px;font-size:12px;font-weight:900}.p4-portfolio-subtitle{color:#475569;text-align:center;max-width:620px;margin:0 auto;font-size:7.8px;line-height:1.35}.p4-portfolio-grid{flex:1;gap:10px 12px;margin-top:5px;margin-bottom:6px;display:grid}.p4-portfolio-grid.is-bento{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(130px,1fr);grid-auto-flow:dense;gap:10px;min-height:670px;max-height:690px;display:grid}.p4-card.bento-tall{grid-area:span 2/span 1;min-height:290px}.p4-card.bento-tall.is-photo-only{min-height:290px}.p4-card.bento-tall.is-photo-only .p4-photo-main-img{object-fit:cover;object-position:center}.p4-card.bento-wide{grid-area:span 1/span 2;min-height:135px}.p4-card.bento-wide.is-photo-only{min-height:135px}.p4-card.bento-wide.is-photo-only .p4-photo-main-img{object-fit:cover;object-position:center}.p4-card.bento-wide .p4-overlay-title{font-size:11.5px}.p4-card.bento-wide .p4-overlay-loc{font-size:8.5px}.p4-card.bento-wide .p4-overlay-specs{font-size:7.5px}.p4-card.bento-normal{grid-area:span 1/span 1;min-height:135px}.p4-card.bento-normal .p4-card-overlay{gap:2px;padding:5px 8px}.p4-card.bento-normal .p4-overlay-title{-webkit-line-clamp:1;font-size:8.5px}.p4-card.bento-normal .p4-overlay-loc{font-size:7px}.p4-card.bento-normal .p4-overlay-specs{padding:1.5px 4px;font-size:6.5px}.p4-portfolio-grid.per-page-6{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;min-height:670px}.p4-portfolio-grid.per-page-4{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:14px 16px;min-height:670px}.p4-portfolio-grid.per-page-4 .p4-card{min-height:315px}.p4-portfolio-grid.per-page-4 .p4-card.is-text-mode .p4-card-img-wrap{min-height:160px;max-height:185px}.p4-portfolio-grid.per-page-4 .p4-card.is-text-mode .p4-card-title{font-size:10.5px}.p4-portfolio-grid.per-page-4 .p4-card.is-text-mode .p4-card-desc{-webkit-line-clamp:4;font-size:7.8px}.p4-portfolio-grid.per-page-2{grid-template-columns:1fr;grid-auto-rows:1fr;gap:16px;min-height:670px}.p4-portfolio-grid.per-page-2 .p4-card{min-height:325px}.p4-portfolio-grid.per-page-2 .p4-card.is-text-mode{flex-direction:row}.p4-portfolio-grid.per-page-2 .p4-card.is-text-mode .p4-card-img-wrap{width:50%;min-height:100%;max-height:none}.p4-portfolio-grid.per-page-2 .p4-card.is-text-mode .p4-card-body{width:50%;padding:14px}.p4-portfolio-grid.per-page-2 .p4-card.is-text-mode .p4-card-title{font-size:12px}.p4-portfolio-grid.per-page-2 .p4-card.is-text-mode .p4-card-desc{-webkit-line-clamp:5;font-size:8.5px}.p4-card{page-break-inside:avoid;break-inside:avoid;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-direction:column;height:100%;min-height:220px;display:flex;overflow:hidden;box-shadow:0 1px 3px #031f450a}.p4-card.is-text-mode{background:#0f172a;height:100%;display:block;position:relative;overflow:hidden}.p4-card.is-text-mode .p4-card-img-wrap{z-index:1;background:#0f172a;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.p4-card.is-text-mode .p4-card-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.p4-card.is-text-mode .p4-card-img.is-contain{object-fit:contain;background:#fff}.p4-card-overlay{z-index:5;-webkit-backdrop-filter:blur(5px);box-sizing:border-box;background:#031f4580;border-top:1px solid #ffffff38;flex-direction:column;gap:3px;padding:8px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.p4-overlay-title{color:#fff;text-shadow:0 1px 3px #000000d9;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:10.5px;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.p4-overlay-meta{align-items:center;gap:4px;display:flex}.p4-overlay-loc{color:#7dd3fc;text-shadow:0 1px 2px #000000bf;align-items:center;gap:3px;font-size:8px;font-weight:700;line-height:1.2;display:inline-flex}.p4-overlay-specs{color:#fff;text-shadow:0 1px 2px #000000bf;-webkit-backdrop-filter:blur(3px);box-sizing:border-box;background:#0284c759;border:1px solid #38bdf873;border-radius:3px;align-items:center;gap:4px;padding:2.5px 6px;font-size:7.2px;font-weight:600;line-height:1.15;display:flex}.p4-overlay-specs-icon{flex-shrink:0;font-size:7.5px}.p4-overlay-specs-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.p4-card.is-photo-only{background:#fff;border:1px solid #cbd5e1;flex-direction:column;height:100%;padding:0;display:flex;position:relative;overflow:hidden}.p4-photo-only-container{background:#fff;flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.p4-photo-main-img{z-index:2;width:100%;height:100%;display:block;position:relative}.p4-photo-main-img.is-cover{object-fit:cover;object-position:center}.p4-photo-main-img.is-contain{object-fit:contain;object-position:center;background:#fff}.p4-photo-only-logo-wrap{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#fffffff0;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;display:inline-flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #00000047,0 0 0 1px #fff6}.p4-photo-only-logo{object-fit:contain;width:auto;height:19px;display:block}.portfolio-pagination-setting{background:#0284c714;border:1px solid #38bdf840;border-radius:6px;margin-bottom:12px;padding:8px 10px}.p4-page-count-badge{color:#38bdf8;background:#0284c733;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.perpage-buttons-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.btn-perpage-opt{color:#94a3b8;cursor:pointer;text-align:center;background:#1e293b;border:1px solid #334155;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;padding:6px 4px;transition:all .15s;display:flex}.btn-perpage-opt:hover{color:#f8fafc;background:#334155}.btn-perpage-opt.is-active{color:#fff;background:#0284c7;border-color:#38bdf8;box-shadow:0 0 10px #38bdf84d}.btn-perpage-title{font-size:10px;font-weight:700;display:block}.btn-perpage-sub{opacity:.85;margin-top:1px;font-size:8.5px;display:block}.portfolio-mode-bar{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.btn-mode-quick{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700;transition:all .15s}.btn-mode-quick:hover{color:#0f172a;background:#e2e8f0}.btn-mode-quick.is-active{color:#0284c7;background:#0284c726;border-color:#38bdf8}.p4-photo-only-tag{color:#fff;letter-spacing:.3px;background:#0284c7;border-radius:3px;padding:1.5px 5px;font-size:9px;font-weight:800}.portfolio-fit-mode-row{background:#0f172a66;border:1px solid #ffffff14;border-radius:5px;margin:6px 0 8px;padding:6px 8px}.fit-toggle-group{gap:6px;margin-top:4px;display:flex}.btn-fit-toggle{color:#94a3b8;cursor:pointer;text-align:center;background:#1e293b;border:1px solid #334155;border-radius:4px;flex:1;padding:5px 6px;font-size:10px;font-weight:600;transition:all .15s}.btn-fit-toggle:hover{color:#f8fafc;background:#334155}.btn-fit-toggle.active{color:#fff;background:#0284c7;border-color:#38bdf8;font-weight:700}.p4-stat-pill{text-align:center;background:#f8fafc;border:.8px solid #cbd5e1;border-radius:3px;flex-direction:column;gap:.5px;padding:2px;display:flex}.p4-stat-lbl{color:#64748b;text-transform:uppercase;font-size:5.8px;font-weight:600}.p4-stat-val{color:#0284c7;white-space:nowrap;font-size:7.2px;font-weight:800}.p4-portfolio-footer-wrap{margin-top:auto;padding-top:8px}.p4-portfolio-footer{border-bottom:1.5px solid #06c;width:100%}.portfolio-editor-list{flex-direction:column;gap:12px;display:flex}.portfolio-item-card{background:var(--sbx-bg-surface);border:1px solid var(--sbx-border-subtle);border-radius:8px;padding:10px;transition:border-color .15s}.portfolio-item-card:hover{border-color:var(--sbx-border-soft)}.portfolio-photo-box{background:#0284c70d;border:1px dashed #0284c74d;border-radius:6px;padding:8px}.portfolio-thumb-preview{align-items:center;gap:10px;display:flex}.thumb-preview-label{color:var(--sbx-text-muted);font-size:10.5px;font-weight:600}.thumb-preview-frame{border:1px solid var(--sbx-border-soft);background:#020c1e;border-radius:6px;width:86px;height:52px;position:relative;overflow:hidden}.thumb-preview-img{object-fit:cover;width:100%;height:100%;display:block}.thumb-preview-badge{color:#fff;background:#10b981e6;border-radius:3px;padding:1px 4px;font-size:7px;font-weight:700;position:absolute;bottom:2px;right:2px}.form-row-3-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.stat-edit-col{flex-direction:column;gap:3px;display:flex}.stat-edit-lbl{text-align:center;font-weight:600;padding:4px 5px!important;font-size:10px!important}.stat-edit-val{text-align:center;font-weight:700;color:var(--sbx-primary-soft)!important;padding:4px 5px!important;font-size:10.5px!important}@page{size:A4 portrait;margin:0}@media print{html,body{color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;height:auto!important;min-height:100%!important;margin:0!important;padding:0!important;overflow:visible!important}.generator-topbar,.generator-sidebar,.preview-controls-bar,.mobile-view-toggle,.mobile-action-card,.print-hide{visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;display:none!important}.generator-root{background:#fff!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.generator-layout{grid-template-columns:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.generator-preview-stage,.generator-preview-stage.mobile-hidden{visibility:visible!important;opacity:1!important;background:#fff!important;width:100%!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.a4-pages-container{gap:0!important;width:210mm!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important;transform:none!important}.a4-sheet{width:210mm!important;height:296mm!important;min-height:296mm!important;max-height:297mm!important;box-shadow:none!important;box-sizing:border-box!important;page-break-before:auto!important;page-break-after:always!important;break-after:page!important;page-break-inside:avoid!important;break-inside:avoid!important;background:#fff!important;border-radius:0!important;flex-direction:column!important;justify-content:space-between!important;margin:0 auto!important;padding:0!important;display:flex!important;position:relative!important;overflow:hidden!important}.a4-sheet:last-child{page-break-after:avoid!important;break-after:avoid!important}.p4-portfolio-grid.is-bento{grid-template-columns:repeat(3,1fr)!important;grid-auto-flow:dense!important;gap:8px!important;min-height:auto!important;max-height:none!important;display:grid!important}.p4-card.bento-tall{grid-area:span 2/span 1!important}.p4-card.bento-wide{grid-area:span 1/span 2!important}.p4-card.bento-normal{grid-area:span 1/span 1!important}.p4-card.is-photo-only,.p4-card.is-text-mode,.p4-photo-only-container,.p4-photo-only-logo-wrap,.p4-photo-main-img,.p4-card-overlay,.p4-overlay-specs{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}