.login-page{--login-bg:#e9eef5;--login-surface:#e5ebf3;--login-surface-strong:#dfe6ef;--login-text:#1f2c55;--login-muted:#7a86a0;--login-label:#55627d;--login-accent:#62cfe5;--login-accent-strong:#4ebed9;background:linear-gradient(#eef2f7 0%,#e7edf4 100%);place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.login-glow{pointer-events:none;filter:blur(14px);opacity:.75;border-radius:999px;position:absolute}.login-glow--one{background:#ffffffb8;width:320px;height:320px;top:-90px;left:-120px}.login-glow--two{background:#70cae029;width:340px;height:340px;bottom:-110px;right:-120px}.login-card{background:var(--login-surface);border-radius:34px;width:min(402px,100%);padding:40px 32px 28px;position:relative;box-shadow:-16px -16px 32px #ffffffe0,18px 18px 36px #a3b1c66b}.login-brandmark{width:88px;height:88px;color:var(--login-accent-strong);background:linear-gradient(145deg,#eef3f8,#d7e0ea);border-radius:50%;place-items:center;margin:0 auto 22px;display:grid;box-shadow:-10px -10px 22px #ffffffeb,12px 12px 24px #aab5c675,inset -3px -3px 8px #ffffff73,inset 3px 3px 8px #b2bdce38}.login-brandmark img{object-fit:contain;width:74px;height:48px;display:block}.login-heading{text-align:center}.login-heading>span{color:#61708d;letter-spacing:2.4px;font-size:10px;font-weight:900;display:block}.login-heading h1{color:var(--login-text);letter-spacing:-.55px;margin:10px 0;font-size:26px;line-height:1.15}.login-heading p{max-width:286px;color:var(--login-muted);margin:0 auto;font-size:12px;line-height:1.7}.login-form{gap:18px;margin-top:30px;display:grid}.login-field{gap:8px;display:grid}.login-field>span{color:var(--login-label);letter-spacing:.2px;padding-left:4px;font-size:11px;font-weight:800}.login-control{background:var(--login-surface);color:#7c879f;border-radius:999px;align-items:center;gap:10px;height:56px;padding:0 18px;transition:box-shadow .18s,color .18s;display:flex;box-shadow:inset 7px 7px 13px #b4becd94,inset -7px -7px 13px #ffffffeb}.login-control:focus-within{color:#4aaec6;box-shadow:inset 7px 7px 13px #b4becd9e,inset -7px -7px 13px #fffffff0,0 0 0 3px #62cfe52e}.login-control input{color:#334162;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:13px}.login-control input::placeholder{color:#97a3b7}.login-error{color:#c64957;background:#eef2f6;border-radius:16px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:10.5px;font-weight:700;display:flex;box-shadow:inset 5px 5px 10px #c7cfda70,inset -5px -5px 10px #ffffffe0}.login-submit{color:#fff;letter-spacing:.15px;cursor:pointer;background:linear-gradient(135deg,#74d9ea 0%,#58cade 52%,#46b9d1 100%);border:0;border-radius:999px;height:54px;margin-top:4px;font-size:13px;font-weight:850;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 14px 24px #46b9d147,inset 0 1px #ffffff57}.login-submit:hover{transform:translateY(-1px);box-shadow:0 18px 28px #46b9d152,inset 0 1px #ffffff57}.login-submit:disabled{opacity:.72;cursor:wait;transform:none}.login-footer{color:#7b87a0;border-top:1px solid #b9c4d459;justify-content:center;align-items:center;gap:9px;margin-top:24px;padding-top:18px;font-size:10px;display:flex}.login-footer .status-dot{background:#4dc889;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #4dc8891f}@media (width<=520px){.login-page{padding:18px}.login-card{border-radius:28px;width:min(100%,392px);padding:34px 22px 24px}.login-brandmark{width:80px;height:80px;margin-bottom:20px}.login-brandmark img{width:68px;height:44px}.login-heading h1{font-size:23px}.login-form{gap:16px;margin-top:26px}}.dashboard-grid{gap:14px;margin-bottom:14px;display:grid}.dashboard-grid--top,.dashboard-grid--middle{grid-template-columns:minmax(0,1.75fr) minmax(340px,.95fr)}.dashboard-grid--lower{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.dashboard-grid--bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.summary-card{position:relative}.summary-card__date{color:#7d88a5;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;top:24px;right:20px}.dashboard-metrics{margin-top:2px}.performance-card{min-height:236px}.line-chart{grid-template-columns:36px 1fr;gap:6px;height:178px;display:grid}.line-chart__y{color:#74809f;flex-direction:column;justify-content:space-between;padding:8px 0 20px;font-size:9px;display:flex}.line-chart__plot{min-width:0;position:relative}.line-chart__plot svg{z-index:2;width:100%;height:150px;position:relative}.chart-grid-lines{z-index:1;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:8px 0 30px}.chart-grid-lines i{border-top:1px solid #edf0f6;display:block}.line-chart__x{color:#6f7b98;text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;margin-top:-5px;font-size:8px;display:grid}.chart-callout{color:#fff;z-index:4;background:#6657f2;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800;position:absolute;top:8px;right:-2px;box-shadow:0 6px 13px #6557f240}.chart-legend{color:#667391;justify-content:center;gap:20px;margin-top:3px;font-size:9px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.legend-dot--purple{background:#6555f2}.legend-dot--light{background:#b9b3fb}.store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.store-card{background:linear-gradient(#fff,#f8faff);border:1px solid #edf0f5;border-radius:14px;padding:12px;box-shadow:0 5px 12px #4f5b7d0f}.store-card__top{align-items:center;gap:7px;margin-bottom:11px;display:flex}.store-card__top strong{flex:1;font-size:11px}.store-badge-icon{border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.store-badge-icon--red{color:#ff5c4d;background:#ffe8e4}.store-badge-icon--blue{color:#4d95ec;background:#e5f2ff}.store-badge-icon--purple{color:#754ee7;background:#eee7ff}.store-card>span{color:#65708e;margin-top:6px;font-size:10px;display:block}.store-card>b{color:#172050;margin-top:2px;font-size:14px;display:block}.ads-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.ads-stat{border-radius:13px;min-height:75px;padding:13px}.ads-stat span{color:#465270;margin-bottom:6px;font-size:10px;display:block}.ads-stat b{font-size:16px}.ads-stat--pink{background:#ffecef}.ads-stat--blue{background:#e7f2ff}.ads-stat--green{background:#e3f7ed}.ads-stat--purple{background:#eee8ff}.warehouse-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.warehouse-stats>div{background:#fafbfe;border:1px solid #edf0f5;border-radius:13px;grid-template-rows:auto auto auto;grid-template-columns:38px 1fr auto;align-items:center;column-gap:8px;padding:10px;display:grid}.warehouse-icon{border-radius:10px;grid-row:1/3;place-items:center;width:38px;height:38px;display:grid}.warehouse-icon--blue{color:#4d9cf6;background:#e6f2ff}.warehouse-icon--yellow{color:#f1aa1f;background:#fff1d3}.warehouse-stats span:not(.warehouse-icon){color:#596684;font-size:10px}.warehouse-stats b{font-size:16px}.warehouse-stats small{color:#8b96af;font-size:9px}.warehouse-stats i{background:#e6eaf1;border-radius:99px;grid-column:1/-1;height:6px;margin-top:8px;overflow:hidden}.warehouse-stats em{background:#53a6f8;border-radius:99px;height:100%;display:block}.warehouse-stats em:not(.bar-yellow){background:#25b875}.warehouse-stats>div:first-child em{background:#53a6f8}.warehouse-stats .bar-yellow{background:#f0ad1e}.stock-warning{color:#bd3745;background:linear-gradient(90deg,#ffe9eb,#fff0ef);border-radius:12px;align-items:center;gap:9px;margin-top:10px;padding:9px 11px;display:flex}.stock-warning>span{background:#ffdedf;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.stock-warning div{flex:1}.stock-warning strong,.stock-warning small{display:block}.stock-warning strong{font-size:11px}.stock-warning small{color:#80535a;margin-top:2px;font-size:9px}.stock-warning>b{font-size:20px}.activity-list{flex-direction:column;gap:5px;display:flex}.activity-row{border-bottom:1px solid #edf0f5;grid-template-columns:10px minmax(0,1fr) 90px 45px;align-items:center;gap:8px;min-height:32px;font-size:10px;display:grid}.activity-row:last-child{border-bottom:0}.activity-row strong{font-size:10px}.activity-row span:not(.activity-dot),.activity-row time{color:#71809e}.activity-row time{text-align:right}.activity-dot{border-radius:50%;width:7px;height:7px}.activity-dot--green{background:#25b875}.activity-dot--orange{background:#ff7a35}.activity-dot--blue{background:#4d7df3}.expense-row{align-items:center;gap:10px;padding:5px 2px;display:flex}.expense-icon{color:#6555ef;background:#eee9ff;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.expense-row>div{flex:1}.expense-row small,.expense-row strong{display:block}.expense-row small{color:#67738f;font-size:10px}.expense-row strong{margin-top:2px;font-size:15px}.expense-date{color:#7a87a4;align-items:center;gap:4px;margin-right:5px;font-size:9px;display:flex}.import-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.import-stat{border-radius:12px;grid-template-rows:auto auto;grid-template-columns:26px 1fr;column-gap:7px;padding:10px;display:grid}.import-stat svg{grid-row:1/3;align-self:center}.import-stat span{color:#56617e;font-size:9px}.import-stat b{font-size:14px}.import-stat--green{color:#25a96f;background:#e2f7ec}.import-stat--blue{color:#4a95ec;background:#e7f2ff}.import-stat--red{color:#e05760;background:#ffe8eb}.import-stat--purple{color:#6656d9;background:#f0edff}.import-stat--purple b{font-size:11px;line-height:1.2}@media (width<=1220px){.dashboard-grid--top,.dashboard-grid--middle,.dashboard-grid--lower,.dashboard-grid--bottom{grid-template-columns:1fr}.summary-card__date{margin:-4px 0 12px 45px;position:static}}@media (width<=760px){.store-grid,.warehouse-stats,.import-grid{grid-template-columns:1fr}.activity-row{grid-template-columns:10px 1fr auto}.activity-row time{display:none}.expense-row{flex-wrap:wrap;align-items:flex-start}}.dashboard-source-note,.dashboard-empty{color:#7a86a0;background:#f7f9fc;border:1px solid #edf0f5;border-radius:11px;margin-top:10px;padding:10px 12px;font-size:10px}.stock-warning--safe{color:#21835c;background:linear-gradient(90deg,#e5f7ee,#effaf5)}.stock-warning--safe>span{background:#d8f2e5}.stock-warning--safe small{color:#5c7b6d}.produk-subnav{background:#f3f5fa;border:1px solid #e7ebf2;border-radius:14px;align-items:center;gap:8px;width:max-content;max-width:100%;margin:-4px 0 16px;padding:5px;display:flex;overflow:auto}.produk-subnav__item{color:#6f7a97;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 14px;font-size:11px;font-weight:800}.produk-subnav__item--active{color:#5b4dea;background:#fff;box-shadow:0 5px 14px #39436614}.produk-metrics{margin-bottom:14px}.produk-metrics .metric-card{min-height:135px}.produk-toolbar{gap:10px;margin-bottom:8px;display:flex}.produk-search{color:#7985a1;background:#f9fbfe;border:1px solid #e3e8f0;border-radius:12px;flex:1;align-items:center;gap:8px;min-width:230px;height:42px;padding:0 12px;display:flex}.produk-search input{color:#35405e;background:0 0;border:0;outline:0;flex:1}.produk-toolbar select{color:#55617e;background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:0 12px}.produk-bottom{margin-top:14px}.produk-stack{gap:14px;display:grid}.produk-actions{align-items:center;gap:6px;display:flex}.pricing-example{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;display:grid}.pricing-example div:not(.pricing-arrow){background:#f8fafe;border:1px solid #edf1f6;border-radius:12px;padding:13px}.pricing-example span,.pricing-example b{display:block}.pricing-example span{color:#75819e;font-size:10px}.pricing-example b{margin-top:4px;font-size:16px}.pricing-arrow{color:#6758f3;font-weight:800}.mapping-sample{border-bottom:1px solid #edf1f6;grid-template-columns:95px 1fr auto 1.2fr auto;align-items:center;gap:8px;padding:10px 0;font-size:10px;display:grid}.mapping-sample:last-child{border-bottom:0}.mapping-sample span{color:#76819e}.mapping-sample i{color:#6555ef;font-style:normal}.mapping-sample b,.mapping-sample strong{color:#273254}.produk-table td{white-space:nowrap}.produk-mapping-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.produk-mapping-form__action{grid-column:1/-1;justify-content:flex-end;display:flex}.produk-inline-note{align-items:center;margin-top:12px}.pricing-head{justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px;display:flex}.pricing-product-select{flex:1;max-width:620px}.pricing-overview{margin-bottom:14px}.pricing-overview .mini-panel{min-height:92px}.pricing-status{align-items:center;min-height:28px;display:flex}.pricing-workspace{grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);align-items:start;gap:14px;display:grid}.pricing-editor{background:#f9fbfe;border:1px solid #edf1f6;border-radius:16px;padding:15px}.pricing-section-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:11px;display:flex}.pricing-section-title h3{color:#202a55;margin:0;font-size:14px}.pricing-section-title p{color:#7b87a3;margin:4px 0 0;font-size:10px;line-height:1.45}.pricing-section-title--fees{margin-top:18px}.currency-input{background:#fff;border:1px solid #e1e7ef;border-radius:11px;align-items:center;gap:8px;display:flex;overflow:hidden}.currency-input span{color:#667393;padding-left:11px;font-size:11px;font-weight:800}.currency-input input{box-shadow:none;border:0;border-radius:0;padding-left:0}.currency-input:focus-within{border-color:#bcb4ff;box-shadow:0 0 0 3px #6758f314}.fee-list{gap:8px;display:grid}.fee-row{background:#fff;border:1px solid #e9edf4;border-radius:13px;grid-template-columns:minmax(140px,1.5fr) minmax(125px,1fr) minmax(85px,.7fr) minmax(110px,.8fr) 34px;align-items:end;gap:8px;padding:10px;display:grid}.fee-result{flex-direction:column;justify-content:flex-end;gap:7px;min-height:61px;padding-bottom:3px;display:flex}.fee-result span{color:#7b87a3;font-size:10px;font-weight:700}.fee-result b{color:#273254;font-size:12px}.fee-remove{margin-bottom:3px}.pricing-empty{background:#fff;border:1px dashed #d9dfeb;border-radius:12px}.pricing-summary{color:#fff;background:linear-gradient(145deg,#6a58f2,#5546d9);border-radius:18px;padding:18px;position:sticky;top:18px;box-shadow:0 18px 34px #5445d33d}.pricing-summary__eyebrow{letter-spacing:1.2px;opacity:.72;font-size:9px;font-weight:900}.pricing-summary__product{letter-spacing:-.3px;margin-top:10px;font-size:17px;font-weight:850}.pricing-summary__product span{opacity:.7;margin-top:4px;font-size:10px;font-weight:600;line-height:1.4;display:block}.pricing-summary__line{justify-content:space-between;align-items:center;gap:12px;margin-top:15px;font-size:11px;display:flex}.pricing-summary__line span{opacity:.78}.pricing-summary__line b{text-align:right;font-size:12px}.pricing-summary__line--received{border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;margin-top:17px;padding:12px 0}.pricing-summary__line--received b{font-size:18px}.pricing-summary__divider{background:#ffffff1f;height:1px;margin:14px 0 0}.pricing-summary__line--result b{color:#c8ffd9;font-size:15px}.pricing-summary__line--negative b{color:#ffd4d8}.pricing-summary__note{opacity:.67;margin:16px 0 0;font-size:9px;line-height:1.5}.pricing-summary__save{color:#5d4ee5;width:100%;box-shadow:none;background:#fff;justify-content:center;margin-top:14px}@media (width<=1050px){.pricing-workspace{grid-template-columns:1fr}.pricing-summary{position:static}.fee-row{grid-template-columns:repeat(2,minmax(0,1fr))}.fee-result{min-height:auto;padding:0}.fee-remove{align-self:end;margin:0}}@media (width<=760px){.produk-toolbar{flex-direction:column}.pricing-example{grid-template-columns:1fr}.pricing-arrow{text-align:center;transform:rotate(90deg)}.mapping-sample{grid-template-columns:1fr}.mapping-sample i{display:none}.produk-mapping-form{grid-template-columns:1fr}.pricing-head{flex-direction:column;align-items:stretch}.fee-row{grid-template-columns:1fr}.fee-remove{justify-self:start}.produk-actions{flex-direction:column;align-items:stretch}}.pricing-fee-head{background:#fff;border:1px solid #e8edf4;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:18px;margin-bottom:12px;padding:14px 15px;display:flex}.pricing-fee-head h3{color:#202a55;margin:0;font-size:14px}.pricing-fee-head p{color:#7b87a3;max-width:560px;margin:5px 0 0;font-size:10px;line-height:1.5}.pricing-fee-head__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.pricing-fee-head__actions strong{color:#ee4d2d;white-space:nowrap;background:#fff4f0;border:1px solid #ffd9cf;border-radius:11px;padding:9px 11px;font-size:12px}.fee-list--shopee{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px}.fee-toggle-row{background:#fff;border:1px solid #e9edf4;border-radius:13px;grid-template-columns:32px minmax(105px,1fr) minmax(88px,.72fr) minmax(92px,.78fr) 26px;align-items:center;gap:8px;min-height:60px;padding:8px 9px;transition:all .18s;display:grid}.fee-toggle-row--active{border-color:#ffd2c7;box-shadow:0 6px 14px #ee4d2d0e}.fee-toggle-row--inactive{opacity:.72;background:#fbfcfe}.fee-check{cursor:pointer;place-items:center;width:30px;height:30px;display:grid;position:relative}.fee-check input{opacity:0;pointer-events:none;position:absolute}.fee-check span{color:#0000;background:#fff;border:2px solid #aeb5c2;border-radius:8px;place-items:center;width:26px;height:26px;font-size:17px;font-weight:900;line-height:1;transition:all .18s;display:grid}.fee-check input:checked+span{color:#fff;background:#ee4d2d;border-color:#ee4d2d;box-shadow:0 4px 10px #ee4d2d2e}.fee-check input:focus-visible+span{outline-offset:2px;outline:3px solid #6758f329}.fee-identity{flex-direction:column;gap:3px;min-width:0;display:flex}.fee-identity strong{color:#303a55;font-size:11px;line-height:1.25}.fee-name-input{color:#303a55;background:#fff;border:1px solid #dfe5ee;border-radius:9px;outline:0;width:100%;min-width:0;padding:7px 8px;font-size:10px;font-weight:750}.fee-name-input:focus{border-color:#bcb4ff;box-shadow:0 0 0 3px #6758f314}.fee-custom-type{color:#7d879e;background:0 0;border:0;outline:0;width:max-content;max-width:100%;padding:0;font-size:8px;font-weight:750}.fee-value-control{background:#fff;border:1px solid #dfe5ee;border-radius:10px;align-items:center;gap:5px;min-height:36px;padding:0 8px;display:flex}.fee-value-control span{color:#7c869d;font-size:10px;font-weight:850}.fee-value-control input{color:#25304d;text-align:right;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px;font-weight:850}.fee-toggle-row--inactive .fee-value-control{background:#f5f6f9}.fee-result--toggle{justify-content:center;gap:3px;min-width:0;min-height:auto;padding:0}.fee-result--toggle span{font-size:8px}.fee-result--toggle b{overflow-wrap:anywhere;font-size:10px;line-height:1.25}.fee-remove{width:26px;height:26px;margin:0}.pricing-fee-footnote{color:#7f899f;background:#f5f7fb;border-radius:11px;margin-top:10px;padding:10px 12px;font-size:9px;line-height:1.5}@media (width<=1380px){.fee-list--shopee{grid-template-columns:1fr}.fee-toggle-row{grid-template-columns:32px minmax(150px,1.4fr) minmax(110px,.8fr) minmax(110px,.8fr) 26px}}@media (width<=850px){.pricing-fee-head{flex-direction:column}.pricing-fee-head__actions{justify-content:flex-start}.fee-list--shopee{grid-template-columns:1fr}.fee-toggle-row{grid-template-columns:32px minmax(0,1fr);align-items:start}.fee-value-control,.fee-result--toggle,.fee-toggle-row .fee-remove{grid-column:2}.fee-result--toggle{align-items:flex-start}.fee-value-control input{text-align:left}}.mapping-toolbar{grid-template-columns:minmax(150px,.7fr) minmax(280px,1.8fr) minmax(170px,.7fr);align-items:end;gap:12px;display:grid}.mapping-search-field .produk-search{width:100%;min-width:0}.mapping-search-field .produk-search input{min-width:0}.mapping-key-card{background:#f8f9fd;border:1px solid #e4e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-top:13px;padding:13px 14px;display:flex}.mapping-key-card>div:first-child{flex-direction:column;gap:4px;display:flex}.mapping-key-card span{color:#7d879e;font-size:9px;font-weight:750}.mapping-key-card strong{color:#2a3454;font-size:13px}.mapping-key-card__stats{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.mapping-key-card__stats span{color:#6e7894;background:#fff;border:1px solid #e6eaf2;border-radius:999px;padding:6px 9px}.mapping-editor{gap:14px;display:grid}.mapping-source-grid{grid-template-columns:minmax(150px,.8fr) minmax(260px,1.5fr);gap:10px;display:grid}.mapping-source-field{background:#f8fafd;border:1px solid #e8ecf3;border-radius:13px;min-width:0;padding:12px 13px}.mapping-source-field span{color:#8791a7;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.mapping-source-field strong{color:#2c3654;overflow-wrap:anywhere;font-size:11px;line-height:1.45;display:block}.mapping-source-field--key{background:#f5f3ff;border-color:#d8d2ff}.mapping-source-field--key strong{color:#5e50dc}.mapping-target-row{grid-template-columns:minmax(260px,1.4fr) minmax(150px,.55fr) auto;align-items:end;gap:12px;padding-top:3px;display:grid}.mapping-target-preview{background:#fff;border:1px solid #e4e9f1;border-radius:12px;flex-direction:column;justify-content:center;min-height:61px;padding:10px 12px;display:flex}.mapping-target-preview span{color:#8791a7;font-size:9px;font-weight:750}.mapping-target-preview strong{color:#273253;overflow-wrap:anywhere;margin-top:5px;font-size:12px}.mapping-editor__actions{align-items:center;gap:8px;min-height:61px;display:flex}.mapping-table{min-width:1180px}.mapping-table td{vertical-align:top}.mapping-table__product{max-width:310px;line-height:1.45;white-space:normal!important}.mapping-table__reference{overflow-wrap:anywhere;color:#5548c9;max-width:300px;line-height:1.45;white-space:normal!important}.mapping-target-cell{flex-direction:column;gap:4px;min-width:150px;display:flex}.mapping-target-cell strong{color:#263150;font-size:11px}.mapping-target-cell span{color:#8a94a8;white-space:normal;font-size:9px;line-height:1.35}.mapping-empty{color:#a0a8b8;font-size:10px;font-weight:700}.mapping-source-note{color:#7f899f;background:#f5f7fb;border-radius:11px;margin-top:12px;padding:10px 12px;font-size:9px;line-height:1.55}.mapping-sample--reference{grid-template-columns:95px minmax(0,1.3fr) auto minmax(90px,.7fr) auto}.mapping-sample--reference b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=900px){.mapping-toolbar,.mapping-source-grid,.mapping-target-row{grid-template-columns:1fr}.mapping-editor__actions{justify-content:flex-end;min-height:auto}.mapping-key-card{flex-direction:column;align-items:flex-start}.mapping-key-card__stats{justify-content:flex-start}}.soft-table.produk-table--centered th,.soft-table.produk-table--centered td{text-align:center;vertical-align:middle}.produk-table--centered .produk-actions,.produk-table--centered .mapping-target-cell{justify-content:center;align-items:center}.produk-table--centered .mapping-table__product,.produk-table--centered .mapping-table__reference{margin-left:auto;margin-right:auto}.table-pagination{color:#7b859c;background:#f8f9fc;border:1px solid #e7ebf2;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:10px 12px;font-size:10px;font-weight:700;display:flex}.table-pagination__actions{justify-content:center;align-items:center;gap:9px;display:flex}.table-pagination__actions strong{text-align:center;color:#4a5572;min-width:82px;font-size:10px}.table-pagination .btn:disabled{opacity:.42;cursor:not-allowed;transform:none}@media (width<=720px){.table-pagination{text-align:center;flex-direction:column;align-items:stretch}.table-pagination__actions{flex-wrap:wrap}}.ad-product-mapping-form{grid-template-columns:minmax(150px,.65fr) minmax(220px,.85fr) minmax(320px,1.5fr) auto;align-items:end;gap:12px;display:grid}.ad-product-mapping-form__action{align-items:flex-end;min-height:61px;display:flex}.ad-product-mapping-form__action .btn{white-space:nowrap}.ad-product-mapping-key{margin-bottom:12px}.ad-product-mapping-table{min-width:880px}.ad-product-mapping-table td:nth-child(4){white-space:normal;min-width:260px;line-height:1.45}.ad-product-mapping-table-wrap .empty-note{margin-top:10px}@media (width<=1050px){.ad-product-mapping-form{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-product-mapping-form__action{align-items:center;min-height:auto}.ad-product-mapping-form__action .btn{justify-content:center;width:100%}}@media (width<=650px){.ad-product-mapping-form{grid-template-columns:1fr}}.catalog-import-head{grid-template-columns:minmax(150px,.6fr) minmax(300px,1.25fr) minmax(280px,1.15fr);align-items:end;gap:12px;display:grid}.catalog-file-field input[type=file]{color:#5b6680;background:#fff;border:1px solid #dfe5ee;border-radius:11px;width:100%;min-height:42px;padding:8px 10px;font-size:10px}.catalog-import-guide{background:#f8f9fd;border:1px solid #e6e9f1;border-radius:13px;flex-direction:column;justify-content:center;gap:5px;min-height:61px;padding:11px 13px;display:flex}.catalog-import-guide strong{color:#2b3656;font-size:11px}.catalog-import-guide span{color:#7d879e;font-size:9px;line-height:1.5}.catalog-reading{color:#6154d8;background:#f4f2ff;border-radius:11px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:10px;font-weight:750;display:flex}.catalog-reading__dot{background:#7565ef;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #7565ef1a}.catalog-file-summary{border:1px solid #dfe6ef;border-radius:14px;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:10px 16px;margin-top:12px;padding:13px 14px;display:grid}.catalog-file-summary--ok{background:#f5fbf7;border-color:#d5ebdc}.catalog-file-summary--warning{background:#fff9ef;border-color:#f0dfb9}.catalog-file-summary>div:first-child{flex-direction:column;gap:4px;min-width:0;display:flex}.catalog-file-summary span{color:#8791a7;text-transform:uppercase;letter-spacing:.35px;font-size:9px;font-weight:800}.catalog-file-summary strong{color:#2e3856;overflow-wrap:anywhere;font-size:11px}.catalog-file-summary__stats{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.catalog-file-summary__stats b{color:#5d6882;white-space:nowrap;background:#fff;border:1px solid #78829b2b;border-radius:999px;padding:6px 9px;font-size:9px}.catalog-file-summary p{color:#8a6a24;grid-column:1/-1;margin:0;font-size:9px;line-height:1.5}.catalog-map-toolbar{grid-template-columns:minmax(280px,1fr) minmax(150px,.4fr) auto;align-items:center;gap:10px;margin-top:14px;display:grid}.catalog-map-toolbar .produk-search{width:100%}.catalog-map-toolbar>select{min-height:42px}.catalog-map-toolbar .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.catalog-map-stats{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.catalog-map-stats span{color:#7a849c;background:#f8f9fc;border:1px solid #e5e9f1;border-radius:999px;align-items:center;gap:4px;padding:6px 9px;font-size:9px;display:flex}.catalog-map-stats b{color:#38435f;font-size:10px}.catalog-map-row--selected td{background:#faf9ff}.catalog-check{cursor:pointer;place-items:center;width:28px;height:28px;display:inline-grid;position:relative}.catalog-check input{opacity:0;position:absolute}.catalog-check span{color:#0000;background:#fff;border:2px solid #b7becd;border-radius:7px;place-items:center;width:24px;height:24px;font-size:15px;font-weight:900;transition:all .18s;display:grid}.catalog-check input:checked+span{color:#fff;background:#6f5ee8;border-color:#6f5ee8}.catalog-product-cell{min-width:270px;max-width:360px;white-space:normal!important;text-align:left!important}.catalog-product-cell strong{color:#2d3755;font-size:10px;line-height:1.45;display:block}.catalog-product-cell span,.catalog-subtext{color:#9099ab;margin-top:4px;font-size:8px;line-height:1.35;display:block}.catalog-code{color:#5548c9;font-size:10px}.catalog-target-cell select{color:#3b4662;background:#fff;border:1px solid #dfe5ee;border-radius:9px;width:100%;min-height:36px;padding:6px 8px;font-size:9px}.catalog-target-cell span{color:#8791a7;margin-top:5px;font-size:8px;display:block}.catalog-variant-detail-row>td{background:#f8f9fd!important;padding:0!important}.catalog-variant-panel__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.catalog-variant-panel__head>div{flex-direction:column;gap:4px;display:flex}.catalog-variant-panel__head strong{color:#2c3654;font-size:11px}.catalog-variant-panel__head span{color:#8791a7;font-size:9px}.catalog-variant-panel__head>b{color:#6758dd;white-space:nowrap;background:#f2efff;border:1px solid #ded9ff;border-radius:999px;padding:6px 9px;font-size:9px}.catalog-variant-table-wrap{background:#fff;border:1px solid #e4e8f0;border-radius:11px;overflow:auto}.catalog-variant-table{border-collapse:collapse;width:100%;min-width:820px}.catalog-variant-table th,.catalog-variant-table td{text-align:center;color:#5e6880;border-bottom:1px solid #edf0f5;padding:9px 10px;font-size:9px}.catalog-variant-table th{color:#7c869b;text-transform:uppercase;letter-spacing:.3px;background:#f6f7fa;font-size:8px}.catalog-variant-table tr:last-child td{border-bottom:0}.catalog-variant-table td:nth-child(2){text-align:left;min-width:190px}.catalog-variant-table select{color:#3f4964;background:#fff;border:1px solid #dfe5ee;border-radius:8px;width:100%;min-height:34px;padding:5px 7px;font-size:9px}@media (width<=1050px){.catalog-import-head{grid-template-columns:1fr 1fr}.catalog-import-guide{grid-column:1/-1}.catalog-map-toolbar{grid-template-columns:1fr 180px}.catalog-map-toolbar .btn{grid-column:1/-1;justify-self:end}.catalog-file-summary{grid-template-columns:1fr}.catalog-file-summary__stats{justify-content:flex-start}}@media (width<=720px){.catalog-import-head,.catalog-map-toolbar{grid-template-columns:1fr}.catalog-import-guide,.catalog-map-toolbar .btn{grid-column:auto}.catalog-map-toolbar .btn{justify-content:center;width:100%}.catalog-file-summary__stats{flex-direction:column;align-items:flex-start}.catalog-variant-panel__head{flex-direction:column}}.catalog-import-head{align-items:stretch}.catalog-import-head>.field{justify-content:flex-end;min-width:0}.catalog-file-field input[type=file]{box-sizing:border-box;height:42px}.catalog-import-guide{box-sizing:border-box;height:100%}.catalog-map-toolbar{grid-template-columns:minmax(320px,1.5fr) minmax(190px,.55fr) minmax(190px,auto);align-items:end}.catalog-toolbar-control{flex-direction:column;gap:6px;min-width:0;display:flex}.catalog-toolbar-control>span,.catalog-toolbar-action>span{color:#667393;font-size:11px;font-weight:700}.catalog-toolbar-control--search .produk-search,.catalog-toolbar-control select{box-sizing:border-box;height:42px}.catalog-toolbar-action{flex-direction:column;align-items:stretch;gap:6px;min-width:190px;display:flex}.catalog-toolbar-action .btn{white-space:nowrap;justify-content:center;height:42px}.catalog-map-table th,.catalog-map-table td{vertical-align:middle}.catalog-map-table th:nth-child(3),.catalog-map-table td:nth-child(3){text-align:left}.catalog-map-table th:first-child,.catalog-map-table td:first-child{width:64px}.catalog-map-table th:nth-child(2),.catalog-map-table td:nth-child(2),.catalog-map-table th:nth-child(4),.catalog-map-table td:nth-child(4){width:130px}.catalog-target-cell{vertical-align:middle!important}.catalog-target-cell select{min-height:38px}.catalog-map-table .btn--small{white-space:nowrap;justify-content:center;min-height:36px}.catalog-variant-table th,.catalog-variant-table td{vertical-align:middle}@media (width<=1050px){.catalog-map-toolbar{grid-template-columns:minmax(0,1fr) 190px}.catalog-toolbar-action{grid-column:1/-1;justify-self:end;width:220px}.catalog-toolbar-action .btn{width:100%}}@media (width<=720px){.catalog-map-toolbar{grid-template-columns:1fr}.catalog-toolbar-action{grid-column:auto;justify-self:stretch;width:auto}.catalog-toolbar-action .btn{width:100%}}.produk-master-table{table-layout:fixed;width:100%;min-width:0}.produk-master-table__col--product{width:23%}.produk-master-table__col--parent{width:11%}.produk-master-table__col--variant{width:10%}.produk-master-table__col--hpp,.produk-master-table__col--shopee,.produk-master-table__col--offline{width:11%}.produk-master-table__col--status{width:9%}.produk-master-table__col--actions{width:14%}.produk-master-table th,.produk-master-table td{vertical-align:middle}.produk-master-table th:first-child,.produk-master-table td:first-child{text-align:left}.produk-master-name{white-space:normal!important;text-align:left!important;min-width:0!important}.produk-master-name strong{color:#2d3755;font-size:11px;line-height:1.45;display:block}.produk-master-name span{color:#8a94aa;word-break:break-word;margin-top:4px;font-size:8px;line-height:1.45;display:block}.produk-master-table td:nth-child(2),.produk-master-table td:nth-child(4),.produk-master-table td:nth-child(5),.produk-master-table td:nth-child(6){color:#334060;font-weight:700}.produk-master-table td:last-child{padding-left:8px;padding-right:8px}.produk-variant-count{color:#5f6a83;background:#f8f9fc;border:1px solid #e3e7ef;border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:6px 9px;font-size:9px;font-weight:800;display:inline-flex}.product-editor-modal{width:min(1240px,96vw);max-width:1240px}.product-editor-body{gap:14px;display:grid}.product-parent-grid{grid-template-columns:minmax(220px,1.2fr) minmax(190px,.8fr) minmax(160px,.55fr);gap:12px;display:grid}.product-variant-heading{justify-content:space-between;align-items:center;gap:12px;padding-top:2px;display:flex}.product-variant-heading>div{flex-direction:column;gap:4px;display:flex}.product-variant-heading strong{color:#283352;font-size:12px}.product-variant-heading span{color:#8791a7;font-size:9px}.product-variant-editor{background:#fff;border:1px solid #e5e9f1;border-radius:13px;overflow:auto}.product-variant-row{box-sizing:border-box;border-bottom:1px solid #edf0f5;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.35fr) minmax(0,.95fr) minmax(0,.95fr) minmax(0,.95fr) 90px;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:grid}.product-variant-row>*{min-width:0}.product-variant-row:last-child{border-bottom:0}.product-variant-row--head{z-index:1;color:#7a849b;text-transform:uppercase;letter-spacing:.25px;background:#f6f7fa;font-size:8px;font-weight:850;position:sticky;top:0}.product-variant-row--head span{text-align:center;justify-content:center;align-items:center;line-height:1.35;display:flex}.product-variant-row input{color:#35405e;box-sizing:border-box;background:#fff;border:1px solid #dfe5ee;border-radius:9px;outline:0;width:100%;min-width:0;height:38px;padding:0 9px;font-size:10px}.product-variant-row input:focus{border-color:#bcb4ff;box-shadow:0 0 0 3px #6758f314}.product-money-input{box-sizing:border-box;background:#fff;border:1px solid #dfe5ee;border-radius:9px;align-items:center;gap:5px;height:38px;padding-left:8px;display:flex}.product-money-input:focus-within{border-color:#bcb4ff;box-shadow:0 0 0 3px #6758f314}.product-money-input span{color:#7b859b;flex:none;font-size:9px;font-weight:800}.product-money-input input{text-align:left;border:0;height:34px;padding-left:0;box-shadow:none!important}.product-variant-action{justify-content:center;align-items:center;min-height:38px;display:flex}.product-variant-action .btn{justify-content:center;width:100%}.product-variant-action>span{color:#8e98ac;text-align:center;font-size:8px;font-weight:750}.product-master-flow-note,.product-editor-error{align-items:center;margin:0}@media (width<=1120px){.produk-master-table{min-width:980px}.product-variant-row{min-width:1040px}.product-editor-modal{width:min(1180px,96vw)}}@media (width<=900px){.product-parent-grid{grid-template-columns:1fr 1fr}.product-parent-grid>.field:last-child{grid-column:1/-1}.product-variant-heading{flex-direction:column;align-items:stretch}.product-variant-heading .btn{align-self:flex-start}}@media (width<=620px){.product-parent-grid{grid-template-columns:1fr}.product-parent-grid>.field:last-child{grid-column:auto}.product-variant-heading .btn{justify-content:center;width:100%}}.pricing-history-table{table-layout:fixed;width:100%;min-width:0}.pricing-history-table__time{width:14%}.pricing-history-table__product{width:24%}.pricing-history-table__hpp{width:10%}.pricing-history-table__price{width:11%}.pricing-history-table__deduction{width:13%}.pricing-history-table__received,.pricing-history-table__profit{width:14%}.soft-table.pricing-history-table th,.soft-table.pricing-history-table td{vertical-align:middle;text-align:center;padding-left:10px;padding-right:10px}.soft-table.pricing-history-table th{white-space:nowrap;padding-top:0;padding-bottom:5px;font-size:9px}.soft-table.pricing-history-table td{white-space:nowrap;padding-top:10px;padding-bottom:10px}.soft-table.pricing-history-table th:nth-child(2),.soft-table.pricing-history-table td:nth-child(2){text-align:left}.pricing-history-product{white-space:normal!important}.pricing-history-product strong{line-height:1.35;display:block}.pricing-history-product span{color:#8a94aa;margin-top:3px;font-size:8px;line-height:1.35;display:block}.pricing-history-profit{font-weight:850}.pricing-history-profit--positive{color:#129b58!important}.pricing-history-profit--negative{color:#e14b55!important}@media (width<=980px){.pricing-history-table{min-width:980px}}.catalog-file-field input[type=file]{font-size:11px}.catalog-import-guide strong{font-size:12px}.catalog-import-guide span{font-size:10.5px;line-height:1.6}.catalog-reading{font-size:11px}.catalog-file-summary span{font-size:10px}.catalog-file-summary strong{font-size:12px;line-height:1.45}.catalog-file-summary__stats b{padding:7px 10px;font-size:10.5px}.catalog-file-summary p{font-size:10.5px;line-height:1.6}.catalog-toolbar-control>span,.catalog-toolbar-action>span{font-size:12px}.catalog-map-stats{gap:9px;margin:12px 0}.catalog-map-stats span{padding:7px 10px;font-size:10.5px}.catalog-map-stats b{font-size:11.5px}.catalog-map-table{min-width:1260px}.catalog-map-table th{letter-spacing:.42px;padding:0 12px 6px;font-size:11px}.catalog-map-table td{padding:14px 12px;font-size:12px;line-height:1.45}.catalog-map-table .badge{white-space:nowrap;padding:6px 10px;font-size:11px}.catalog-map-table th:nth-child(2),.catalog-map-table td:nth-child(2),.catalog-map-table th:nth-child(4),.catalog-map-table td:nth-child(4){width:145px}.catalog-map-table th:nth-child(5),.catalog-map-table td:nth-child(5){width:100px}.catalog-map-table th:nth-child(6),.catalog-map-table td:nth-child(6){width:120px}.catalog-map-table th:nth-child(8),.catalog-map-table td:nth-child(8){width:135px}.catalog-product-cell{min-width:320px;max-width:410px}.catalog-product-cell strong{font-size:12px;line-height:1.5}.catalog-product-cell span,.catalog-subtext{margin-top:5px;font-size:10px;line-height:1.45}.catalog-code{font-size:12px;font-weight:800}.catalog-target-cell{min-width:315px}.catalog-target-cell select{border-radius:10px;min-height:44px;padding:8px 11px;font-size:12px;line-height:1.35}.catalog-target-cell span{margin-top:6px;font-size:10px;line-height:1.45}.catalog-map-table .btn--small{min-height:40px;padding:8px 11px;font-size:11px}.catalog-variant-panel{padding:16px 18px}.catalog-variant-panel__head{margin-bottom:12px}.catalog-variant-panel__head>div{gap:5px}.catalog-variant-panel__head strong{font-size:13px}.catalog-variant-panel__head span{font-size:10.5px;line-height:1.5}.catalog-variant-panel__head>b{padding:7px 10px;font-size:10.5px}.catalog-variant-table{min-width:920px}.catalog-variant-table th,.catalog-variant-table td{padding:11px 12px;font-size:11px;line-height:1.45}.catalog-variant-table th{letter-spacing:.35px;font-size:10px}.catalog-variant-table td:nth-child(2){min-width:220px}.catalog-variant-table td:last-child{min-width:340px}.catalog-variant-table select{min-height:40px;padding:7px 10px;font-size:11px;line-height:1.35}.mapping-source-note{font-size:10.5px;line-height:1.65}@media (width<=1050px){.catalog-map-table{min-width:1180px}.catalog-product-cell{min-width:300px}.catalog-target-cell{min-width:290px}}.laporan-metrics{margin-bottom:14px}.laporan-metrics .metric-card{min-height:132px}.laporan-main{margin-bottom:14px}.laporan-toolbar{margin-bottom:12px}.dropzone p{color:#8993ab;margin:5px 0 14px;font-size:10px}.import-summary-row{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px;display:grid}.import-summary-row span{color:#66728f;background:#f6f8fc;border-radius:10px;padding:9px;font-size:10px}.import-summary-row b{color:#263153;margin-right:4px}.offline-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.offline-meta-grid .field{min-width:0}.offline-meta-grid .field input,.offline-meta-grid .field select{width:100%}.offline-payment-field{grid-column:1/-1}.field-readonly{cursor:default;color:#65708b!important;background:#f6f7fb!important}.offline-warning{margin:0 0 10px}.offline-editor{flex-direction:column;display:flex}.offline-item{border-bottom:1px solid #edf1f6;grid-template-columns:1fr 60px 95px;align-items:center;gap:8px;padding:10px 0;font-size:10px;display:grid}.offline-item div span,.offline-item div small{display:block}.offline-item div span{color:#2b3556;font-weight:700}.offline-item div small{color:#8a95ae;margin-top:3px}.offline-item--editable{grid-template-columns:minmax(0,1fr) 76px 118px 40px;align-items:start;gap:12px;padding:12px 0}.offline-item--editable>div{min-width:0}.offline-item--editable select,.offline-item--editable input{color:#2e3958;background:#fff;border:1px solid #e1e7ef;border-radius:10px;outline:none;width:100%;min-height:40px;padding:9px 11px}.offline-item--editable select{font-size:12px;font-weight:700;line-height:1.35}.offline-item--editable input{text-align:center;font-size:11px;font-weight:700}.offline-item--editable div small{margin-top:5px;padding-left:2px;font-size:8.5px;line-height:1.3}.offline-item--editable>span{text-align:right;color:#273254;white-space:nowrap;justify-content:flex-end;align-items:center;min-height:40px;font-size:11px;font-weight:800;display:flex}.offline-item--editable .icon-button{place-items:center;width:40px;height:40px;margin:0;font-size:18px;display:grid}.offline-total{color:#584bd8;background:#f1efff;border-radius:11px;justify-content:space-between;margin-top:12px;padding:11px 12px;font-size:11px;display:flex}.offline-total strong{font-size:15px}.invoice-ready{background:#fbfaff;border:1px solid #e4e0ff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:11px 12px;display:flex}.invoice-ready>div{min-width:0}.invoice-ready span,.invoice-ready strong,.invoice-ready small{display:block}.invoice-ready span{color:#8a93aa;text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:700}.invoice-ready strong{color:#4438bd;margin-top:3px;font-size:11px}.invoice-ready small{color:#818ba2;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.invoice-ready .btn{flex:none}.laporan-history-table.soft-table th,.laporan-history-table.soft-table td{text-align:center;vertical-align:middle}.laporan-history-table .badge{margin-inline:auto}.invoice-empty{color:#a7afbf}.payment-history{flex-direction:column;align-items:center;gap:2px;display:flex}.payment-history strong{color:#35405f;font-size:10px}.payment-history small{color:#8d96aa;font-size:8px;font-weight:700}.laporan-history-table{table-layout:fixed}.laporan-history-table th:first-child,.laporan-history-table td:first-child{width:10%}.laporan-history-table th:nth-child(2),.laporan-history-table td:nth-child(2){width:14%}.laporan-history-table th:nth-child(3),.laporan-history-table td:nth-child(3){width:12%}.laporan-history-table th:nth-child(4),.laporan-history-table td:nth-child(4),.laporan-history-table th:nth-child(5),.laporan-history-table td:nth-child(5){width:16%}.laporan-history-table th:nth-child(6),.laporan-history-table td:nth-child(6){width:12%}.laporan-history-table th:nth-child(7),.laporan-history-table td:nth-child(7),.laporan-history-table th:nth-child(8),.laporan-history-table td:nth-child(8){width:10%}.laporan-pagination{color:#7b859c;background:#f8f9fc;border:1px solid #e7ebf2;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:10px 12px;font-size:10px;font-weight:700;display:flex}.laporan-pagination__actions{justify-content:center;align-items:center;gap:9px;display:flex}.laporan-pagination__actions strong{text-align:center;color:#4a5572;min-width:82px;font-size:10px}.laporan-pagination .btn:disabled{opacity:.42;cursor:not-allowed;transform:none}@media (width<=760px){.import-summary-row,.offline-meta-grid{grid-template-columns:1fr}.offline-item{grid-template-columns:1fr auto}.offline-item>span{grid-column:1/-1}.offline-item--editable{grid-template-columns:minmax(0,1fr) 72px 40px;gap:9px}.offline-item--editable>span{text-align:left;grid-column:1/-1;justify-content:flex-start;min-height:auto}.invoice-ready{flex-direction:column;align-items:stretch}.invoice-ready .btn{justify-content:center;width:100%}.laporan-pagination{text-align:center;flex-direction:column;align-items:stretch}.laporan-pagination__actions{flex-wrap:wrap}}.offline-confirm-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1d223770;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.offline-confirm{background:#fff;border:1px solid #e5e8f2;border-radius:20px;width:min(760px,100%);max-height:min(760px,100vh - 48px);overflow:auto;box-shadow:0 24px 70px #252b443d}.offline-confirm__header{background:linear-gradient(135deg,#fbfaff 0%,#fff 70%);border-bottom:1px solid #eceff5;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:18px 20px 16px;display:grid}.offline-confirm__icon{color:#d96b23;background:#fff1e8;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.offline-confirm__header h3{color:#27304e;margin:1px 0 5px;font-size:16px}.offline-confirm__header p{color:#7a849b;max-width:600px;margin:0;font-size:10px;line-height:1.55}.offline-confirm__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:15px 20px 12px;display:grid}.offline-confirm__meta>div{background:#f9faff;border:1px solid #e9edf4;border-radius:11px;min-width:0;padding:10px 12px}.offline-confirm__meta span,.offline-confirm__meta strong{display:block}.offline-confirm__meta span{color:#939caf;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:8px;font-weight:700}.offline-confirm__meta strong{color:#313a58;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.offline-confirm__items{border:1px solid #e7ebf2;border-radius:12px;margin:0 20px;overflow:hidden}.offline-confirm__row{color:#4b5570;border-bottom:1px solid #edf0f5;grid-template-columns:minmax(0,1.65fr) 55px 110px 120px;align-items:center;gap:12px;min-height:48px;padding:8px 12px;font-size:9px;display:grid}.offline-confirm__row:last-child{border-bottom:0}.offline-confirm__row--head{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#5d51d5;min-height:36px;font-size:8px;font-weight:800}.offline-confirm__row>span:not(:first-child),.offline-confirm__row>strong:last-child{text-align:right}.offline-confirm__row--head span:nth-child(2){text-align:center}.offline-confirm__row:not(.offline-confirm__row--head)>span:nth-child(2){text-align:center;color:#333c59;font-weight:700}.offline-confirm__row div{min-width:0}.offline-confirm__row div strong,.offline-confirm__row div small{display:block}.offline-confirm__row div strong{color:#303956;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.offline-confirm__row div small{color:#99a2b4;margin-top:3px;font-size:8px}.offline-confirm__total{color:#6256cf;background:#f1efff;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:12px 20px 0;padding:12px 14px;display:flex}.offline-confirm__total span{font-size:9px;font-weight:700}.offline-confirm__total strong{font-size:16px}.offline-confirm__actions{justify-content:flex-end;gap:9px;padding:14px 20px 18px;display:flex}@media (width<=760px){.offline-confirm-backdrop{padding:12px}.offline-confirm{border-radius:16px;max-height:calc(100vh - 24px)}.offline-confirm__meta{grid-template-columns:1fr}.offline-confirm__items{overflow:auto}.offline-confirm__row{min-width:590px}.offline-confirm__actions{flex-direction:column-reverse}.offline-confirm__actions .btn{justify-content:center;width:100%}}.import-preview-backdrop{z-index:85;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1c21367a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.import-preview{background:#fff;border:1px solid #e4e7f0;border-radius:22px;width:min(1160px,100%);max-height:min(880px,100vh - 48px);overflow:auto;box-shadow:0 28px 80px #23294342}.import-preview__header{background:linear-gradient(135deg,#fbfaff 0%,#fff 74%);border-bottom:1px solid #eceff5;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:13px;padding:18px 20px 16px;display:grid}.import-preview__icon{color:#6658e6;background:#efedff;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.import-preview__header h3{color:#28304e;margin:1px 0 5px;font-size:17px}.import-preview__header p{color:#7b859b;margin:0;font-size:10px;line-height:1.55}.import-preview__meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:15px 20px 10px;display:grid}.import-preview__meta>div{background:#f9faff;border:1px solid #e9edf4;border-radius:11px;min-width:0;padding:10px 12px}.import-preview__meta span,.import-preview__meta strong{display:block}.import-preview__meta span{color:#949caf;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:8px;font-weight:800}.import-preview__meta strong{color:#303955;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.import-preview__summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 20px 10px;display:grid}.import-preview__stat{background:#fafbfe;border:1px solid #e8ecf3;border-radius:12px;padding:11px 13px}.import-preview__stat span,.import-preview__stat strong,.import-preview__stat small{display:block}.import-preview__stat span{color:#778199;text-transform:uppercase;letter-spacing:.05em;font-size:8px;font-weight:800}.import-preview__stat strong{color:#303955;margin-top:4px;font-size:18px}.import-preview__stat small{color:#929bad;margin-top:2px;font-size:8px}.import-preview__stat--green{background:#f3fcf7;border-color:#dff3e8}.import-preview__stat--green strong{color:#2d9a61}.import-preview__stat--gray{background:#f8f9fc}.import-preview__stat--red{background:#fff6f6;border-color:#ffe3e4}.import-preview__stat--red strong{color:#df5d64}.import-preview__notice{color:#a76628;background:#fff7ed;border:1px solid #ffe0bd;border-radius:11px;align-items:flex-start;gap:9px;margin:0 20px 12px;padding:10px 12px;font-size:9px;line-height:1.5;display:flex}.import-preview__notice svg{flex:none;margin-top:1px}.import-preview__table-wrap{border:1px solid #e7ebf2;border-radius:13px;margin:0 20px;overflow:auto}.import-preview__table{min-width:980px;margin:0}.import-preview__table.soft-table th,.import-preview__table.soft-table td{text-align:center;vertical-align:middle}.import-preview__table.soft-table th{background:#f7f8fc}.import-preview__table td:nth-child(2){overflow-wrap:anywhere;max-width:260px}.import-preview__product{flex-direction:column;align-items:center;gap:3px;display:flex}.import-preview__product strong{color:#303955;font-size:9px}.import-preview__product small{color:#8d96aa;font-size:8px}.import-preview__table .badge{margin-inline:auto}.import-preview__pagination{color:#7c869d;background:#f9faff;border:1px solid #e8ecf3;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin:11px 20px 0;padding:9px 11px;font-size:9px;font-weight:700;display:flex}.import-preview__pagination>div{align-items:center;gap:8px;display:flex}.import-preview__pagination strong{text-align:center;color:#4b5572;min-width:78px;font-size:9px}.import-preview__pagination .btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.import-preview__actions{justify-content:flex-end;gap:9px;padding:14px 20px 18px;display:flex}@media (width<=900px){.import-preview__meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.import-preview-backdrop{padding:12px}.import-preview{border-radius:16px;max-height:calc(100vh - 24px)}.import-preview__meta,.import-preview__summary{grid-template-columns:1fr}.import-preview__pagination{text-align:center;flex-direction:column;align-items:stretch}.import-preview__pagination>div{flex-wrap:wrap;justify-content:center}.import-preview__actions{flex-direction:column-reverse}.import-preview__actions .btn{justify-content:center;width:100%}}.shopee-file-block{gap:8px;display:grid}.shopee-file-block__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.shopee-file-block__head strong{color:#2f3857;font-size:11px}.shopee-file-block>p{color:#7d879e;margin:0;font-size:9.5px;line-height:1.5}.shopee-file-divider{background:#e8edf4;height:1px;margin:14px 0}.pickup-manual-block{gap:10px}.pickup-manual-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.12fr) minmax(130px,auto);align-items:end;gap:10px;display:grid}.pickup-manual-stat{gap:6px;min-width:0;display:grid}.pickup-manual-stat>span{color:#667393;font-size:11px;font-weight:700}.pickup-manual-stat__value{background:#f8f9fc;border:1px solid #e4e8f0;border-radius:11px;align-content:center;gap:1px;min-height:40px;padding:7px 11px;display:grid;box-shadow:inset 0 1px 2px #3c476408}.pickup-manual-stat__value strong{color:#15224e;font-size:17px;line-height:1}.pickup-manual-stat__value small{color:#7b859b;font-size:8.5px;line-height:1.15}.pickup-manual-field{min-width:0;margin:0}.pickup-manual-field input{min-height:40px}.pickup-manual-save{white-space:nowrap;justify-content:center;min-height:40px}.pickup-manual-result{background:#fff8f3;border:1px solid #f0d7c9;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:11px 12px;display:grid}.pickup-manual-result--match{background:#f5fcf8;border-color:#cfeedd}.pickup-manual-result>div{gap:2px;display:grid}.pickup-manual-result span{color:#7b859b;font-size:9px}.pickup-manual-result strong{color:#182553;font-size:12px}.pickup-manual-result>small{color:#748099;grid-column:1/-1;font-size:9.5px;line-height:1.5}@container appmain (width<=840px){.pickup-manual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pickup-manual-save{grid-column:1/-1;width:100%}.pickup-manual-result{grid-template-columns:repeat(3,minmax(0,1fr))}}@container appmain (width<=620px){.pickup-manual-grid,.pickup-manual-result{grid-template-columns:1fr}.pickup-manual-save,.pickup-manual-result>small{grid-column:auto}}@media (width<=820px){.pickup-manual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pickup-manual-save{grid-column:1/-1;width:100%}.pickup-manual-result{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=620px){.pickup-manual-grid,.pickup-manual-result{grid-template-columns:1fr}.pickup-manual-save,.pickup-manual-result>small{grid-column:auto}}.pickup-reconciliation-card{margin-bottom:14px}.pickup-reconciliation-note{margin-bottom:10px}.pickup-reconciliation-list{gap:8px;display:grid}.pickup-reconciliation-item{background:#f8f9fc;border:1px solid #e4e8f0;border-radius:13px;grid-template-columns:150px minmax(0,1fr) 210px;align-items:center;gap:16px;padding:13px 14px;display:grid}.pickup-reconciliation-item--complete{background:#f5fcf8;border-color:#cfeedd}.pickup-reconciliation-item__date{gap:3px;display:grid}.pickup-reconciliation-item__date strong{color:#15224e;font-size:12px}.pickup-reconciliation-item__date span{color:#7a859c;font-size:10px}.pickup-reconciliation-item__summary{gap:4px;min-width:0;display:grid}.pickup-reconciliation-item__summary strong{color:#182553;font-size:12px;line-height:1.35}.pickup-reconciliation-item__summary span{color:#748099;font-size:10px;line-height:1.45}.pickup-reconciliation-item__status{text-align:right;justify-items:end;gap:5px;display:grid}.pickup-reconciliation-item__status small{color:#d17035;font-size:9px;font-weight:750}.reconciliation-empty{color:#78839a;text-align:center;background:#f9fafe;border:1px dashed #d9dfea;border-radius:12px;padding:13px 14px;font-size:10px;line-height:1.55}@media (width<=820px){.pickup-reconciliation-item{grid-template-columns:1fr;gap:9px}.pickup-reconciliation-item__status{text-align:left;justify-items:start}}@container appmain (width<=840px){.offline-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container appmain (width<=620px){.offline-meta-grid{grid-template-columns:1fr}}@media (width<=820px){.offline-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.offline-meta-grid{grid-template-columns:1fr}}.iklan-metrics{margin-bottom:14px}.iklan-metrics .metric-card{min-height:130px}.iklan-main{margin-bottom:14px}.iklan-main .dropzone p{color:#8993ab;margin:5px 0 14px;font-size:10px}.iklan-preview-modal{width:min(1180px,100vw - 36px);max-height:92vh}.iklan-preview-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.iklan-preview-meta>div,.iklan-preview-summary>div{background:#f8fafe;border:1px solid #edf1f6;border-radius:12px;min-width:0;padding:11px 12px}.iklan-preview-meta span,.iklan-preview-summary span{color:#7d88a3;margin-bottom:4px;font-size:10px;display:block}.iklan-preview-meta strong{color:#273254;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.iklan-preview-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.iklan-preview-summary strong{color:#172050;font-size:19px}.iklan-preview-table-wrap{border:1px solid #edf1f6;border-radius:13px;max-height:46vh;overflow:auto}.iklan-preview-table{border-spacing:0;min-width:1700px}.iklan-preview-table thead th{z-index:2;text-align:center;white-space:nowrap;background:#fff;border-bottom:1px solid #edf1f6;padding:11px 9px;position:sticky;top:0}.iklan-preview-table td{text-align:center;white-space:nowrap;padding:10px 9px;border-radius:0!important}.iklan-preview-table td:first-child{text-align:left;white-space:normal;min-width:280px}.iklan-preview-name strong{font-size:11px;line-height:1.35;display:block}.iklan-preview-name span{flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;display:flex}.iklan-preview-pagination{color:#7380a5;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:11px;display:flex}.iklan-preview-pagination>div{align-items:center;gap:8px;display:flex}.iklan-preview-pagination strong{color:#46516f;font-size:11px}.iklan-import-warning{margin-top:12px}.iklan-detail-backdrop{z-index:130}.iklan-detail-modal{width:min(980px,100vw - 36px);max-height:92vh}.iklan-detail-hero{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.iklan-detail-hero>div{background:linear-gradient(#fafbff,#f5f7fc);border:1px solid #e9edf4;border-radius:12px;padding:12px}.iklan-detail-hero span,.iklan-detail-grid span{color:#8590a9;text-transform:uppercase;letter-spacing:.35px;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.iklan-detail-hero strong{color:#273254;font-size:12px;line-height:1.35}.iklan-detail-section{margin-top:16px}.iklan-detail-section h4{color:#293353;margin:0 0 9px;font-size:13px}.iklan-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.iklan-detail-grid>div{background:#f8fafe;border:1px solid #edf1f6;border-radius:11px;min-width:0;padding:10px}.iklan-detail-grid strong{color:#35415f;overflow-wrap:anywhere;font-size:11px;line-height:1.45;display:block}.iklan-detail-modal .modal__header p{max-width:720px;line-height:1.45}@media (width<=900px){.iklan-preview-meta,.iklan-detail-hero{grid-template-columns:1fr}.iklan-preview-summary,.iklan-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.iklan-preview-modal,.iklan-detail-modal{width:100%}.iklan-preview-summary,.iklan-detail-grid{grid-template-columns:1fr}.iklan-preview-pagination{flex-direction:column;align-items:flex-start}.iklan-preview-pagination>div{justify-content:space-between;width:100%}}.iklan-performance-context{color:#4d5875;background:#f8fafe;border:1px solid #edf1f6;border-radius:11px;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:10px;padding:9px 11px;font-size:10px;display:flex}.iklan-performance-context>span{color:#273254;font-weight:700}.iklan-performance-context>b{color:#a4adc1}.iklan-performance-context>small{color:#8290aa;margin-left:auto;font-size:9px}.iklan-performance-table-wrap{border:1px solid #edf1f6;border-radius:13px;overflow:auto}.iklan-performance-table{border-spacing:0;min-width:1700px}.iklan-performance-table thead th{white-space:nowrap;background:#fff;border-bottom:1px solid #edf1f6;text-align:center!important;padding:11px 9px!important}.iklan-performance-table td{white-space:nowrap;vertical-align:middle;text-align:center!important;border-radius:0!important;padding:10px 9px!important}.iklan-performance-name{min-width:300px;white-space:normal!important}.iklan-performance-name strong{color:#18234e;font-size:11px;line-height:1.4;display:block}.iklan-performance-name span,.iklan-preview-name span{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.iklan-performance-name small,.iklan-preview-name small{color:#8a95ae;font-size:9px}.iklan-performance-pagination{margin-top:10px;padding:0 2px}@media (width<=900px){.iklan-preview-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.iklan-performance-context>small{width:100%;margin-left:0}}@media (width<=620px){.iklan-preview-summary{grid-template-columns:1fr}.iklan-performance-context{flex-direction:column;align-items:flex-start}.iklan-performance-context>b{display:none}}.iklan-preview-meta{grid-template-columns:repeat(4,minmax(0,1fr))}.iklan-preview-table,.iklan-performance-table{min-width:1080px}.iklan-performance-name,.iklan-preview-table td:first-child{min-width:250px}.iklan-empty-state{text-align:center;color:#8792aa;background:#fafbfe;border:1px dashed #dfe5ef;border-radius:12px;padding:26px 16px;font-size:11px}@media (width<=900px){.iklan-preview-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.iklan-preview-meta{grid-template-columns:1fr}}.iklan-preview-summary{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px){.iklan-preview-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.iklan-preview-summary{grid-template-columns:1fr}}.iklan-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;display:grid}.iklan-filter-search{grid-column:span 2}.iklan-filter-actions{justify-content:flex-end;align-items:center;gap:8px;min-height:44px;display:flex}.iklan-filter-result{color:#67738f;background:#f8fafe;border:1px solid #edf1f6;border-radius:11px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:10px;display:flex}.iklan-filter-result span{background:#fff;border:1px solid #e9edf4;border-radius:8px;padding:5px 8px}.iklan-filter-result strong{color:#273254}.iklan-filter-result small{color:#8994aa;margin-left:auto;font-size:9px}.iklan-performance-table th:first-child,.iklan-performance-table td:first-child{text-align:center!important}.iklan-performance-table .iklan-performance-name{text-align:left!important}.iklan-performance-name{min-width:270px}@media (width<=1000px){.iklan-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.iklan-filter-search{grid-column:span 2}.iklan-filter-actions{justify-content:flex-start}.iklan-filter-result small{width:100%;margin-left:0}}@media (width<=620px){.iklan-filter-grid{grid-template-columns:1fr}.iklan-filter-search{grid-column:auto}.iklan-filter-actions{flex-direction:column;align-items:stretch}.iklan-filter-actions .btn{justify-content:center;width:100%}.iklan-filter-result{flex-direction:column;align-items:flex-start}.iklan-filter-result small{width:auto}}.iklan-performance-table .iklan-name-head{text-align:left!important}.iklan-performance-table .iklan-date-head{text-align:center!important}.iklan-profit{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;min-width:92px;padding:6px 9px;font-size:10px;font-weight:850;display:inline-flex}.iklan-profit--positive{color:#11824b;background:#e8f8ef;border:1px solid #ccefdc}.iklan-profit--negative{color:#d84555;background:#fff0f2;border:1px solid #ffd8de}.iklan-profit--neutral{color:#65718d;background:#f3f5f9;border:1px solid #e3e7ef}.iklan-profit--unavailable{color:#9aa3b5;background:#f7f8fb;border:1px dashed #dfe4ec}.iklan-performance-table{min-width:1120px}.gudang-metrics{margin-bottom:14px}.gudang-metrics .metric-card{min-height:137px}.gudang-tabs,.gudang-main{margin-bottom:14px}.packing-stock{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.packing-stock>div{background:#f8fafe;border:1px solid #edf1f6;border-radius:13px;padding:13px}.packing-stock span,.packing-stock b,.packing-stock small{display:block}.packing-stock span{color:#687491;font-size:10px}.packing-stock b{margin-top:6px;font-size:24px}.packing-stock small{color:#8b96ad;font-size:10px}.packing-stock i{background:#e6eaf1;border-radius:99px;height:7px;margin-top:12px;display:block;overflow:hidden}.packing-stock em{background:#23b874;border-radius:99px;height:100%;display:block}.packing-stock>div:nth-child(2) em{background:#f0ae22}.opname-form{max-width:760px}.gudang-tabs .tab{min-width:130px}.gudang-stock-toolbar{grid-template-columns:minmax(260px,1fr) 220px auto;align-items:end;gap:10px;margin-bottom:10px;display:grid}.gudang-stock-toolbar .field input,.gudang-stock-toolbar .field select,.gudang-print-button{min-height:40px}.gudang-print-button{white-space:nowrap}.gudang-stock-note{color:#37755d;background:#f1faf6;border:1px solid #dcefe5;border-radius:11px;align-items:center;gap:8px;margin:0 0 10px;padding:9px 11px;font-size:10px;display:flex}.gudang-product-table th,.gudang-product-table td{text-align:center;vertical-align:middle}.gudang-product-table td:first-child{text-align:left}.gudang-product-table td:first-child strong,.gudang-product-table td:first-child small{display:block}.gudang-product-table td:first-child small{color:#8b96ad;margin-top:4px;font-size:9px}.gudang-condition{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.gudang-pagination{color:#7c879e;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:10px;display:flex}.gudang-pagination>div{align-items:center;gap:8px;display:flex}.gudang-pagination strong{text-align:center;color:#4c5875;min-width:82px}.gudang-detail-modal{width:min(980px,100%)}.gudang-variant-table th,.gudang-variant-table td{text-align:center;vertical-align:middle}.gudang-variant-table td:first-child{text-align:left}.gudang-detail-actions{flex-wrap:nowrap;justify-content:center}.gudang-detail-actions .btn{white-space:nowrap}.gudang-incoming-modal{width:min(1180px,100%)}.gudang-incoming-body{flex-direction:column;gap:14px;display:flex}.gudang-incoming-meta{background:#fbfcfe;border:1px solid #e7ebf2;border-radius:14px;padding:12px}.gudang-batch-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.gudang-batch-heading>div{flex-direction:column;gap:3px;display:flex}.gudang-batch-heading strong{color:#202a55;font-size:13px}.gudang-batch-heading span{color:#8390a9;font-size:9px}.gudang-batch-lines{flex-direction:column;gap:8px;display:flex}.gudang-batch-line{background:#f8fafe;border:1px solid #e8edf4;border-radius:13px;grid-template-columns:28px minmax(170px,1.3fr) minmax(150px,1fr) minmax(150px,1fr) 130px 105px 36px;align-items:end;gap:8px;padding:10px;display:grid}.gudang-batch-number{color:#5d4ee7;background:#ece9ff;border-radius:8px;align-self:center;place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:grid}.gudang-batch-line .field{min-width:0}.gudang-batch-line .field input,.gudang-batch-line .field select{min-height:38px;padding:8px 9px;font-size:11px}.gudang-batch-line .field input[readonly]{color:#65708d;background:#f2f5f9}.gudang-batch-qty input{text-align:center;font-weight:800}.gudang-remove-line{align-self:end;margin-bottom:2px}.gudang-remove-line:disabled{opacity:.35;cursor:not-allowed}.gudang-master-note{align-items:center}.gudang-review-backdrop{z-index:115}.gudang-review-modal{width:min(980px,100%)}.gudang-review-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.gudang-review-summary>div,.gudang-history-meta>div{background:#f8fafe;border:1px solid #e7ebf2;border-radius:12px;padding:11px 12px}.gudang-review-summary span,.gudang-history-meta span{color:#8490a8;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.gudang-review-summary strong,.gudang-history-meta strong{color:#202a55;font-size:11px;display:block}.gudang-review-table th,.gudang-review-table td{text-align:center;vertical-align:middle}.gudang-review-table td:first-child{text-align:left}.gudang-review-note{background:#fff9ed;border:1px solid #f4e6bd;border-radius:11px;margin-top:10px;padding:10px 12px}.gudang-review-note span{color:#9a7628;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.gudang-review-note p{color:#6d5e3f;margin:4px 0 0;font-size:11px}.gudang-history-table th,.gudang-history-table td{text-align:center;vertical-align:middle}.gudang-history-table td:nth-child(4){text-align:left}.gudang-history-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.gudang-opname-heading{background:#f8fafe;border:1px solid #e7ebf2;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:11px 12px;display:flex}.gudang-opname-heading>div{flex-direction:column;gap:3px;display:flex}.gudang-opname-heading strong{color:#202a55;font-size:12px}.gudang-opname-heading span{color:#8290aa;font-size:9px}@media (width<=1100px){.gudang-stock-toolbar{grid-template-columns:1fr 200px}.gudang-print-button{grid-column:1/-1;justify-content:center}.gudang-batch-line{grid-template-columns:28px 1fr 1fr 1fr}.gudang-batch-hpp,.gudang-batch-qty{grid-column:auto}.gudang-remove-line{grid-column:4;justify-self:end}.gudang-review-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.packing-stock,.gudang-stock-toolbar{grid-template-columns:1fr}.gudang-stock-toolbar>*{grid-column:auto}.gudang-pagination{text-align:center;flex-direction:column;align-items:stretch}.gudang-pagination>div{flex-wrap:wrap;justify-content:center}.gudang-batch-heading{flex-direction:column;align-items:stretch}.gudang-batch-line{grid-template-columns:28px 1fr}.gudang-batch-line .field,.gudang-batch-sku,.gudang-batch-hpp,.gudang-batch-qty{grid-column:2}.gudang-remove-line{grid-column:2;justify-self:end}.gudang-review-summary,.gudang-history-meta{grid-template-columns:1fr}.gudang-opname-heading{flex-direction:column;align-items:flex-start}.gudang-detail-actions{flex-wrap:wrap}}.gudang-product-table{table-layout:fixed;min-width:860px}.gudang-product-table col:first-child{width:34%}.gudang-product-table col:nth-child(2){width:12%}.gudang-product-table col:nth-child(3){width:18%}.gudang-product-table col:nth-child(4){width:20%}.gudang-product-table col:nth-child(5){width:16%}.gudang-product-table th:first-child,.gudang-product-table td:first-child{text-align:left}.gudang-product-table th:not(:first-child),.gudang-product-table td:not(:first-child){text-align:center}.gudang-product-table th,.gudang-product-table td{box-sizing:border-box}.gudang-product-table td:last-child .btn{margin-inline:auto}.gudang-variant-table{table-layout:fixed;min-width:900px}.gudang-variant-table col:first-child{width:22%}.gudang-variant-table col:nth-child(2){width:18%}.gudang-variant-table col:nth-child(3){width:14%}.gudang-variant-table col:nth-child(4),.gudang-variant-table col:nth-child(5){width:13%}.gudang-variant-table col:nth-child(6){width:20%}.gudang-variant-table th:first-child,.gudang-variant-table td:first-child{text-align:left}.gudang-variant-table th:not(:first-child),.gudang-variant-table td:not(:first-child){text-align:center}.gudang-review-table{table-layout:fixed;min-width:760px}.gudang-review-table col:first-child{width:29%}.gudang-review-table col:nth-child(2){width:22%}.gudang-review-table col:nth-child(3){width:19%}.gudang-review-table col:nth-child(4){width:16%}.gudang-review-table col:nth-child(5){width:14%}.gudang-review-table th:first-child,.gudang-review-table td:first-child{text-align:left}.gudang-review-table th:not(:first-child),.gudang-review-table td:not(:first-child){text-align:center}.gudang-batch-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.gudang-batch-line>.field>span{align-items:center;min-height:14px;display:flex}@media (width<=760px){.gudang-batch-heading-actions{justify-content:stretch}.gudang-batch-heading-actions .btn{flex:1;justify-content:center}}.settings-grid{grid-auto-rows:auto;align-items:stretch}.settings-card{box-sizing:border-box;flex-direction:column;height:100%;display:flex}.settings-card .section-card__header{align-items:center;min-height:38px;margin-bottom:12px}.settings-card .section-card__title-wrap{min-width:0}.settings-card .text-action{justify-content:center;align-items:center;min-height:34px;display:inline-flex}.settings-card--stores .store-setting{flex:1 1 0}.store-setting{box-sizing:border-box;border-bottom:1px solid #edf1f6;grid-template-columns:minmax(0,1fr) 82px 68px;align-items:center;gap:12px;min-height:68px;padding:10px 0;display:grid}.store-setting:last-child{border-bottom:0}.store-setting>div{min-width:0}.store-setting strong,.store-setting span{display:block}.store-setting strong{color:#202a55;font-size:12px;line-height:1.35}.store-setting span{color:#7d88a3;overflow-wrap:anywhere;margin-top:3px;font-size:9px;line-height:1.35}.store-setting>.badge{justify-content:center;justify-self:center;min-width:58px}.store-setting>.btn{justify-content:center;justify-self:end;width:64px;min-height:38px;padding-left:10px;padding-right:10px}.settings-card--features .settings-feature{flex:1 1 0}.settings-feature{box-sizing:border-box;border-bottom:1px solid #edf1f6;grid-template-columns:44px minmax(0,1fr) 116px;align-items:center;gap:12px;min-height:92px;padding:12px 0;display:grid}.settings-feature:last-child{border-bottom:0}.settings-feature__icon{color:#6556ef;background:#eeeaff;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.settings-feature>div{min-width:0}.settings-feature strong,.settings-feature small{display:block}.settings-feature strong{color:#202a55;font-size:11px;line-height:1.35}.settings-feature small{color:#7f8aa5;overflow-wrap:anywhere;margin-top:4px;font-size:9px;line-height:1.45}.settings-feature>.btn{white-space:nowrap;justify-content:center;justify-self:end;width:116px;min-height:40px}.settings-card--retention .retention-flow{flex:auto}.retention-flow{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr);align-items:stretch;gap:7px;display:grid}.retention-flow>div{text-align:center;box-sizing:border-box;background:#f8fafe;border:1px solid #edf1f6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:94px;padding:10px;display:flex}.retention-flow b{color:#5c4de9;background:#ece9ff;border-radius:8px;flex:none;place-items:center;width:27px;height:27px;margin:0 auto 7px;display:grid}.retention-flow span{color:#66728f;font-size:9px;line-height:1.4}.retention-flow i{color:#6758f3;place-items:center;font-style:normal;font-weight:800;display:grid}.settings-card__notice{box-sizing:border-box;align-items:center;min-height:48px;margin-top:12px}.settings-card__notice span{line-height:1.45}.settings-card--version .version-box{flex:auto}.version-box{box-sizing:border-box;background:#f8fafe;border:1px solid #edf1f6;border-radius:13px;grid-template-columns:minmax(0,1fr) 116px;align-items:center;gap:16px;min-height:94px;padding:14px;display:grid}.version-box>div{min-width:0}.version-box span,.version-box strong,.version-box small{display:block}.version-box span{color:#7c88a4;font-size:9px;line-height:1.35}.version-box strong{color:#172050;margin-top:4px;font-size:22px;line-height:1.15}.version-box small{color:#8b95ac;margin-top:4px;font-size:9px;line-height:1.35}.version-box>.btn{white-space:nowrap;justify-content:center;justify-self:end;width:116px;min-height:40px}@media (width<=980px){.store-setting{grid-template-columns:minmax(0,1fr) 74px 64px;gap:8px}.settings-feature{grid-template-columns:42px minmax(0,1fr) 108px;gap:10px}.settings-feature>.btn,.version-box>.btn{width:108px}.version-box{grid-template-columns:minmax(0,1fr) 108px}}@media (width<=760px){.settings-grid{grid-template-columns:1fr}.settings-card{height:auto}.store-setting{grid-template-columns:minmax(0,1fr) auto auto}.settings-feature{grid-template-columns:44px minmax(0,1fr)}.settings-feature>.btn{grid-column:2;justify-self:start;width:auto}.retention-flow{grid-template-columns:1fr}.retention-flow i{text-align:center;min-height:18px;transform:rotate(90deg)}.version-box{grid-template-columns:1fr auto}}@media (width<=520px){.store-setting{grid-template-columns:1fr}.store-setting>.badge,.store-setting>.btn{justify-self:start}.settings-feature{grid-template-columns:1fr}.settings-feature>.btn{grid-column:auto;justify-self:stretch;width:100%}.settings-feature__icon{width:40px;height:40px}.version-box{grid-template-columns:1fr}.version-box>.btn{justify-self:stretch;width:100%}}:root{color:#172050;font-synthesis:none;text-rendering:optimizelegibility;--bg:#eef3f8;--surface:#ffffffe0;--surface-strong:#fff;--text:#151d4c;--muted:#7380a5;--line:#e8edf5;--purple:#6758f3;--purple-soft:#efebff;--blue:#4a9cf5;--blue-soft:#e7f2ff;--pink:#ff6f77;--pink-soft:#ffecef;--yellow:#f3b536;--yellow-soft:#fff4d8;--green:#21b875;--green-soft:#e4f8ee;--shadow:0 10px 30px #5564871a, 0 2px 8px #5564870d;--shadow-soft:0 6px 18px #55648714, 0 1px 4px #5564870d;--radius-xl:24px;--radius-lg:18px;--radius-md:14px;--apk-keyboard-height:0px;background:#eef3f8;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 16% 0,#f9fbfd 0,#eef3f8 38%,#edf2f7 100%);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #6758f32e}h1,h2,h3,p{margin-top:0}.app-shell{grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;overscroll-behavior:contain;background:#f9fbfdeb;border-right:1px solid #dae1ecc7;flex-direction:column;width:270px;padding:18px 16px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden auto}.sidebar-backdrop,.sidebar-toggle,.sidebar-close{display:none}.brand{border-bottom:1px solid #edf1f6;align-items:center;gap:11px;padding:12px 13px 23px;display:flex}.brand__mark{flex:none;place-items:center;width:58px;height:46px;display:grid}.brand__mark img{object-fit:contain;width:100%;height:100%;display:block}.brand strong{letter-spacing:-.2px;font-size:16px;line-height:1.15;display:block}.brand span{color:var(--muted);white-space:nowrap;margin-top:5px;font-size:10px;display:block}.sidebar-nav{flex-direction:column;flex:none;gap:7px;padding:17px 0;display:flex}.nav-item{color:#54617f;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:15px;align-items:center;gap:12px;width:100%;min-height:49px;padding:7px 10px;font-size:14px;transition:all .18s;display:flex}.nav-item:hover{color:var(--text);background:#f1f2fb}.nav-item--active{color:#4f45dc;background:linear-gradient(90deg,#f0edff,#efecff);font-weight:700;box-shadow:inset 3px 0 #6256f4}.nav-item__icon{width:35px;height:35px;box-shadow:var(--shadow-soft);color:#53607f;background:#fff;border-radius:10px;flex:none;place-items:center;display:grid}.nav-item--active .nav-item__icon{color:#6758f3;background:#f7f5ff}.app-main{grid-column:2;min-width:0}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:8;background:#fffc;border-bottom:1px solid #e1e7f0cc;justify-content:space-between;align-items:center;gap:24px;height:94px;padding:0 34px;display:flex;position:sticky;top:0}.topbar__left{align-items:center;gap:14px;min-width:0;display:flex}.topbar__greeting{min-width:0}.topbar__greeting strong{letter-spacing:-.6px;font-size:23px;display:block}.topbar__greeting>span{color:var(--muted);margin-top:5px;font-size:14px;display:block}.wave{font-size:20px}.topbar__right{flex:none;align-items:center;gap:17px;display:flex;position:relative}.active-accounts{box-shadow:var(--shadow-soft);color:#354262;background:#fff;border-radius:15px;align-items:center;gap:9px;padding:12px 15px;font-size:13px;font-weight:600;display:flex}.status-dot{background:#20ba75;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #20ba751a}.profile{align-items:center;gap:10px;min-width:175px;display:flex}.profile__avatar{color:#6758f3;width:42px;height:42px;box-shadow:var(--shadow-soft);background:linear-gradient(145deg,#f0ecff,#e8e4ff);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.profile__text strong,.profile__text span{display:block}.profile__text strong{font-size:13px}.profile__text span{color:var(--muted);margin-top:3px;font-size:11px}.profile__chevron{color:#65708e;margin-left:auto}.content{width:100%;min-width:0;max-width:1640px;margin:0 auto;padding:22px 28px 34px;container:appmain/inline-size}body.keyboard-open .sidebar-toggle{display:none!important}body.keyboard-open .modal-backdrop{padding-top:calc(10px + env(safe-area-inset-top));place-items:start center;padding-bottom:0;overflow:hidden}body.keyboard-open .modal{-webkit-overflow-scrolling:touch;max-height:calc(100dvh - var(--apk-keyboard-height) - 18px)!important;overflow-y:auto!important}@media (width<=1180px){.app-shell{min-width:0;display:block}.app-main{width:100%;min-width:0;display:block}.sidebar{z-index:40;width:min(300px,100vw - 28px);box-shadow:none;background:#f9fbfdfa;padding:18px 16px 20px;transition:transform .24s,box-shadow .24s;transform:translate(calc(-100% - 24px))}.sidebar--open{transform:translate(0);box-shadow:20px 0 48px #232e4938}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;z-index:35;cursor:pointer;background:#18203457;border:0;width:100%;height:100%;padding:0;transition:opacity .2s,visibility .2s;display:block;position:fixed;inset:0}.sidebar-backdrop--visible{opacity:1;visibility:visible;pointer-events:auto}.sidebar-close{color:#5d6885;width:36px;height:36px;box-shadow:var(--shadow-soft);font:inherit;cursor:pointer;z-index:2;background:#fff;border:0;border-radius:11px;place-items:center;font-size:24px;line-height:1;position:absolute;top:19px;right:14px}.sidebar--open .sidebar-close{display:grid}.brand{padding-right:45px}.sidebar-toggle{width:44px;height:44px;box-shadow:var(--shadow-soft);cursor:pointer;background:#fff;border:0;border-radius:13px;flex:none;align-content:center;place-items:center;gap:4px;padding:0;display:grid}.sidebar-toggle span{background:#4f5c7b;border-radius:99px;width:18px;height:2px}.topbar{z-index:30;padding-inline:22px}.content{max-width:none;padding:20px 22px 32px;overflow-x:auto}}@media (width<=760px){body.keyboard-open .sidebar{display:none!important}.sidebar{width:min(288px,100vw - 20px);padding:14px 12px 16px}.sidebar-close{top:15px;right:10px}.brand{padding:10px 44px 20px 9px}.brand__mark{width:54px;height:42px}.sidebar-nav{gap:5px;padding:14px 0}.nav-item{min-height:47px;font-size:13px}.topbar{gap:12px;height:78px;padding:0 14px}.topbar__left{gap:10px}.sidebar-toggle{border-radius:12px;width:42px;height:42px}.topbar__greeting strong{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.topbar__greeting>span,.active-accounts{display:none}.profile{min-width:auto}.profile__text,.profile__chevron{display:none}.content{padding:14px}}@media (width<=420px){.sidebar{width:min(286px,100vw - 16px)}.topbar__greeting strong{max-width:150px;font-size:15px}.wave{font-size:17px}.profile__avatar{width:38px;height:38px}.content{padding:12px}}.active-accounts--button,.profile--button{cursor:pointer;font:inherit;border:0}.profile--button{text-align:left;background:0 0;padding:0}.account-popover{z-index:30;background:#fff;border:1px solid #e7ebf2;border-radius:15px;flex-direction:column;gap:8px;width:210px;padding:12px;display:flex;position:absolute;top:72px;right:24px;box-shadow:0 18px 40px #323e5f2e}.account-popover strong{color:#172050;border-bottom:1px solid #edf1f6;padding:2px 4px 6px;font-size:12px}.account-popover span{color:#5f6b88;padding:5px 4px;font-size:11px}.account-popover{gap:9px;width:245px;padding:10px;top:66px;right:0}.account-popover__head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:10px;padding:4px 5px 9px;display:flex}.account-popover__head strong{border:0;padding:0;font-size:12px}.account-popover__head>span{color:#8a94aa;padding:0;font-size:9px;font-weight:700}.account-popover__list{gap:5px;display:grid}.account-popover__account{border-radius:11px;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:8px;display:grid}.account-popover__account--active{background:#f3f0ff}.account-popover__avatar{color:#6355e8;background:#f0edff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.account-popover__account strong,.account-popover__account span{border:0;padding:0;display:block}.account-popover__account strong{color:#263052;font-size:11px}.account-popover__account span{color:#8a94aa;margin-top:3px;font-size:8px}.account-popover__check{text-align:center;color:#22ae72!important;margin:0!important;font-size:13px!important;font-weight:900!important}.account-popover__logout{color:#d84b56;cursor:pointer;background:#fff4f5;border:1px solid #f0d8dc;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;height:38px;font-size:10px;font-weight:850;display:flex}.account-popover__logout:hover{background:#ffecee}body.keyboard-open .import-preview-backdrop,body.keyboard-open .offline-confirm-backdrop{padding-top:calc(10px + env(safe-area-inset-top))!important;align-items:flex-start!important;padding-bottom:0!important;overflow:hidden!important}body.keyboard-open .import-preview,body.keyboard-open .offline-confirm{-webkit-overflow-scrolling:touch;max-height:calc(100dvh - var(--apk-keyboard-height) - 18px)!important;overflow-y:auto!important}.page-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.page-header__title-wrap{align-items:center;gap:12px;min-width:0;display:flex}.page-header__brand-icon{flex:none;place-items:center;width:44px;height:44px;display:grid}.page-header__brand-icon img{object-fit:contain;width:100%;height:100%;display:block}.page-header h1{letter-spacing:-.7px;margin-bottom:5px;font-size:25px}.page-header p{color:var(--muted);margin-bottom:0;font-size:13px}.page-header__actions{align-items:center;gap:10px;display:flex}.section-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid #e5ebf3e6;min-width:0;padding:16px}.section-card__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.section-card__title-wrap{align-items:center;gap:10px;min-width:0;display:flex}.section-card__title-wrap h2{letter-spacing:-.3px;margin:0;font-size:17px}.section-icon{color:#6354ef;background:#eeeaff;border-radius:10px;place-items:center;width:35px;height:35px;display:grid;box-shadow:inset 0 0 0 1px #6354ef0d}.section-icon--brand{box-shadow:none;background:0 0;border-radius:50%;overflow:hidden}.section-icon--brand img{object-fit:contain;width:100%;height:100%;display:block}.text-action{color:#5b4cf0;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:6px;font-size:12px;font-weight:700}.metric-card{border:1px solid #ffffff8c;border-radius:15px;min-height:158px;padding:13px;position:relative;overflow:hidden}.metric-card:after{content:"";background:#ffffff3d;border-radius:50%;width:100px;height:100px;position:absolute;top:-45px;right:-45px}.metric-card--pink{background:linear-gradient(145deg,#ffe5ea,#ffdfe5)}.metric-card--blue{background:linear-gradient(145deg,#e7f5ff,#dbecff)}.metric-card--yellow{background:linear-gradient(145deg,#fff4d9,#ffefc9)}.metric-card--purple{background:linear-gradient(145deg,#f1e9ff,#e9ddff)}.metric-card--green{background:linear-gradient(145deg,#e5f8ef,#dff5eb)}.metric-card__icon{color:#5f58d6;background:#ffffffb3;border-radius:11px;place-items:center;width:40px;height:40px;margin-bottom:10px;display:grid;box-shadow:0 5px 12px #4e537f14}.metric-card__icon--brand{box-shadow:none;background:0 0;border-radius:50%;padding:0;overflow:hidden}.metric-card__icon--brand img{object-fit:contain;width:100%;height:100%;display:block}.metric-card--pink .metric-card__icon{color:#ff625f}.metric-card--blue .metric-card__icon{color:#4a9cf5}.metric-card--yellow .metric-card__icon{color:#eaa922}.metric-card--green .metric-card__icon{color:#25b97a}.metric-card__label{color:#384362;margin-bottom:5px;font-size:12px}.metric-card__value{color:#131c4b;letter-spacing:-.35px;font-size:19px;font-weight:800}.metric-card__change{color:#1ab66d;margin-top:8px;font-size:13px;font-weight:800}.metric-card__note{color:#7380a5;margin-top:3px;font-size:11px}.badge{border-radius:999px;align-items:center;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.badge--green{color:#149456;background:#def7e9}.badge--blue{color:#367ed1;background:#e5f1ff}.badge--yellow{color:#b47b08;background:#fff1cf}.badge--red{color:#d44c55;background:#ffe5e8}.badge--purple{color:#6555e6;background:#eee9ff}.grid{gap:14px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.btn{cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:750;display:inline-flex}.btn--primary{color:#fff;background:linear-gradient(135deg,#6d5bf5,#5c4ae9);box-shadow:0 8px 18px #5e4ce938}.btn--secondary{color:#5a4be4;background:#f0edff}.btn--soft{color:#4c5876;background:#f5f7fb;border:1px solid #e7ebf2}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:#667393;font-size:11px;font-weight:700}.field input,.field select{color:#2e3958;background:#fff;border:1px solid #e1e7ef;border-radius:11px;outline:none;width:100%;padding:10px 11px;box-shadow:inset 0 1px 2px #3c476408}.field input:focus,.field select:focus{border-color:#bcb4ff;box-shadow:0 0 0 3px #6758f314}.toolbar{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.toolbar .field{min-width:170px}.soft-table{border-collapse:separate;border-spacing:0 7px;width:100%}.soft-table th{color:#8a95b0;text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:0 10px 3px;font-size:10px}.soft-table td{color:#43506f;background:#f8fafe;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;padding:11px 10px;font-size:12px}.soft-table td:first-child{border-left:1px solid #edf1f6;border-radius:11px 0 0 11px}.soft-table td:last-child{border-right:1px solid #edf1f6;border-radius:0 11px 11px 0}.soft-table strong{color:#202a55}.mini-panel{background:#f8fafe;border:1px solid #edf1f6;border-radius:14px;padding:13px}.mini-panel__label{color:#7783a1;font-size:10px}.mini-panel__value{color:#172050;margin-top:5px;font-size:18px;font-weight:800}.empty-note{color:#8a95b0;text-align:center;padding:28px 10px;font-size:12px}.dropzone{text-align:center;color:#667393;background:linear-gradient(#fbfcff,#f5f7fb);border:1.5px dashed #cfd6e6;border-radius:16px;padding:24px}.dropzone__icon{color:#6252ef;background:#eeebff;border-radius:13px;place-items:center;width:48px;height:48px;margin:0 auto 10px;display:grid}.notice{border-radius:13px;align-items:flex-start;gap:10px;padding:12px 13px;font-size:11px;display:flex}.notice--warning{color:#98631a;background:#fff0e3}.notice--danger{color:#b33e49;background:#ffe7e9}.notice--success{color:#177b51;background:#e6f8ef}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tab{color:#697592;cursor:pointer;background:#f7f9fc;border:1px solid #e4e9f1;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:700}.tab--active{color:#5b4dea;background:#ece9ff;border-color:#ddd7ff}@media (width<=1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.page-header__title-wrap{align-items:flex-start}.toolbar{align-items:stretch}.toolbar .field{flex:1;min-width:100%}.soft-table{min-width:680px}.table-scroll{overflow:auto}}.btn:hover,.text-action:hover,.tab:hover{transform:translateY(-1px)}.btn:active,.text-action:active,.tab:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn--small{border-radius:9px;padding:7px 10px;font-size:10px}.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button-row--center{justify-content:center}.page-notice{align-items:center;margin-bottom:14px}.page-notice span{flex:1}.page-notice button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:18px;line-height:1}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.dropzone--selected{background:linear-gradient(#fbfaff,#f3f0ff);border-color:#b8afff}.icon-button{color:#65708e;cursor:pointer;background:#f2f4f8;border:0;border-radius:10px;place-items:center;width:34px;height:34px;font-size:22px;display:grid}.icon-button:hover{background:#e9edf4}.icon-button--danger{color:#c85059;background:#fff0f1}.form-grid{gap:12px;display:grid}.form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.field--wide{grid-column:1/-1}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#19213a4d;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e7ebf2;border-radius:22px;width:min(620px,100%);max-height:88vh;overflow:auto;box-shadow:0 24px 70px #202a4c40}.modal--wide{width:min(900px,100%)}.modal__header{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 14px;display:flex}.modal__header h3{color:#172050;margin:0;font-size:19px}.modal__header p{color:#7d88a3;margin:5px 0 0;font-size:11px}.modal__body{padding:18px 20px}.modal__actions{justify-content:flex-end;gap:8px;padding:14px 20px 18px;display:flex}.modal__body+.modal__actions{border-top:1px solid #edf1f6}.column-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.column-list>div{background:#f8fafe;border:1px solid #edf1f6;border-radius:11px;grid-template-columns:30px 1fr;align-items:start;gap:9px;padding:9px 10px;display:grid}.column-list b{color:#5c4de9;background:#ece9ff;border-radius:8px;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.column-list span{color:#56617e;font-size:10px;line-height:1.4}@media (width<=720px){.form-grid--2,.column-list{grid-template-columns:1fr}.field--wide{grid-column:auto}.modal-backdrop{padding:8px}.modal{border-radius:16px}}.bank-store-panel{margin-bottom:14px}.bank-store-selector{align-items:flex-end;gap:12px;display:flex}.bank-store-selector__field{width:min(360px,100%)}.bank-store-selector__field select{color:#263153;background:#fff;min-height:42px;font-weight:700}.bank-store-meta{background:#f8fafe;border:1px solid #edf1f6;border-radius:13px;align-items:center;gap:10px;margin-top:12px;padding:11px 12px;display:flex}.bank-store-meta>div{flex-direction:column;gap:2px;min-width:0;display:flex}.bank-store-meta strong{color:#202a55;font-size:12px}.bank-store-meta>div span{color:#8893aa;font-size:10px}.bank-store-meta p{color:#7380a5;text-align:right;margin:0 0 0 auto;font-size:10px}.bank-summary-grid{margin-bottom:14px}.bank-summary-grid .metric-card{min-height:142px}.bank-filter-toolbar{margin-bottom:12px}.bank-filter-toolbar .btn{min-height:38px}.bank-history-table th,.bank-history-table td{vertical-align:middle;text-align:center!important}.bank-history-table th{white-space:nowrap}.bank-history-table td{font-variant-numeric:tabular-nums}.bank-pagination{color:#7b859c;background:#f8f9fc;border:1px solid #e7ebf2;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:10px 12px;font-size:10px;font-weight:700;display:flex}.bank-pagination__actions{justify-content:center;align-items:center;gap:9px;display:flex}.bank-pagination__actions strong{text-align:center;color:#4a5572;min-width:92px;font-size:10px}@media (width<=900px){.bank-store-meta{flex-wrap:wrap;align-items:flex-start}.bank-store-meta p{text-align:left;width:100%;margin-left:0}}@media (width<=720px){.bank-store-selector__field{width:100%}.bank-pagination{text-align:center;flex-direction:column;align-items:stretch}.bank-pagination__actions{flex-wrap:wrap}}.bank-period-summary{background:#fbfcfe;border:1px solid #e8edf5;border-radius:14px;margin:0 0 14px;padding:12px}.bank-period-summary__heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.bank-period-summary__heading>div{align-items:baseline;gap:8px;display:flex}.bank-period-summary__heading span{color:#69758f;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.bank-period-summary__heading strong{color:#222d56;font-size:12px}.bank-period-summary__heading small{color:#8791a8;text-align:right;font-size:9px}.bank-period-summary__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.bank-period-total{text-align:center;background:#fff;border:1px solid #e6ebf3;border-radius:12px;min-width:0;padding:11px 12px}.bank-period-total span{color:#75819a;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.bank-period-total strong{color:#202a55;font-variant-numeric:tabular-nums;font-size:15px;line-height:1.2;display:block}.bank-period-total--blue{background:#f2f8ff;border-color:#dcecff}.bank-period-total--yellow{background:#fff9eb;border-color:#f7e8bc}.bank-period-total--neutral{background:#f7f8fb;border-color:#e6e9f0}.bank-period-total--green{background:#effaf5;border-color:#d8f0e4}.bank-period-total--green strong{color:#16805a}@media (width<=900px){.bank-period-summary__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.bank-period-summary__heading{flex-direction:column;align-items:flex-start}.bank-period-summary__heading small{text-align:left}.bank-period-summary__grid{grid-template-columns:1fr}}.bank-store-selector{justify-content:space-between;width:100%}.bank-store-selector__actions{align-items:flex-end;margin-left:auto;display:flex}.bank-store-selector__actions .btn{white-space:nowrap;min-height:42px}.bank-report-modal{width:min(980px,100%)}.bank-report-modal__body{flex-direction:column;gap:14px;display:flex}.bank-report-scope{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.bank-report-scope>div{background:#f8fafe;border:1px solid #e7ebf3;border-radius:13px;padding:12px 14px}.bank-report-scope span{color:#7e89a2;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.bank-report-scope strong{color:#202a55;font-size:12px;display:block}.bank-report-dates{margin-top:0}.bank-report-error{margin:0}.bank-report-review-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.bank-report-review-grid>div{text-align:center;background:#fbfcfe;border:1px solid #e6ebf3;border-radius:12px;padding:12px}.bank-report-review-grid span{color:#7c879f;margin-bottom:6px;font-size:9px;font-weight:700;display:block}.bank-report-review-grid strong{color:#202a55;font-variant-numeric:tabular-nums;font-size:14px;display:block}.bank-report-review-grid>div:last-child{background:#effaf5;border-color:#d8f0e4}.bank-report-review-grid>div:last-child strong{color:#16805a}.bank-report-store-preview{background:#fbfcfe;border:1px solid #e7ebf3;border-radius:14px;padding:12px}.bank-report-store-preview__title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.bank-report-store-preview__title strong{color:#202a55;font-size:12px}.bank-report-store-preview__title span{color:#8791a8;font-size:9px}.bank-report-preview-table th,.bank-report-preview-table td{vertical-align:middle;font-variant-numeric:tabular-nums;text-align:center!important}.bank-report-note{margin:0;line-height:1.5}@media (width<=900px){.bank-report-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-report-scope{grid-template-columns:1fr}}@media (width<=720px){.bank-store-selector{flex-direction:column;align-items:stretch}.bank-store-selector__actions{width:100%;margin-left:0}.bank-store-selector__actions .btn{width:100%}.bank-report-review-grid{grid-template-columns:1fr}.bank-report-store-preview__title{flex-direction:column;align-items:flex-start}}.field{flex:1;min-width:150px}.field,.field input,.field select,.field textarea{min-width:0;max-width:100%}.field input,.field select,.field textarea{width:100%}.field textarea{color:#2e3958;resize:vertical;background:#fff;border:1px solid #e1e7ef;border-radius:11px;outline:none;padding:10px 11px;box-shadow:inset 0 1px 2px #3c476408}.field textarea:focus{border-color:#bcb4ff;box-shadow:0 0 0 3px #6758f314}.field input[type=date]{font-variant-numeric:tabular-nums;min-width:0;max-width:100%;min-height:40px}@container appmain (width<=840px){.toolbar,.form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;display:grid!important}.toolbar .field,.form-grid--2 .field{width:auto;min-width:0!important;max-width:none!important}.toolbar .field input,.toolbar .field select,.toolbar .field textarea,.form-grid--2 .field input,.form-grid--2 .field select,.form-grid--2 .field textarea{width:100%;min-width:0;max-width:100%}.form-grid--2 .field--wide{grid-column:1/-1}}@container appmain (width<=620px){.toolbar,.form-grid--2{grid-template-columns:1fr!important}.form-grid--2 .field--wide{grid-column:auto}}@media (width<=820px){.toolbar,.form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.toolbar .field,.form-grid--2 .field{width:auto;min-width:0;max-width:none}}@media (width<=620px){.toolbar,.form-grid--2{grid-template-columns:1fr}.form-grid--2 .field--wide{grid-column:auto}}