*{box-sizing:border-box;margin:0;padding:0}:root{--font-scale:1;--bg:#f3f5f8;--surface:#fff;--surface2:#eef2f6;--border:#d5dce5;--border-strong:#98a6b7;--text:#111827;--text2:#3f4a5a;--text3:#5f6b7a;--brand:#c62828;--primary:#1e3a5f;--primary-hover:#152b47;--primary-bg:#e6edf6;--green:#15803d;--green-bg:#e7f5ec;--orange:#b45309;--orange-bg:#fdf0e1;--red:#b91c1c;--red-bg:#fdeaea;--blue:#1d4ed8;--blue-bg:#e8eefc;--purple:#7e22ce;--purple-bg:#f3e8fd;--radius:12px;--shadow:0 1px 3px #11182714, 0 4px 16px #1118270f;--shadow-lg:0 10px 40px #1118272e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{font-size:calc(106.25% * var(--font-scale))}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}b,strong{font-weight:700}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--surface);border-top:4px solid var(--brand);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:.75rem;padding:.6rem 1.25rem;display:flex;position:sticky;top:0}.header-logo{border-radius:10px;flex-shrink:0;width:2.4rem;height:2.4rem}.header-title{font-size:1.05rem;font-weight:700;line-height:1.2}.header-sub{color:var(--text3);font-size:.8rem}.header-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-left:auto;display:flex}.sync-badge{white-space:nowrap;border-radius:99px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.85rem;font-weight:600;display:flex}.sync-online{background:var(--green-bg);color:var(--green)}.sync-offline{background:var(--orange-bg);color:var(--orange)}.sync-loading{background:var(--blue-bg);color:var(--blue)}.user-chip{align-items:center;gap:.4rem;display:flex}.user-name{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;max-width:10rem;font-size:.9rem;overflow:hidden}.main-area{flex:1;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:.25rem;width:14rem;padding:1rem .75rem;display:flex}.nav-btn{min-height:3rem;color:var(--text2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;padding:.5rem .9rem;font-size:1rem;font-weight:600;display:flex}.nav-btn:hover{background:var(--surface2);color:var(--text)}.nav-btn.active{background:var(--primary-bg);color:var(--primary)}.nav-btn .badge{background:var(--red);color:#fff;border-radius:99px;margin-left:auto;padding:.1rem .5rem;font-size:.75rem;font-weight:700}.content{flex:1;max-width:72rem;padding:1.5rem;overflow-y:auto}.page-title{margin-bottom:.3rem;font-size:1.6rem;font-weight:700;line-height:1.25}.page-sub{color:var(--text2);margin-bottom:1.25rem;font-size:1rem}.section-title{align-items:center;gap:.5rem;margin:1.75rem 0 .75rem;font-size:1.15rem;font-weight:700;display:flex}.btn{cursor:pointer;white-space:nowrap;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;min-height:2.9rem;padding:.55rem 1.1rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-sm{min-height:2.5rem;padding:.35rem .8rem;font-size:.9rem}.btn-lg{min-height:3.6rem;padding:.75rem 1.5rem;font-size:1.15rem}.btn-block{width:100%}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface2)}.btn-danger{background:var(--surface);color:var(--red);border-color:var(--red)}.btn-danger:hover{background:var(--red-bg)}.btn-masuk{background:var(--green);color:#fff}.btn-keluar{background:var(--orange);color:#fff}.btn-link{color:var(--blue);cursor:pointer;background:0 0;border:none;min-height:2.5rem;padding:.25rem 0;font-weight:600;text-decoration:underline}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-group{gap:.5rem;display:flex}.btn-group>.btn{flex:1}.home-greeting{font-size:1.5rem;font-weight:700}.home-date{color:var(--text2);margin-bottom:1.25rem}.big-actions{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.big-action{color:#fff;text-align:left;cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:16px;align-items:center;gap:1rem;min-height:7rem;padding:1.4rem 1.5rem;display:flex}.big-action:active{transform:scale(.99)}.big-action.masuk{background:var(--green)}.big-action.keluar{background:var(--orange)}.big-action-icon{background:#ffffff38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.4rem;height:3.4rem;display:flex}.big-action-title{font-size:1.45rem;font-weight:700;line-height:1.2}.big-action-sub{opacity:.95;font-size:1rem}.alert-panel{background:var(--surface);border:2px solid var(--red);border-radius:var(--radius);overflow:hidden}.alert-panel-title{background:var(--red-bg);color:var(--red);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:1.1rem;font-weight:700;display:flex}.alert-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.alert-row-name{font-weight:600}.alert-row-cat{color:var(--text3);font-size:.85rem}.alert-row-count{color:var(--red);white-space:nowrap;text-align:right;font-size:1.15rem;font-weight:700}.alert-row-count small{color:var(--text3);font-size:.8rem;font-weight:500;display:block}.alert-panel.warn{border-color:var(--orange)}.alert-panel.warn .alert-panel-title{background:var(--orange-bg);color:var(--orange)}.alert-panel.warn .alert-row-count{color:var(--orange)}.alert-more{border-top:1px solid var(--border);padding:.25rem 1rem}.all-good{background:var(--green-bg);color:var(--green);border-radius:var(--radius);align-items:center;gap:.6rem;padding:1rem;font-weight:600;display:flex}.home-links{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.recent-dir{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;display:flex}.recent-dir.masuk{background:var(--green-bg);color:var(--green)}.recent-dir.keluar{background:var(--orange-bg);color:var(--orange)}.recent-meta{color:var(--text3);font-size:.85rem}.wizard{background:var(--bg);z-index:300;flex-direction:column;display:flex;position:fixed;inset:0}.wizard-head{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.wizard-head.masuk{border-top:6px solid var(--green)}.wizard-head.keluar{border-top:6px solid var(--orange)}.wizard-title{flex:1;font-size:1.2rem;font-weight:700}.wizard-step{color:var(--text2);font-size:.9rem}.wizard-progress{gap:.35rem;width:100%;max-width:40rem;margin:0 auto;padding:.6rem 1rem 0;display:flex}.wizard-progress span{background:var(--border);border-radius:99px;flex:1;height:.4rem}.wizard-progress span.done{background:var(--primary)}.wizard-body{flex:1;width:100%;max-width:40rem;margin:0 auto;padding:1.25rem 1rem 2rem;overflow-y:auto}.wizard-question{margin-bottom:1rem;font-size:1.45rem;font-weight:700;line-height:1.3}.wizard-foot{background:var(--surface);border-top:1px solid var(--border);padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px))}.wizard-foot-inner{gap:.75rem;max-width:40rem;margin:0 auto;display:flex}.wizard-foot-inner>.btn{flex:1}.search-big{margin-bottom:1rem;position:relative}.search-big input{border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:100%;min-height:3.5rem;padding:.75rem 1rem .75rem 3rem;font-size:1.15rem}.search-big input:focus{border-color:var(--primary);outline:none}.search-big-icon{color:var(--text3);display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-clear{position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.list-label{color:var(--text2);margin:.5rem 0;font-weight:700}.pick-list{flex-direction:column;gap:.5rem;display:flex}.pick-item{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:3.75rem;padding:.7rem 1rem;display:flex}.pick-item:hover{border-color:var(--primary)}.pick-item.disabled{opacity:.55}.pick-item-name{font-size:1.05rem;font-weight:600;line-height:1.3}.pick-item-cat{color:var(--text3);font-size:.85rem}.pick-item-stock{text-align:right;white-space:nowrap;font-weight:700}.pick-item-stock small{color:var(--text3);font-size:.8rem;font-weight:500;display:block}.empty-note{background:var(--surface);border:2px dashed var(--border-strong);border-radius:var(--radius);text-align:center;color:var(--text2);padding:1.25rem}.chosen-item{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;padding:1rem}.chosen-item-name{font-size:1.15rem;font-weight:700}.chosen-item-stock{color:var(--text2)}.qty-stepper{justify-content:center;align-items:center;gap:1rem;margin:.5rem 0 .25rem;display:flex}.qty-btn{border:2px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:4.25rem;height:4.25rem;font-size:2rem;font-weight:700;display:flex}.qty-btn:disabled{opacity:.35;cursor:not-allowed}.qty-input{text-align:center;border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:7rem;min-height:4.25rem;font-size:2.2rem;font-weight:700}.qty-input:focus{border-color:var(--primary);outline:none}.qty-unit{text-align:center;color:var(--text2);margin-bottom:1.25rem;font-size:1.15rem}.after-stock{text-align:center;border-radius:var(--radius);background:var(--surface2);padding:.75rem;font-size:1.05rem}.review-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;padding:1.25rem}.review-card.masuk{border-color:var(--green)}.review-card.keluar{border-color:var(--orange)}.review-verb{letter-spacing:.02em;font-size:1rem;font-weight:700}.review-verb.masuk{color:var(--green)}.review-verb.keluar{color:var(--orange)}.review-main{margin:.2rem 0 .75rem;font-size:1.5rem;font-weight:700;line-height:1.3}.review-line{border-top:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.45rem 0;display:flex}.review-line span:first-child{color:var(--text2)}.review-line span:last-child{text-align:right;font-weight:600}.chips{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.chip{border:2px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:99px;min-height:2.9rem;padding:.45rem 1rem;font-weight:600}.chip.active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.done-screen{text-align:center;padding-top:1.5rem}.done-icon{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:5.5rem;height:5.5rem;margin:0 auto 1rem;display:flex}.done-title{margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.done-text{margin-bottom:.25rem;font-size:1.15rem}.done-sub{color:var(--text2);margin-bottom:1.5rem}.done-actions{flex-direction:column;gap:.75rem;max-width:24rem;margin:0 auto;display:flex}.done-voided{background:var(--surface2);border-radius:var(--radius);margin-bottom:1rem;padding:.75rem;font-weight:600}.form-group{margin-bottom:1.1rem}.form-label{color:var(--text);margin-bottom:.35rem;font-size:1rem;font-weight:600;display:block}.form-hint{color:var(--text3);margin-top:.25rem;font-size:.9rem}.form-input,select,.select-box{background:var(--surface);border:2px solid var(--border-strong);border-radius:10px;width:100%;min-height:3rem;padding:.55rem .85rem;font-size:1rem}.form-input:focus,select:focus{border-color:var(--primary);outline:none}.form-input:disabled{background:var(--surface2);color:var(--text3)}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-error{color:var(--red);background:var(--red-bg);border:2px solid var(--red);border-radius:10px;margin-bottom:1rem;padding:.7rem .9rem;font-weight:600}.kritis-toggle{text-align:left;cursor:pointer;border:2px solid var(--border-strong);background:var(--surface);border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.75rem .9rem;display:flex}.kritis-toggle.active{border-color:var(--red);background:var(--red-bg)}.kritis-check{border:2px solid var(--text3);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;display:flex}.kritis-check.checked{background:var(--red);border-color:var(--red)}.kritis-label{font-weight:600}.kritis-sub{color:var(--text3);font-size:.9rem}.modal-overlay{z-index:400;background:#1118278c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:32rem;max-width:100%;box-shadow:var(--shadow-lg);border-radius:16px;max-height:92vh;padding:1.5rem;overflow-y:auto}.modal-title{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.1rem;font-size:1.35rem;font-weight:700;display:flex}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:.75rem;display:flex}.modal-actions.spaced{margin-top:1.25rem}.font-options{flex-direction:column;gap:.6rem;display:flex}.font-option{border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;justify-content:space-between;align-items:center;min-height:3.5rem;padding:.6rem 1rem;font-weight:600;display:flex}.font-option.active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.search-box{background:var(--surface);border:2px solid var(--border-strong);min-width:14rem;min-height:3rem;color:var(--text3);border-radius:10px;flex:1;align-items:center;gap:.5rem;padding:0 .85rem;display:flex}.search-box input{color:var(--text);background:0 0;border:none;outline:none;width:100%;min-height:2.6rem;font-size:1rem}.tag{white-space:nowrap;border-radius:99px;padding:.15rem .65rem;font-size:.85rem;font-weight:600;display:inline-block}.tag-masuk{background:var(--green-bg);color:var(--green)}.tag-keluar{background:var(--orange-bg);color:var(--orange)}.tag-cat{background:var(--blue-bg);color:var(--blue)}.tag-admin{background:var(--purple-bg);color:var(--purple)}.tag-void{background:var(--surface2);color:var(--text2);margin-left:.35rem}.info-banner{border-radius:var(--radius);align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.85rem 1rem;display:flex}.info-banner.green{background:var(--green-bg);color:var(--green)}.export-preview{background:var(--surface2);text-align:center;border-radius:10px;margin-top:.5rem;padding:1rem}.export-preview-label{color:var(--text2);margin-bottom:.4rem;font-size:.9rem}.export-preview-number{font-size:1.6rem;font-weight:700}.csv-preview{resize:vertical;height:11rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.void-summary{background:var(--surface2);border-radius:10px;margin-bottom:.85rem;padding:.85rem 1rem}.void-explain{color:var(--text2);margin-bottom:1rem}.auth-screen{justify-content:center;align-items:center;min-height:70vh;padding:1.5rem 1rem;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);width:26rem;max-width:100%;box-shadow:var(--shadow);border-radius:16px;padding:1.75rem}.loading-screen{min-height:60vh;color:var(--text2);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1.1rem;display:flex}.spinner{border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:2.6rem;height:2.6rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{border-radius:var(--radius);z-index:500;width:max-content;max-width:calc(100vw - 2rem);box-shadow:var(--shadow-lg);cursor:pointer;color:#fff;padding:.9rem 1.2rem;font-size:1rem;font-weight:600;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.toast-success{background:var(--green)}.toast-error{background:var(--red)}.mono{font-family:JetBrains Mono,monospace}.small{font-size:.875rem}.semibold{font-weight:600}.muted{color:var(--text2)}.text-faint{color:var(--text3)}.text-red{color:var(--red)}.mobile-nav{background:var(--surface);border-top:1px solid var(--border);padding:.25rem 0 env(safe-area-inset-bottom,0px);z-index:100;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-inner{justify-content:space-around;display:flex}.mobile-nav-btn{color:var(--text2);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.1rem;min-height:3.6rem;padding:.35rem .25rem;font-size:.85rem;font-weight:600;display:flex}.mobile-nav-btn.active{color:var(--primary)}@media (width<=900px){.sidebar{display:none}.mobile-nav{display:block}.content{padding:1rem 1rem 6rem}}@media (width<=640px){.big-actions{grid-template-columns:1fr}.header{padding:.5rem .75rem}.header-sub,.user-name{display:none}.form-row{grid-template-columns:1fr}.toast{bottom:5rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.page-actions{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.search-box-page{min-height:3.4rem;margin-bottom:.75rem}.search-box-page input{font-size:1.05rem}.select-inline{width:auto;max-width:100%;margin-bottom:.5rem}.card-list{flex-direction:column;gap:.6rem;display:flex}.show-more{margin-top:.75rem}.tx-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex}.tx-card.voided .tx-card-text{color:var(--text3);text-decoration:line-through}.tx-card-body{flex:1;min-width:0}.tx-card-text{line-height:1.4}.tx-card-note{color:var(--text2);margin-top:.15rem;font-size:.95rem}.tx-card .tag-void{margin:.35rem 0 0}.stock-card,.user-card{background:var(--surface);border:1px solid var(--border);border-left:6px solid var(--green);border-radius:var(--radius);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.85rem 1rem;display:flex}.stock-card.status-hampir{border-left-color:var(--orange)}.stock-card.status-habis{border-left-color:var(--red)}.user-card{border-left-color:var(--primary);align-items:center}.user-card.inactive{border-left-color:var(--border-strong);opacity:.7}.stock-card-main{flex:1;min-width:0}.stock-card-name{overflow-wrap:anywhere;font-size:1.05rem;font-weight:700;line-height:1.3}.stock-card-meta{color:var(--text2);overflow-wrap:anywhere;margin-top:.15rem;font-size:.9rem}.stock-card-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.35rem;display:flex}.stock-card-count{white-space:nowrap;font-size:1.35rem;font-weight:700}.stock-card-count span{color:var(--text2);font-size:.9rem;font-weight:500}.status-pill{white-space:nowrap;border-radius:99px;align-items:center;gap:.3rem;padding:.15rem .6rem;font-size:.85rem;font-weight:700;display:inline-flex}.status-pill.cukup{background:var(--green-bg);color:var(--green)}.status-pill.hampir{background:var(--orange-bg);color:var(--orange)}.status-pill.habis{background:var(--red-bg);color:var(--red)}.tag-darurat{background:var(--red-bg);color:var(--red);margin-left:.4rem}.delete-name{background:var(--red-bg);border:2px solid var(--red);border-radius:var(--radius);overflow-wrap:anywhere;margin-bottom:.85rem;padding:.85rem 1rem;font-size:1.3rem;font-weight:700}.modal-actions-left{margin-right:auto}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));gap:1rem;display:grid}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--primary);overflow-wrap:anywhere;padding:1.1rem}.settings-card-title{color:var(--text);margin-top:.35rem;font-size:1.2rem;font-weight:700}.settings-card-text{color:var(--text2);margin:.35rem 0 .85rem}.settings-card-actions{flex-wrap:wrap;gap:.5rem;display:flex}.settings-card-actions .btn{white-space:normal;text-align:center;max-width:100%}.guide-grid{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem;display:grid}.guide{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);break-inside:avoid;padding:1.1rem 1.25rem}.guide-title{margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.guide-steps,.guide-points{flex-direction:column;gap:.4rem;padding-left:1.4rem;display:flex}.guide-steps li::marker{color:var(--primary);font-weight:700}.guide-footer{color:var(--text2);align-items:center;gap:.4rem;margin-top:1.25rem;display:flex}.tour-slide{text-align:center;padding:.5rem 0 1rem}.tour-icon{background:var(--primary-bg);width:5rem;height:5rem;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.tour-title{margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.tour-text{color:var(--text2);font-size:1.1rem}@media (width<=640px){.stock-card{flex-direction:column}.stock-card-side{flex-flow:wrap;align-items:center;width:100%}.stock-card-side .btn{margin-left:auto}.page-actions>.btn{flex:auto}}@media print{.header,.sidebar,.mobile-nav,.no-print,.toast{display:none!important}body,.app{background:#fff}.content{max-width:none;padding:0}.guide{border-color:#999}html{font-size:12pt}}.expiry-box{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem}.expiry-picker .form-row{margin-bottom:.25rem}.expiry-lewat{color:var(--red);font-weight:600}.expiry-segera{color:var(--orange);font-weight:600}.stock-card-buttons{gap:.4rem;display:flex}.alert-panel .alert-row-count.text-red{color:var(--red)}.tag-adjust{background:var(--blue-bg);color:var(--blue);margin:.35rem 0 0}.opname-row{background:var(--surface);border:1px solid var(--border);border-left:6px solid var(--border-strong);border-radius:var(--radius);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.opname-row.ok{border-left-color:var(--green)}.opname-row.diff{border-left-color:var(--orange)}.opname-input{flex-shrink:0;width:7.5rem}.opname-input .form-input{text-align:center;font-size:1.25rem;font-weight:700}.opname-diff{color:var(--orange);margin-top:.2rem;font-weight:700}.opname-diff.pas{color:var(--green)}.opname-bar{background:var(--surface);border:2px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow);z-index:5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;display:flex;position:sticky;bottom:0}.opname-bar-actions{flex-wrap:wrap;gap:.5rem;display:flex}.opname-review{max-height:16rem;margin:.5rem 0 .75rem;overflow-y:auto}.opname-card{align-items:center}@media (width<=900px){.opname-bar{bottom:4.5rem}}.settings-card-warn{border:2px solid var(--orange)}.backup-reminder{background:var(--orange-bg);color:var(--orange);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-weight:600;display:flex}.backup-reminder span{flex:1;min-width:12rem}.guide-sub{margin:.35rem 0}.darurat-basis{color:var(--text);margin-bottom:1rem}.darurat-summary{margin-bottom:1rem}.darurat-summary .alert-row{flex-wrap:wrap}.darurat-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.6rem}.darurat-section-head{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:3.2rem;padding:.6rem 1rem;font-weight:600;display:flex}.darurat-section-body{padding:0 1rem .75rem}.darurat-section-body .review-line span:first-child{color:var(--text)}.settings-card-danger{border:2px solid var(--red);color:var(--red);margin-top:1rem}.kosongkan-steps{flex-direction:column;gap:1.25rem;margin:1.25rem 0 0;padding-left:1.5rem;display:flex}.kosongkan-steps li::marker{font-weight:700}.kosongkan-input{letter-spacing:.08em;max-width:18rem;margin-top:.4rem;font-weight:700}.kosongkan-next{margin-top:1rem}.kosongkan-steps label{display:block}.merge-backup{color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.merge-card{color:var(--text);margin-top:.75rem}.merge-card .review-line:first-child{border-top:none}.merge-card .review-line span:first-child{color:var(--text)}.merge-stock{white-space:nowrap;align-items:center;gap:.5rem;display:flex}.merge-name-label{margin-top:.75rem;display:block}.merge-name-label .form-input{margin-top:.3rem}.merge-result{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.merge-warn{background:var(--orange-bg);color:var(--orange);border-radius:var(--radius);align-items:flex-start;gap:.5rem;margin:.75rem 0 0;padding:.75rem;display:flex}.merge-warn svg{flex-shrink:0;margin-top:.15rem}.merge-manual-title{margin-top:2rem}.merge-pick{align-items:center}.pindah-screen{max-width:36rem;margin:0 auto;padding:1.5rem 1rem 3rem}.pindah-lead{color:var(--text);font-size:1.15rem}.pindah-host{color:var(--primary);word-break:break-all;margin:.5rem 0;font-size:1.5rem;display:block}.pindah-steps{margin:1.25rem 0 1.5rem;font-size:1.05rem}.pindah-screen .btn-lg{justify-content:center;width:100%}.pindah-banner{background:var(--orange-bg);color:var(--orange);border-radius:var(--radius);align-items:flex-start;gap:.6rem;margin-bottom:1rem;padding:.75rem 1rem;font-weight:500;display:flex}.pindah-banner svg{flex-shrink:0;margin-top:.15rem}