:root{--bg:#f0f3f8;--surface:#fff;--border:#d8dee9;--border-strong:#b8c0cc;--text:#1a2332;--muted:#5c6b7a;--primary:#1e3a5f;--accent:#2f6fed;--accent-soft:#e8f0fe;--danger:#c0392b;--computed-bg:#eef1f6;--disabled-row:#f7f8fa;--shadow:0 1px 3px #1a233214, 0 4px 16px #1a23320a;--radius:10px;--font:Segoe UI, system-ui, -apple-system, sans-serif;--mono:Cascadia Code, SF Mono, ui-monospace, monospace}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.45}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.app-shell{grid-template-columns:240px 1fr;min-height:100%;display:grid}.sidebar{background:var(--primary);color:#e8f0fe;flex-direction:column;gap:1.5rem;padding:1.25rem 1rem;display:flex}.brand{align-items:center;gap:.75rem;padding:.25rem .5rem;display:flex}.brand-mark{background:#ffffff1f;border-radius:10px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.brand-title{font-size:1.05rem;font-weight:700}.brand-sub{opacity:.75;font-size:.75rem}.nav{flex-direction:column;gap:.35rem;display:flex}.nav-item{text-align:left;color:inherit;opacity:.85;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.7rem .85rem;text-decoration:none;transition:background .15s,opacity .15s;display:block}.nav-item:hover{opacity:1;background:#ffffff14}.nav-item.active{opacity:1;background:#ffffff29;font-weight:600}.nav-item[aria-disabled=true]{opacity:.45;cursor:not-allowed}.sidebar-foot{opacity:.7;margin-top:auto;padding:.5rem;font-size:.75rem;line-height:1.5}.main{padding:1.5rem 1.75rem 2.5rem;overflow:auto}.page{flex-direction:column;gap:1rem;max-width:1280px;margin:0 auto;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-header h1{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.55rem}.muted{color:var(--muted)}.page-header .muted{max-width:52ch;margin:0;font-size:.92rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.section-title{margin:0;padding:1rem 1.1rem 0;font-size:1rem}.form-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.1rem;display:grid}.add-form{grid-template-columns:2fr 1fr 1fr auto}.field{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.field input,.field select{color:var(--text);border:1px solid var(--border);background:#fff;border-radius:8px;outline:none;padding:.55rem .7rem;font-weight:400}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.toolbar{flex-wrap:wrap;gap:.5rem;display:flex}.btn{border:1px solid var(--border-strong);background:#fff;border-radius:8px;padding:.55rem .95rem;font-size:.9rem;font-weight:600}.btn:hover{background:#f5f7fb}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#245dd4;border-color:#245dd4}.btn-danger{color:var(--danger);background:#fff;border-color:#e8b4ae}.btn-danger:hover{border-color:var(--danger);background:#fdf2f0}.table-wrap{overflow-x:auto}.data-table th,.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;text-align:left;padding:.45rem .5rem}.data-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;z-index:1;background:#f7f9fc;font-size:.75rem;font-weight:700;position:sticky;top:0}.data-table th.computed-h{background:#e8ecf3}.col-no{width:44px;text-align:center!important}.col-num{width:100px;text-align:right!important}.editable-cell{border:1px solid var(--border);background:#fff;border-radius:6px;outline:none;width:100%;padding:.4rem .5rem}.editable-cell:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.num-input{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:.85rem}.computed-cell{background:var(--computed-bg);font-variant-numeric:tabular-nums;color:#334155;border-radius:4px}.subtotal-cell{white-space:nowrap;font-weight:600}.row-disabled td{background:var(--disabled-row);opacity:.65}.row-disabled .computed-cell{background:#e9ebef}.empty-row{color:var(--muted);text-align:center!important;padding:2rem 1rem!important}.total-bar{background:var(--primary);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.total-label{letter-spacing:.06em;font-size:.9rem;font-weight:700}.total-value{font-variant-numeric:tabular-nums;font-size:1.55rem;font-weight:700}.hint{margin:0;font-size:.82rem}@media (width<=960px){.app-shell{grid-template-columns:1fr}.sidebar{flex-flow:wrap;align-items:center;gap:.75rem;padding:.85rem 1rem}.nav{flex-direction:row;flex:1}.sidebar-foot{display:none}.form-grid,.add-form{grid-template-columns:1fr 1fr}}@media (width<=640px){.main{padding:1rem}.form-grid,.add-form{grid-template-columns:1fr}.total-value{font-size:1.25rem}}.chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--border-strong);color:var(--muted);background:#fff;border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-weight:600}.chip:hover{color:var(--text);background:#f5f7fb}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.add-form-kat{grid-template-columns:1.2fr 2fr 1fr 1fr auto}.searchable-select{min-width:220px;position:relative}.searchable-select-input{width:100%}.searchable-select-list{z-index:20;border:1px solid var(--border-strong);max-height:240px;box-shadow:var(--shadow);background:#fff;border-radius:8px;margin:0;padding:.25rem 0;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow:auto}.searchable-select-list li{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.45rem;padding:.4rem .65rem;font-weight:400;display:grid}.searchable-select-list li:hover,.searchable-select-list li.active{background:var(--accent-soft)}.searchable-select-list .ss-kat{color:var(--accent);white-space:nowrap;font-size:.72rem;font-weight:700}.searchable-select-list .ss-nama{font-size:.85rem}.searchable-select-list .ss-sat{font-size:.75rem}.searchable-select-list .ss-empty{cursor:default;padding:.6rem .65rem;display:block}.searchable-select-list--portal{box-shadow:var(--shadow,0 8px 24px #0f172a2e);pointer-events:auto;z-index:10000!important;background:#fff!important;position:fixed!important;right:auto!important}.col-bahan{min-width:240px}@media (width<=960px){.add-form-kat{grid-template-columns:1fr 1fr}}@media (width<=640px){.add-form-kat{grid-template-columns:1fr}}.form-grid-4{grid-template-columns:repeat(4,1fr)}.toolbar-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:-.25rem;display:flex}.check-inline{align-items:center;gap:.45rem;font-size:.85rem;font-weight:500;display:inline-flex}.check-inline input{accent-color:var(--accent)}.meta-count{font-size:.82rem}.template-manager{padding:0 0 1rem}.template-manager .section-title{padding-bottom:.35rem}.mgr-hint{max-width:72ch;margin:.25rem 1.1rem .85rem;font-size:.85rem}.mgr-current{margin:.75rem 1.1rem 0;font-size:.85rem}.template-manager .toolbar{padding:0 1.1rem}.modal-backdrop{z-index:50;background:#1a233273;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);flex-direction:column;gap:.85rem;width:min(480px,100%);padding:1.25rem 1.35rem;display:flex}.modal-card h3{margin:0;font-size:1.1rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.35rem;display:flex}.modal-note{margin:0;font-size:.82rem}@media (width<=960px){.form-grid-4{grid-template-columns:1fr 1fr}}@media (width<=640px){.form-grid-4{grid-template-columns:1fr}}.row-selected td{outline:2px solid var(--accent);outline-offset:-2px;background:#f3f7ff}.row-selected .computed-cell{background:#e4ecfb}.row-actions{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.col-action{width:120px;text-align:center!important}.blank-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;margin-left:.5rem;padding:.15rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.form-grid-5{grid-template-columns:repeat(5,1fr)}.toolbar-meta-left{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.status-badge{letter-spacing:.02em;vertical-align:middle;border-radius:999px;margin-left:.45rem;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.status-verified{color:#1b7a3d;background:#e6f6ec;border:1px solid #b7e0c4}.status-review{color:#a15c00;background:#fff4e5;border:1px solid #f0d2a0}.status-custom{color:#3b4cca;background:#eef0ff;border:1px solid #c5c9f0}.dirty-badge{color:var(--danger);background:#fdecea;border-radius:999px;margin-left:.45rem;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.shortcuts-card{padding-bottom:.85rem}.shortcut-block{margin-bottom:.35rem}.shortcut-chips{padding:.35rem 1.1rem .6rem}.fav-on{color:#8a6d00;background:#fff8e6;border-color:#e6c35c}.total-bar{z-index:5;outline:3px solid #1e3a5f26;position:sticky;bottom:.75rem}.settings-card{padding-bottom:1.1rem}.settings-card .toolbar{padding:0 1.1rem .5rem}.settings-note{max-width:70ch;margin:.35rem 1.1rem .85rem;font-size:.85rem}.about-list{gap:.65rem;margin:.75rem 1.1rem .5rem;padding:0;display:grid}.about-list>div{grid-template-columns:140px 1fr;align-items:baseline;gap:.5rem;display:grid}.about-list dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.8rem;font-weight:700}.about-list dd{margin:0;font-weight:600}.settings-error{color:var(--danger);margin:.5rem 1.1rem;font-weight:600}.settings-ok{color:#1b7a3d;margin:.5rem 1.1rem;font-weight:600}.restore-summary{margin:0;padding-left:1.2rem;font-size:.9rem}@media (width<=1100px){.form-grid-5{grid-template-columns:1fr 1fr}}@media (width<=640px){.form-grid-5,.about-list>div{grid-template-columns:1fr}}.col-bagian{min-width:140px;max-width:200px}.col-bagian .editable-cell{font-size:.85rem}.image-gallery{padding-bottom:1rem}.image-gallery-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-right:1.1rem;display:flex}.image-gallery-actions{flex-wrap:wrap;align-items:center;gap:.45rem;padding:.85rem 0 0;display:flex}.image-gallery-hint{margin:.35rem 1.1rem .85rem;font-size:.85rem}.image-thumb-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.55rem;padding:.35rem 1.1rem .85rem;display:grid}.image-thumb{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;gap:.25rem;min-height:110px;padding:.35rem;display:flex}.image-thumb:hover{border-color:var(--accent);background:var(--accent-soft)}.image-thumb img{object-fit:cover;background:#eef1f6;border-radius:6px;width:100%;height:72px}.image-thumb-label{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:600;overflow:hidden}.image-list{flex-direction:column;gap:.85rem;max-height:480px;padding:.25rem 1.1rem 1rem;display:flex;overflow:auto}.image-list-item{border:1px solid var(--border);background:#fafbfd;border-radius:10px;grid-template-columns:180px 1fr;align-items:start;gap:.85rem;padding:.65rem;display:grid}.image-list-preview{cursor:pointer;background:0 0;border:none;padding:0}.image-list-preview img{object-fit:cover;background:#eef1f6;border-radius:8px;width:180px;height:120px;display:block}.image-list-meta{flex-direction:column;gap:.55rem;display:flex}.image-list-btns{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.image-preview-backdrop{z-index:60;background:#0a101cb8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.image-preview-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);width:min(960px,100%);max-height:92vh;box-shadow:var(--shadow);flex-direction:column;display:flex}.image-preview-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.image-preview-body{background:#0f172a0d;place-items:center;min-height:280px;padding:1rem;display:grid;overflow:auto}.image-preview-body img{transform-origin:50%;border-radius:6px;max-width:100%;transition:transform .12s}@media (width<=720px){.image-list-item{grid-template-columns:1fr}.image-list-preview img{width:100%;height:160px}}.add-form-user{grid-template-columns:1.6fr 1.1fr .9fr .9fr 1.2fr auto}.status-archived{color:#4b5563;background:#f3f4f6;border:1px solid #d1d5db;margin-left:.25rem}.action-stack{flex-wrap:wrap;justify-content:flex-end;gap:.3rem;display:flex}.row-archived{opacity:.72;background:#fafafa}.chip-toggle{cursor:pointer;align-items:center;gap:.35rem;display:inline-flex}.chip-toggle input{margin:0}@media (width<=1100px){.add-form-user{grid-template-columns:1fr 1fr}}@media (width<=640px){.add-form-user{grid-template-columns:1fr}}.sidebar-cloud{padding:0 .5rem}.cloud-badge{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.cloud-badge.inline-badge{margin:0}.cloud-connected{color:#1b7a3d;background:#e6f6ec;border-color:#b7e0c4}.cloud-offline{color:#e8f0fe;background:#ffffff1f;border-color:#ffffff40}.cloud-pending{color:#a15c00;background:#fff4e5;border-color:#f0d2a0}.cloud-error{color:#c0392b;background:#fdecea;border-color:#e8b4ae}.cloud-unconfigured{color:#c5d0de;background:#ffffff14;border-color:#fff3}.about-list .cloud-offline,.about-list .cloud-unconfigured{color:#4b5563;background:#f3f4f6;border-color:#d1d5db}.about-list .cloud-connected{color:#1b7a3d;background:#e6f6ec;border-color:#b7e0c4}.auth-form{gap:.75rem;max-width:420px;padding:.35rem 1.1rem .85rem;display:grid}.auth-form .toolbar{padding:0}.btn:disabled{opacity:.55;cursor:not-allowed}.inactive-lock-overlay{z-index:9999;background:#0f172ab8;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.inactive-lock-card{background:#fff;border-radius:12px;max-width:420px;padding:1.5rem 1.75rem;box-shadow:0 20px 50px #00000059}.inactive-lock-card h2{margin:0 0 .5rem;font-size:1.25rem}.inactive-lock-card p{margin:0 0 .75rem;line-height:1.45}.table-wrap{padding:0 1.1rem 1rem;overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:.85rem}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:.45rem .55rem}.data-table th{text-transform:uppercase;letter-spacing:.03em;color:#6b7280;font-size:.75rem}.protected-template-bar{background:#fffaf0;border:1px solid #f0d2a0;padding:.85rem 0 1rem}.protected-template-bar-head{padding:0 1.1rem .55rem}.protected-template-bar-title{flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.95rem;display:flex}.protected-template-bar-hint{max-width:72ch;margin:.35rem 0 0;font-size:.82rem}.protected-template-bar-actions{flex-wrap:wrap;padding:0 1.1rem}.protected-template-bar .status-badge{margin-left:.15rem}.status-outdated{color:#9b1c1c;background:#fde8e8;border:1px solid #f5c2c2}.verification-panel-card{width:min(720px,100%);max-height:90vh;overflow:auto}.verification-checklist{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.verification-check{border:1px solid var(--border);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.25rem .5rem;padding:.5rem .65rem;display:grid}.verification-check-id{color:#667;font-size:.75rem;font-weight:700}.verification-check-label{font-size:.88rem;font-weight:600}.verification-check-status{border-radius:999px;padding:.1rem .4rem;font-size:.72rem;font-weight:700}.verification-check-detail{grid-column:1/-1;font-size:.8rem}.verification-check.status-pass .verification-check-status,.status-pass{color:#1b7a3d;background:#e6f6ec}.verification-check.status-fail .verification-check-status,.status-fail{color:#9b1c1c;background:#fde8e8}.verification-check.status-info .verification-check-status,.status-info{color:#3b4cca;background:#eef0ff}.verification-check.status-need_user_decision .verification-check-status,.status-need_user_decision{color:#a15c00;background:#fff4e5}.verification-blockers,.verification-decisions{background:#fffaf0;border:1px solid #f0d2a0;border-radius:8px;padding:.65rem .75rem}.verification-blockers h4,.verification-decisions h4{margin:0 0 .35rem;font-size:.9rem}.verification-blockers ul,.verification-decisions ul{margin:0;padding-left:1.1rem}.verification-totals{flex-wrap:wrap;gap:.75rem 1.25rem;padding:.35rem 0;font-size:.9rem;display:flex}.btn-primary{color:#fff;background:#1b7a3d;border-color:#1b7a3d}.btn-primary:disabled{opacity:.55}.brand-logo{flex-shrink:0;place-items:center;display:grid}.brand-logo-monogram{color:#e8f0fe;letter-spacing:-.02em;background:#ffffff1f;border-radius:10px;font-weight:700}.brand-logo-monogram .brand-logo-letters{font-size:.95rem;line-height:1}.brand-logo-login.brand-logo-monogram{color:#e8f0fe;background:#1e3a5f;border-radius:18px;box-shadow:0 8px 28px #1e3a5f47}.brand-logo-login.brand-logo-monogram .brand-logo-letters{font-size:2.4rem}.brand-logo-img{object-fit:contain;flex-shrink:0;display:block}.brand-logo-img.brand-logo-login{background:#000;border-radius:12px;max-width:min(140px,70vw);padding:0;box-shadow:0 8px 28px #00000038}.brand-logo-img.brand-logo-sidebar{background:#000;border-radius:8px;max-width:180px}.brand-logo-sidebar.brand-logo-monogram .brand-logo-letters{font-size:.9rem}.auth-loading{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:100%;padding:2rem;display:flex}.login-page{background:linear-gradient(160deg,#e8eef6 0%,#f0f3f8 45%,#dfe7f2 100%);justify-content:center;align-items:center;min-height:100%;padding:1.5rem;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);width:min(420px,100%);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:1.25rem;padding:2rem 1.75rem 1.5rem;display:flex}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:.85rem;display:flex}.login-title{letter-spacing:-.02em;flex-direction:column;gap:.1rem;margin:0;display:flex}.login-title-main{color:var(--primary);font-size:1.55rem;font-weight:700}.login-title-sub{color:var(--muted);font-size:1.05rem;font-weight:600}.login-form{flex-direction:column;gap:.85rem;display:flex}.login-submit{width:100%;padding:.7rem 1rem;font-size:1rem}.login-error{color:var(--danger);text-align:center;margin:0;font-size:.9rem;font-weight:600}.login-footer{text-align:center;margin:0;font-size:.85rem;font-weight:600}.login-version{text-align:center;margin:0;font-size:.72rem}.sidebar-user{border-top:1px solid #ffffff1f;flex-direction:column;gap:.55rem;margin-top:auto;padding:.65rem .5rem;display:flex}.sidebar-user-meta{opacity:.9;font-size:.75rem;line-height:1.35}.sidebar-user-name{font-size:.82rem;font-weight:700}.sidebar-user-email{opacity:.85;word-break:break-all}.sidebar-user-role{letter-spacing:.04em;background:#ffffff1f;border-radius:999px;margin-top:.25rem;padding:.1rem .4rem;font-size:.68rem;font-weight:700;display:inline-block}.sidebar-keluar{color:#e8f0fe;background:#ffffff14;border-color:#ffffff47;width:100%;font-weight:700}.sidebar-keluar:hover{background:#ffffff29}.sidebar-foot{margin-top:.35rem}@media (width<=1366px){.login-card{padding:1.75rem 1.5rem 1.35rem}.brand-logo-login.brand-logo-monogram .brand-logo-letters{font-size:2.15rem}}@media (width<=960px){.sidebar-user{border-top:none;flex-direction:row;flex:100%;align-items:center;margin-top:0}.sidebar-keluar{white-space:nowrap;width:auto}.sidebar-foot{display:none}}@media (width<=420px){.login-page{align-items:flex-start;padding:2rem 1rem 1rem}.login-card{border-radius:14px;padding:1.35rem 1.1rem 1.1rem}.login-title-main{font-size:1.35rem}.login-title-sub{font-size:.95rem}}.pricing-tabs{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1rem;display:flex}.pricing-layout{grid-template-columns:minmax(280px,1.1fr) minmax(280px,1fr);gap:1rem;display:grid}@media (width<=960px){.pricing-layout{grid-template-columns:1fr}}.pricing-list{max-height:70vh;overflow:auto}.pricing-detail .form-grid{gap:.65rem;margin:.75rem 0;display:grid}.pricing-detail label{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.pricing-detail input{border:1px solid var(--border,#d0d5dd);border-radius:8px;padding:.45rem .55rem}.channel-prices ul{margin:.35rem 0 0;padding-left:1.1rem}.row-selected{background:#1b7a3d1f}.pricing-mode-card{margin-bottom:.85rem}.pricing-mode-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.pricing-mode-hint{flex:220px;font-size:.86rem}.banner-ok{background:#e8f7ee;border:1px solid #b7e0c4;border-radius:8px;padding:.55rem .75rem}.audit-list{max-height:280px;font-size:.82rem;overflow:auto}.chk{align-items:center;gap:.35rem;font-size:.88rem;display:inline-flex}.banner-warn{background:#fff8e6;border:1px solid #f0d78c;border-radius:8px;margin:.5rem 0;padding:.55rem .75rem}.banner-err{color:#9b2c2c;background:#fdf2f0;border:1px solid #e8b4ae;border-radius:8px;margin:.5rem 0;padding:.55rem .75rem}.hpp-lock-card{max-width:420px;margin:1rem 0;padding:1.25rem}.hpp-unlock-form{flex-direction:column;gap:.75rem;margin:.75rem 0;display:flex}.hpp-unlock-form label{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.hpp-unlock-form input{border:1px solid var(--border,#d0d5dd);border-radius:8px;padding:.45rem .55rem}.muted.small,.small.muted{font-size:.82rem}.pricing-detail select,.pricing-list select{border:1px solid var(--border,#d0d5dd);border-radius:8px;width:100%;margin-bottom:.75rem;padding:.45rem .55rem}.banner-ok,.banner-err{border-radius:8px;margin:.5rem 0 .75rem;padding:.55rem .85rem;font-size:.9rem}.banner-ok{color:#17663a;background:#e8f7ee;border:1px solid #b7e0c4}.banner-err{color:#9b2c2c;background:#fdf2f0;border:1px solid #e8b4ae}.mgr-multiselect label{padding:.15rem 0}.btn-sm{padding:.25rem .55rem;font-size:.8rem}@media (width>=961px){.page{max-width:1520px}.main{padding-left:1.5rem;padding-right:1.75rem}.calc-table{min-width:1120px;font-size:.86rem}.calc-table th,.calc-table td{padding:.4rem .45rem}.calc-table .col-bagian,.calc-table th:nth-child(2),.calc-table td:nth-child(2){min-width:200px;max-width:none}.calc-table .col-bagian .editable-cell,.calc-table td:nth-child(2) .editable-cell{font-size:.88rem}.calc-table .col-bahan,.calc-table th:nth-child(3),.calc-table td:nth-child(3){min-width:300px}.calc-table .col-bahan .searchable-select,.calc-table td:nth-child(3) .searchable-select{min-width:280px}.calc-table .col-num,.calc-table th:nth-child(4),.calc-table td:nth-child(4),.calc-table th:nth-child(5),.calc-table td:nth-child(5),.calc-table th:nth-child(8),.calc-table td:nth-child(8){width:78px;min-width:78px;max-width:90px;padding-left:.3rem;padding-right:.3rem}.calc-table .col-num .editable-cell,.calc-table .col-num .num-input,.calc-table td:nth-child(4) .editable-cell,.calc-table td:nth-child(5) .editable-cell,.calc-table td:nth-child(8) .editable-cell{min-width:0;padding-left:.35rem;padding-right:.35rem}.calc-table th.col-num.computed-h,.calc-table td.col-num.computed-cell,.calc-table th:nth-child(6),.calc-table td:nth-child(6),.calc-table th:nth-child(7),.calc-table td:nth-child(7){width:100px;min-width:96px;max-width:120px}.calc-table th:nth-child(9),.calc-table td:nth-child(9){width:118px;min-width:110px;max-width:140px}.calc-table .col-no,.calc-table th:first-child,.calc-table td:first-child{width:40px;min-width:40px}.calc-table .col-action,.calc-table th:nth-child(10),.calc-table td:nth-child(10){width:108px;min-width:100px}.calc-table .row-actions{flex-wrap:nowrap;gap:.2rem}}@media (width>=1440px){.page{max-width:1640px}.calc-table{min-width:1200px}.calc-table .col-bagian,.calc-table th:nth-child(2),.calc-table td:nth-child(2){min-width:230px}.calc-table .col-bahan,.calc-table th:nth-child(3),.calc-table td:nth-child(3){min-width:340px}.calc-table .col-bahan .searchable-select,.calc-table td:nth-child(3) .searchable-select{min-width:320px}}[data-testid=owner-pricing-page] .pricing-detail{box-sizing:border-box;min-width:0;padding:1rem 1.1rem 1.15rem}[data-testid=owner-pricing-page] .pricing-detail .form-grid,[data-testid=owner-pricing-page] .op-identity-form,[data-testid=owner-pricing-page] .op-pricing-form,[data-testid=owner-pricing-page] .op-add-item-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.75rem 1rem;min-width:0;margin:.75rem 0;padding:0;display:grid}[data-testid=owner-pricing-page] .pricing-detail label{min-width:0}[data-testid=owner-pricing-page] .pricing-detail input,[data-testid=owner-pricing-page] .pricing-detail select{box-sizing:border-box;width:100%;max-width:100%}[data-testid=owner-pricing-page] .op-markup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;min-width:0;display:grid}[data-testid=owner-pricing-page] .op-add-kategori-row{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.5rem;min-width:0;display:flex}[data-testid=owner-pricing-page] .op-add-kategori-new{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;min-width:0;display:flex}[data-testid=owner-pricing-page] .op-add-kategori-new input{box-sizing:border-box;border:1px solid var(--border,#d0d5dd);border-radius:8px;flex:12rem;min-width:0;max-width:100%;padding:.45rem .55rem}[data-testid=owner-pricing-page] .op-add-item-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.5rem;display:flex}[data-testid=owner-pricing-page] [data-testid=hpp-add-item]{box-sizing:border-box;min-width:0;padding:1rem 1.1rem}[data-testid=owner-pricing-page] .pricing-detail .btn,[data-testid=owner-pricing-page] [data-testid=hpp-add-item] .btn{white-space:normal;max-width:100%}[data-testid=owner-pricing-page] .searchable-select-list{z-index:30}[data-testid=owner-pricing-page] .op-item-category-chips{flex-wrap:wrap;gap:.4rem;min-width:0;max-width:100%;display:flex}[data-testid=owner-pricing-page] .op-item-category-chips .chip{text-overflow:ellipsis;max-width:100%;overflow:hidden}[data-testid=owner-pricing-page] .op-item-kategori-toolbar{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:end;gap:.75rem 1rem;min-width:0;display:grid}[data-testid=owner-pricing-page] .op-item-kategori-move{flex-wrap:wrap;align-items:end;gap:.5rem;min-width:0;display:flex}[data-testid=owner-pricing-page] .op-item-kategori-manage{box-sizing:border-box;min-width:0}[data-testid=owner-pricing-page] .op-item-kategori-manage .table-wrap{max-width:100%}@media (width<=640px){[data-testid=owner-pricing-page] .op-item-kategori-toolbar,[data-testid=owner-pricing-page] .pricing-detail .form-grid,[data-testid=owner-pricing-page] .op-identity-form,[data-testid=owner-pricing-page] .op-pricing-form,[data-testid=owner-pricing-page] .op-add-item-grid,[data-testid=owner-pricing-page] .op-markup-grid{grid-template-columns:1fr}}