:root{color:#17211c;font-synthesis:none;text-rendering:optimizelegibility;--online-green:#0a8b5b;--online-muted:#748079;--online-soft:#eff7f3;background:#f4f7f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body,h1,h2,h3,p,dl,dd{margin:0}button,input,textarea,select{color:inherit;font:inherit}button{appearance:none}table{border-collapse:collapse}img,svg{display:block}.online-app,.online-login,.online-callback,.online-boot{--online-sidebar-width:232px;color:#17211c;min-height:100vh;font-family:Geist Variable,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.online-app{grid-template-columns:var(--online-sidebar-width) minmax(0, 1fr);background:#f4f7f5;display:grid}.online-app--collapsed{--online-sidebar-width:72px}button,a,input,select,textarea{letter-spacing:0}.online-sidebar{z-index:30;background:#fff;border-right:1px solid #dce4df;flex-direction:column;min-width:0;height:100vh;display:flex;position:sticky;top:0}.online-sidebar__brand{border-bottom:1px solid #edf1ef;align-items:center;gap:11px;min-height:72px;padding:0 16px;display:flex;overflow:hidden}.online-sidebar__mark,.online-login__logo{color:#fff;background:#15392a;border-radius:7px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.online-sidebar__brand>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.online-sidebar__brand strong{white-space:nowrap;font-size:16px}.online-sidebar__brand span{color:#78847e;margin-top:2px;font-size:11px}.online-sidebar__nav{flex:1;padding:14px 10px;overflow-y:auto}.online-sidebar__nav section+section{margin-top:16px}.online-sidebar__group-label{color:#9aa49f;padding:0 9px 7px;font-size:10px;font-weight:700}.online-sidebar__nav button,.online-sidebar__collapse{color:#5f6b65;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;height:38px;padding:0 11px;font-size:13px;transition:color .14s,background .14s;display:flex}.online-sidebar__nav button:hover,.online-sidebar__nav button.is-active{color:#0d704b;background:#ecf7f1}.online-sidebar__nav button.is-active{font-weight:700;box-shadow:inset 2px 0 #0b8d5c}.online-sidebar__nav svg,.online-sidebar__collapse svg{flex:none}.online-sidebar__collapse{border-top:1px solid #edf1ef;border-radius:0;width:calc(100% - 20px);margin:8px 10px 14px}.online-sidebar__mobile-close,.online-sidebar-backdrop,.online-topbar__menu{display:none}.online-main{min-width:0}.online-topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #dce4df;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.online-topbar__title{flex-direction:column;min-width:0;display:flex}.online-topbar__title span{color:#77827c;font-size:11px}.online-topbar__title h1{margin:2px 0 0;font-size:18px;line-height:1.25}.online-topbar__account{position:relative}.online-topbar__account>button{color:#26322c;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;height:42px;padding:0 8px;display:flex}.online-topbar__account>button:hover{background:#f0f4f2}.online-avatar{color:#fff;background:#1d7b57;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:grid;overflow:hidden}.online-avatar img{object-fit:cover;width:100%;height:100%}.online-account-menu{background:#fff;border:1px solid #dce4df;border-radius:7px;width:220px;position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 14px 36px #12291e24}.online-account-menu>div{border-bottom:1px solid #edf1ef;flex-direction:column;padding:14px;display:flex}.online-account-menu>div span{color:#7a857f;font-size:11px}.online-account-menu button{cursor:pointer;background:#fff;border:0;align-items:center;gap:9px;width:100%;height:40px;padding:0 14px;display:flex}.online-account-menu button:hover{background:#f5f8f6}.online-content{width:min(1540px,100%);margin:0 auto;padding:24px 28px 40px}.online-page-stack{flex-direction:column;gap:14px;min-width:0;display:flex}.online-page-intro{justify-content:space-between;align-items:flex-end;gap:20px;min-height:58px;display:flex}.online-page-intro h2,.online-panel-heading h3,.online-table-heading h3{color:#18231d;margin:0;font-weight:750}.online-page-intro h2{font-size:22px}.online-page-intro p,.online-panel-heading p{color:#76817b;margin:5px 0 0;font-size:12px}.online-page-intro__actions,.online-row-actions{align-items:center;gap:8px;display:flex}.online-panel{background:#fff;border:1px solid #dfe6e2;border-radius:7px;min-width:0;box-shadow:0 1px 2px #10271b09}.online-primary-button,.online-secondary-button,.online-ghost-button,.online-row-action{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.online-primary-button{color:#fff;background:#0a8b5b;border:1px solid #087d52}.online-primary-button:hover{background:#087b50}.online-secondary-button{color:#304039;background:#fff;border:1px solid #cad6d0}.online-secondary-button:hover,.online-ghost-button:hover{color:#08784f;background:#f3faf6;border-color:#8eb9a6}.online-ghost-button{color:#68746e;background:0 0;border:1px solid #0000}.online-primary-button:disabled,.online-secondary-button:disabled{cursor:not-allowed;opacity:.55}.online-row-action{color:#08784f;background:0 0;border:0;min-height:30px;padding:0 8px}.online-row-action:hover{background:#eef8f2}.online-row-action.is-danger{color:#c14444}.online-icon-button{color:#66726c;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:30px;height:30px;display:grid}.online-icon-button:hover{background:#edf3f0}.online-period-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.online-period-card{padding:16px}.online-period-card__head,.online-panel-heading,.online-table-heading,.online-profit-calendar__toolbar,.online-candidate-list__head,.online-exception-summary{justify-content:space-between;align-items:center;gap:14px;display:flex}.online-period-card__head{color:#66736c;font-size:12px}.online-period-card__primary{justify-content:space-between;align-items:baseline;margin-top:12px;display:flex}.online-period-card__primary span,.online-period-card__metrics span,.online-inventory-summary__grid span,.online-record-card__summary>div>span,.online-record-meta span,.online-edit-grid label>span,.online-filter-field>span,.online-operation-line__fields label>span,.online-profit-total dt{color:#7d8882;font-size:11px}.online-period-card__primary strong{font-size:24px}.online-period-card__metrics{border-top:1px solid #edf1ef;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;padding-top:13px;display:grid}.online-period-card__metrics div,.online-inventory-summary__grid div{flex-direction:column;gap:3px;min-width:0;display:flex}.online-period-card__metrics strong{white-space:nowrap;font-size:11px}.is-positive{color:#078455!important}.is-negative{color:#d44b4b!important}.online-dashboard-grid,.online-profit-grid,.online-membership-grid{grid-template-columns:minmax(0,1.75fr) minmax(300px,.85fr);gap:12px;display:grid}.online-chart-panel,.online-inventory-summary,.online-profit-calendar,.online-profit-total{padding:18px}.online-panel-heading h3,.online-table-heading h3{font-size:15px}.online-chart-wrap{height:260px;margin-top:12px}.online-simple-chart{width:100%;height:100%;overflow:visible}.online-simple-chart line{stroke:#e5ebe7;stroke-width:1px}.online-simple-chart text{fill:#7d8882;font-size:10px}.online-simple-chart__area{fill:#0a8b5b17}.online-simple-chart__line{fill:none;stroke:#0a8b5b;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px}.online-simple-chart__hit{fill:#0000}.online-simple-chart__point{fill:#fff;stroke:#0a8b5b;stroke-width:2px;opacity:0;transition:opacity .12s}.online-simple-chart g:hover .online-simple-chart__point{opacity:1}.online-inventory-summary__main{color:#fff;cursor:pointer;background:#15392a;border:0;border-radius:6px;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;min-height:104px;margin-top:14px;padding:18px;display:flex}.online-inventory-summary__main span,.online-inventory-summary__main small{color:#bcd0c5}.online-inventory-summary__main strong{margin:4px 0;font-size:28px}.online-inventory-summary__main small{align-items:center;gap:5px;display:flex}.online-inventory-summary__grid{border:1px solid #e4e9e6;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;display:grid}.online-inventory-summary__grid div{justify-content:center;min-height:82px;padding:12px 12px 12px 40px;position:relative}.online-inventory-summary__grid div:nth-child(odd){border-right:1px solid #e9eeeb}.online-inventory-summary__grid div:nth-child(-n+2){border-bottom:1px solid #e9eeeb}.online-inventory-summary__grid svg{color:#6c7d74;position:absolute;left:14px}.online-quick-actions{padding:17px}.online-quick-actions>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.online-quick-actions>div:last-child button{color:#324039;text-align:left;cursor:pointer;background:#fafcfb;border:1px solid #dfe6e2;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:52px;padding:0 14px;display:grid}.online-quick-actions button:hover{color:#08784f;background:#f1f8f4;border-color:#a8c7b9}.online-filter-bar{flex-wrap:wrap;align-items:flex-end;gap:10px;padding:14px;display:flex}.online-filter-field{flex-direction:column;gap:6px;width:164px;display:flex}.online-filter-field--wide{width:250px}.online-filter-field>div,.online-inline-search,.online-product-search>div,.online-input-with-icon,.online-money-input{background:#fff;border:1px solid #d5ded9;border-radius:6px;align-items:center;gap:7px;display:flex}.online-filter-field>div,.online-money-input{padding:0 9px}.online-filter-field input,.online-filter-field select,.online-edit-grid input,.online-edit-grid select,.online-edit-grid textarea,.online-operation-line__fields input,.online-staff-search input,.online-product-search input{color:#1e2a24;background:#fff;border:1px solid #d5ded9;border-radius:6px;outline:none;width:100%;min-width:0}.online-filter-field>input,.online-filter-field>select,.online-filter-field>div{height:36px}.online-filter-field>div input,.online-money-input input,.online-product-search input{border:0;height:100%;padding:0}.online-filter-field input,.online-filter-field select{padding:0 10px;font-size:12px}.online-filter-field input:focus,.online-filter-field select:focus,.online-edit-grid input:focus,.online-edit-grid select:focus,.online-edit-grid textarea:focus,.online-product-search>div:focus-within{border-color:#48a27d;box-shadow:0 0 0 2px #0a8b5b17}.online-check-field{color:#59665f;align-items:center;gap:7px;height:36px;font-size:12px;display:flex}.online-segmented{background:#fff;border:1px solid #dce4df;border-radius:7px;width:fit-content;padding:3px;display:inline-flex}.online-segmented button{color:#6a766f;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.online-segmented button.is-active{color:#08794f;background:#eaf6f0;font-weight:700}.online-inventory-layout{grid-template-columns:118px minmax(0,1fr);align-items:start;gap:12px;display:grid}.online-inventory-actions{flex-direction:column;padding:8px;display:flex;position:sticky;top:86px}.online-inventory-actions button{color:#536059;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;min-height:42px;padding:0 10px;display:flex}.online-inventory-actions button:hover{color:#08784f;background:#eef7f2}.online-table-panel{overflow:hidden}.online-table-wrap{width:100%;overflow-x:auto}.online-table{border-collapse:collapse;width:100%;min-width:820px;font-size:12px}.online-table th{color:#7c8781;text-align:left;white-space:nowrap;background:#f6f8f7;height:40px;padding:0 12px;font-size:10px;font-weight:700}.online-table td{color:#37433d;vertical-align:middle;border-top:1px solid #e9eeeb;min-height:54px;padding:10px 12px}.online-table tr:hover>td{background:#fbfdfc}.online-table .is-number{text-align:right;white-space:nowrap}.online-table__expander{width:42px}.online-actions-column{width:160px}.online-product-cell{align-items:center;gap:10px;min-width:220px;display:flex}.online-product-cell--compact{min-width:180px}.online-product-cell img,.online-product-placeholder,.online-name-cell>span{object-fit:contain;background:#f5f8f6;border:1px solid #e2e8e4;border-radius:5px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.online-product-cell>div,.online-name-cell,.online-record-card__identity,.online-profile-card>div:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.online-product-cell strong{color:#08784f}.online-product-cell span,.online-cell-subtext,.online-record-card__identity span,.online-name-cell span+strong{color:#7c8781;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.online-table td>.online-cell-subtext{margin-top:2px;display:block}.online-name-cell{flex-direction:row;align-items:center;gap:9px}.online-name-cell>span{color:#537066}.online-sku-detail-row>td{padding:14px 18px 18px;background:#f7faf8!important}.online-sku-detail-row .online-loading{min-height:88px}.online-sku-detail{flex-direction:column;gap:12px;display:flex}.online-sku-detail__actions{justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.online-sku-detail__actions>span{color:#748079;font-size:11px;font-weight:700}.online-sku-detail__actions>div{gap:7px;display:flex}.online-sku-detail__actions button{color:#08784f;cursor:pointer;background:#fff;border:1px solid #cfe0d6;border-radius:5px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.online-sku-detail__actions button:hover{background:#ecf7f1;border-color:#0a8b5b}.online-sku-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:8px;display:grid}.online-sku-grid>div{background:#fff;border:1px solid #dfe7e2;border-radius:6px;padding:12px}.online-sku-grid__head{border-bottom:1px solid #eef2f0;justify-content:space-between;align-items:center;padding-bottom:9px;display:flex}.online-sku-grid__head span{color:#078455;font-weight:700}.online-sku-grid dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0 0;display:grid}.online-sku-grid dl div{flex-direction:column;display:flex}.online-sku-grid dt{color:#87928c;font-size:10px}.online-sku-grid dd{margin:3px 0 0;font-weight:700}.online-record-list{overflow:hidden}.online-record-card+.online-record-card{border-top:1px solid #e4eae6}.online-record-card__summary{color:#29362f;text-align:left;cursor:pointer;background:#fff;border:0;grid-template-columns:30px minmax(180px,1.5fr) auto minmax(90px,.55fr) minmax(130px,1fr) minmax(100px,.65fr);align-items:center;gap:14px;width:100%;min-height:72px;padding:10px 16px;display:grid}.online-record-card__summary--profit{grid-template-columns:30px minmax(180px,1.5fr) auto minmax(80px,.5fr) minmax(130px,1fr) minmax(90px,.6fr) minmax(100px,.65fr)}.online-record-card__summary:hover{background:#fbfdfc}.online-record-card__toggle{color:#6e7b74;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:30px;height:30px;display:grid}.online-record-card__summary>div:not(.online-record-card__identity){flex-direction:column;gap:3px;display:flex}.online-record-card__detail{background:#fbfdfc;padding:0 16px 16px 60px}.online-record-meta{background:#fff;border:1px solid #e4eae6;border-radius:6px 6px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px;display:grid}.online-record-meta>div{flex-direction:column;gap:3px;display:flex}.online-record-meta .is-wide{grid-column:1/-1}.online-record-images{background:#fff;border-left:1px solid #e4eae6;border-right:1px solid #e4eae6;gap:8px;padding:10px 12px;display:flex}.online-record-images img{object-fit:cover;border-radius:5px;width:64px;height:64px}.online-order-summary{grid-template-columns:30px minmax(170px,1.5fr) auto minmax(110px,.8fr) minmax(100px,.7fr) minmax(100px,.7fr) 76px}.online-table--compact{border:1px solid #e4eae6;min-width:620px}.online-table-heading{border-bottom:1px solid #e4eae6;min-height:54px;padding:0 16px}.online-table-heading>div{flex-direction:column;display:flex}.online-table-heading span{color:#7c8881;font-size:11px}.online-table-heading label{color:#69756f;align-items:center;gap:7px;display:flex}.online-table-heading select{background:0 0;border:0;height:32px;font-size:12px}.online-status{color:#65716b;white-space:nowrap;background:#eff3f1;border-radius:999px;align-items:center;gap:4px;width:fit-content;min-height:24px;padding:0 9px;font-size:10px;font-weight:700;display:inline-flex}.online-status--success{color:#08784f;background:#e8f5ee}.online-status--danger{color:#bb3f3f;background:#faecec}.online-status--warning{color:#916813;background:#faf3df}.online-status--info{color:#376c8a;background:#eaf3f7}.online-pager{color:#77837d;border-top:1px solid #e7ece9;justify-content:flex-end;align-items:center;gap:7px;min-height:52px;padding:0 14px;font-size:11px;display:flex}.online-pager button{cursor:pointer;background:#fff;border:1px solid #d5ded9;border-radius:5px;place-items:center;width:30px;height:30px;display:grid}.online-pager button:disabled{opacity:.4;cursor:not-allowed}.online-pager--single{min-height:38px}.online-loading,.online-empty,.online-error-state{color:#7a867f;justify-content:center;align-items:center;min-height:160px;display:flex}.online-loading{gap:9px;font-size:12px}.online-empty{text-align:center;flex-direction:column;gap:6px}.online-empty strong{color:#526059}.online-empty span{font-size:11px}.online-error-state{color:#a23d3d;background:#fff7f7;border:1px solid #f0d2d2;border-radius:6px;justify-content:space-between;min-height:54px;padding:10px 14px;font-size:12px}.online-error-state button{color:#a23d3d;cursor:pointer;background:0 0;border:0;font-weight:700}.online-spin{animation:.9s linear infinite online-spin}@keyframes online-spin{to{transform:rotate(360deg)}}.online-profit-calendar__toolbar>div{align-items:center;gap:8px;display:flex}.online-profit-calendar__toolbar button{cursor:pointer;background:#fff;border:1px solid #dce4df;place-items:center;width:30px;height:30px;display:grid}.online-profit-calendar__toolbar input{border:1px solid #dce4df;height:30px;padding:0 9px}.online-calendar-week,.online-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.online-calendar-week{color:#8b9690;text-align:center;margin-top:15px;font-size:10px}.online-calendar-grid{margin-top:7px}.online-calendar-grid button,.online-calendar-empty{background:#f7f9f8;border:1px solid #0000;border-radius:5px;min-height:61px}.online-calendar-grid button{color:#516059;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex}.online-calendar-grid button span{font-size:10px}.online-calendar-grid button strong{margin-top:2px;font-size:11px}.online-calendar-grid button small{color:inherit;opacity:.74;font-size:9px}.online-calendar-grid button.is-profit{color:#078455;background:#eff9f4}.online-calendar-grid button.is-loss{color:#cb4747;background:#fdf1f1}.online-calendar-grid button.is-selected{color:#fff;background:#0a8b5b;border-color:#087e53}.online-profit-total__main{color:#fff;background:#15392a;border-radius:6px;flex-direction:column;justify-content:center;min-height:130px;margin-top:14px;padding:18px;display:flex}.online-profit-total__main span,.online-profit-total__main small{color:#b8ccc1}.online-profit-total__main strong{margin:3px 0;font-size:28px;color:#68dda7!important}.online-profit-total dl{background:#e4eae6;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:12px 0 0;display:grid}.online-profit-total dl div{background:#fff;flex-direction:column;justify-content:center;min-height:61px;padding:10px 12px;display:flex}.online-profit-total dd{margin:3px 0 0;font-weight:750}.online-profit-days{gap:8px;margin-top:12px;display:flex}.online-profit-days span{color:#66736c;background:#f2f5f3;border-radius:5px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;display:flex}.online-inline-search{height:40px;margin:12px;padding:0 12px}.online-inline-search input{border:0;outline:none;flex:1}.online-inline-search span{color:#7c8781;font-size:11px}.online-warehouse-grid-panel{padding:12px}.online-warehouse-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.online-warehouse-grid article{border:1px solid #dfe6e2;border-radius:6px;padding:14px}.online-warehouse-grid header{align-items:center;gap:10px;display:flex}.online-warehouse-grid header>div:nth-child(2){flex-direction:column;display:flex}.online-warehouse-grid header span{color:#7b8780;font-size:11px}.online-warehouse-icon{color:#08784f;background:#eaf6f0;border-radius:6px;place-items:center;width:40px;height:40px;display:grid}.online-warehouse-grid dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.online-warehouse-grid dl div{flex-direction:column;display:flex}.online-warehouse-grid dl .is-wide{grid-column:1/-1}.online-warehouse-grid dt{color:#87918c;font-size:10px}.online-warehouse-grid dd{margin:3px 0 0;font-size:12px}.online-warehouse-grid footer{border-top:1px solid #edf1ef;justify-content:flex-end;align-items:center;gap:6px;min-height:34px;padding-top:10px;display:flex}.online-warehouse-grid footer>span{color:#8a948f;margin-right:auto;font-size:10px}.online-warehouse-grid footer button{color:#08784f;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;height:28px;display:flex}.online-warehouse-grid footer button.is-danger{color:#bd4141}.online-modal-backdrop{z-index:100;background:#111c177a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.online-modal{background:#fff;border-radius:7px;width:min(560px,100%);max-height:min(820px,100vh - 40px);overflow-y:auto;box-shadow:0 24px 70px #0a191142}.online-modal--wide{width:min(760px,100%)}.online-modal>header,.online-modal>footer{justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.online-modal>header{z-index:2;background:#fff;border-bottom:1px solid #e5eae7;position:sticky;top:0}.online-modal>header>div{flex-direction:column;display:flex}.online-modal>header span{color:#7e8983;font-size:10px}.online-modal>header h3{margin:2px 0 0;font-size:17px}.online-modal>header>button{cursor:pointer;background:#f1f4f2;border:0;border-radius:5px;place-items:center;width:32px;height:32px;display:grid}.online-modal__body{padding:18px}.online-modal>footer{background:#fff;border-top:1px solid #e5eae7;justify-content:flex-end;gap:8px;position:sticky;bottom:0}.online-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.online-edit-grid label{flex-direction:column;gap:6px;display:flex}.online-edit-grid label.is-wide{grid-column:1/-1}.online-edit-grid input,.online-edit-grid select{height:38px;padding:0 10px}.online-edit-grid textarea{resize:vertical;min-height:82px;padding:9px 10px}.online-edit-items{margin-top:18px}.online-edit-items h4{margin:0 0 8px}.online-edit-items>div{border-top:1px solid #e9eeeb;grid-template-columns:1fr 180px;align-items:center;gap:12px;padding:10px 0;display:grid}.online-edit-items>div>div{flex-direction:column;display:flex}.online-edit-items span{color:#818c86;font-size:11px}.online-edit-items label{color:#7c8781;flex-direction:column;gap:5px;font-size:10px;display:flex}.online-edit-items input{border:1px solid #d5ded9;border-radius:5px;height:34px;padding:0 8px}.online-staff-search label{color:#7c8781;flex-direction:column;gap:6px;font-size:11px;display:flex}.online-staff-search label>div{grid-template-columns:1fr 88px;gap:8px;display:grid}.online-staff-search input{height:38px;padding:0 10px}.online-staff-search button{color:#fff;background:#0a8b5b;border:0;border-radius:6px;justify-content:center;align-items:center;gap:5px;display:flex}.online-found-user{background:#f0f7f3;border-radius:5px;align-items:center;gap:7px;margin-top:10px;padding:9px;display:flex}.online-found-user span{color:#7d8882;margin-left:auto;font-size:11px}.online-permission-block{margin-top:18px}.online-permission-block>div:first-child{justify-content:space-between;align-items:baseline;display:flex}.online-permission-block>div:first-child span{color:#84908a;font-size:10px}.online-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px;display:grid}.online-checkbox-grid label{border:1px solid #dfe6e2;border-radius:5px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-height:42px;padding:0 10px;display:grid}.online-checkbox-grid small{color:#8a958f;font-size:9px}.online-switch-row{border:1px solid #dfe6e2;border-radius:5px;justify-content:space-between;align-items:center;min-height:44px;margin-top:9px;padding:0 11px;display:flex}.online-profile-card,.online-expiry-card{align-items:center;gap:14px;min-height:136px;padding:18px;display:flex}.online-profile-card__avatar{color:#fff;background:#1c7655;border-radius:50%;flex:0 0 60px;place-items:center;width:60px;height:60px;font-size:22px;display:grid;overflow:hidden}.online-profile-card__avatar img{object-fit:cover;width:100%;height:100%}.online-avatar-editor{gap:8px;display:grid}.online-avatar-editor>span{color:var(--online-muted);font-size:12px}.online-avatar-editor>div{align-items:center;gap:12px;display:flex}.online-avatar-editor img,.online-avatar-editor>div>span{object-fit:cover;background:var(--online-soft);width:54px;height:54px;color:var(--online-green);border-radius:7px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.online-profile-card h3{margin:2px 0;font-size:18px}.online-profile-card span,.online-profile-card p,.online-expiry-card p{color:#7c8781;margin:0;font-size:11px}.online-profile-card>button{color:#08784f;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-left:auto;display:flex}.online-expiry-card{color:#fff;background:#17382b;flex-direction:column;justify-content:center;align-items:flex-start}.online-expiry-card>div{color:#bad0c4;align-items:center;gap:7px;display:flex}.online-expiry-card strong{font-size:22px}.online-expiry-card p{color:#adc1b7}.online-plan-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.online-plan-grid>section{padding:16px;position:relative}.online-plan-grid>section.is-recommended{border-color:#58a886;box-shadow:inset 0 3px #0a8b5b}.online-plan-badge{color:#08784f;background:#e6f4ed;border-radius:4px;padding:3px 6px;font-size:9px;font-weight:700;position:absolute;top:8px;right:8px}.online-plan-icon{color:#08784f;background:#ebf6f0;border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.online-plan-grid h3{margin:12px 0 0;font-size:15px}.online-plan-grid p{color:#7c8781;margin:2px 0 8px;font-size:11px}.online-plan-grid>section>strong{font-size:24px}.online-plan-grid>section>strong small{margin-right:2px;font-size:12px}.online-plan-grid ul{color:#65716b;flex-direction:column;gap:7px;margin:14px 0;padding:0;font-size:10px;list-style:none;display:flex}.online-plan-grid li{align-items:center;gap:5px;display:flex}.online-plan-grid button{width:100%}.online-security-note{align-items:center;gap:10px;padding:14px;display:flex}.online-security-note div{flex-direction:column;display:flex}.online-security-note span{color:#7d8882;font-size:11px}.online-operation-layout{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:12px;display:grid}.online-operation-settings,.online-product-picker,.online-operation-lines,.online-operation-layout .online-page-stack>section{padding:16px}.online-operation-submit{position:sticky;top:86px}.online-operation-submit section{padding:16px}.online-operation-submit section>div{flex-direction:column;gap:3px;display:flex}.online-operation-submit section>div span{color:#7b8780;font-size:11px}.online-operation-submit section>div strong{font-size:24px}.online-operation-submit section>div small{color:#69756f}.online-operation-submit button{width:100%;margin-top:14px}.online-product-search{grid-template-columns:minmax(0,1fr) 120px;gap:8px;margin-top:14px;display:grid}.online-product-search>div{height:40px;padding:0 11px}.online-scan-input-row{grid-template-columns:minmax(0,1fr) 120px;gap:8px;margin-top:14px;display:grid}.online-scan-input{color:#08784f;background:#f9fcfa;border:1px solid #b9cec3;border-radius:6px;align-items:center;gap:9px;height:42px;padding:0 11px;display:flex}.online-scan-input:focus-within{border-color:#0a8b5b;box-shadow:0 0 0 3px #0a8b5b1a}.online-scan-input input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:14px}.online-scan-pending{color:#08784f;background:#e8f5ee;border-radius:4px;padding:5px 8px;font-size:10px;font-weight:700}.online-scan-feedback{min-height:90px;margin-top:12px}.online-scan-latest{background:#eef8f3;border:1px solid #b8dec9;border-radius:6px;grid-template-columns:38px 54px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:90px;padding:12px;display:grid}.online-scan-latest__status{color:#fff;background:#0a8b5b;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.online-scan-latest>img,.online-scan-latest__image{color:#0a8b5b;object-fit:contain;background:#fff;border:1px solid #d8e8df;border-radius:5px;place-items:center;width:54px;height:54px;display:grid}.online-scan-latest__info{flex-direction:column;min-width:0;display:flex}.online-scan-latest__info>span{color:#0a8b5b;font-size:10px;font-weight:700}.online-scan-latest__info strong,.online-scan-latest__info small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.online-scan-latest__info strong{margin-top:2px;font-size:13px}.online-scan-latest__info small{color:#748079;font-size:10px}.online-scan-latest__count{flex-direction:column;align-items:flex-end;min-width:90px;display:flex}.online-scan-latest__count span{color:#718078;font-size:10px}.online-scan-latest__count strong{color:#08784f;font-size:20px}.online-scan-issue{color:#b54242;background:#fff5f5;border:1px solid #efc7c7;border-radius:6px;align-items:center;gap:11px;min-height:90px;padding:12px;display:flex}.online-scan-issue>div{flex-direction:column;flex:1;min-width:0;display:flex}.online-scan-issue span{color:#8d5959;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.online-scan-issue button{color:#a63838;cursor:pointer;background:#fff;border:1px solid #e4abab;border-radius:5px;align-items:center;gap:5px;height:34px;padding:0 10px;display:flex}.online-scan-empty{color:#829089;background:#fafcfb;border:1px dashed #ccd8d1;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:90px;display:flex}.online-bind-description{color:#78847e;margin:0;font-size:11px}.online-form-error{color:#b54242;background:#fff5f5;border:1px solid #efcaca;border-radius:5px;margin-top:10px;padding:8px 10px;font-size:11px}.online-barcode-bind-product{border:1px solid #dfe7e2;border-radius:6px;margin-top:14px;padding:12px}.online-barcode-bind-product__head{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;display:grid}.online-barcode-bind-product__head>img,.online-barcode-bind-product__head>span{color:#08784f;object-fit:contain;border:1px solid #e1e7e3;border-radius:5px;place-items:center;width:48px;height:48px;display:grid}.online-barcode-bind-product__head>div{flex-direction:column;min-width:0;display:flex}.online-barcode-bind-product__head strong{color:#08784f}.online-barcode-bind-product__head span{color:#7c8781;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.online-barcode-bind-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.online-barcode-bind-options label{cursor:pointer;border:1px solid #e0e7e3;border-radius:5px;align-items:center;gap:7px;min-height:38px;padding:0 9px;display:flex}.online-barcode-bind-options label:has(input:checked){background:#edf7f2;border-color:#58a886}.online-barcode-bind-options span{font-size:11px}.online-candidate-list{border:1px solid #dde5e0;border-radius:6px;margin-top:12px;padding:10px}.online-candidate-list__head{padding:0 2px 8px}.online-candidate-list__head button{color:#08784f;cursor:pointer;background:0 0;border:0}.online-candidate-list>label{border-top:1px solid #ecf0ed;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:50px;padding:7px 3px;display:grid}.online-candidate-list>label>div{flex-direction:column;display:flex}.online-candidate-list>label span,.online-candidate-list>label small{color:#7d8882;font-size:10px}.online-candidate-list>.online-primary-button{width:100%;margin-top:8px}.online-operation-lines>article{border-top:1px solid #e7ece9;grid-template-columns:minmax(280px,1fr) minmax(300px,.95fr);gap:14px;padding:14px 0;display:grid}.online-operation-lines>article:first-of-type{margin-top:12px}.online-operation-line__product{grid-template-columns:52px minmax(0,1fr) 32px;align-items:center;gap:10px;display:grid}.online-operation-line__product>img,.online-operation-line__product>span{object-fit:contain;border:1px solid #e1e7e3;border-radius:5px;width:52px;height:52px}.online-operation-line__product>div{flex-direction:column;min-width:0;display:flex}.online-operation-line__product>div strong{color:#08784f}.online-operation-line__product>div span,.online-operation-line__product>div small{color:#78847e;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.online-operation-line__product>button{color:#bd4141;cursor:pointer;background:#fbefef;border:0;border-radius:5px;place-items:center;width:30px;height:30px;display:grid}.online-operation-line__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.online-operation-line__fields label{flex-direction:column;gap:5px;display:flex}.online-operation-line__fields label.is-wide{grid-column:1/-1}.online-operation-line__fields>label>input{height:36px;padding:0 9px}.online-stepper{border:1px solid #d5ded9;border-radius:6px;grid-template-columns:34px 1fr 34px;height:36px;display:grid;overflow:hidden}.online-stepper button{color:#08784f;cursor:pointer;background:#eff7f3;border:0;place-items:center;display:grid}.online-stepper input{text-align:center;height:100%;padding:0;border-width:0 1px!important;border-radius:0!important}.online-money-input{height:36px}.online-proof-upload{margin-top:14px}.online-proof-upload>div{flex-wrap:wrap;gap:8px;display:flex}.online-proof-upload>div>div,.online-proof-upload>div>button{border:1px dashed #c8d3cd;border-radius:6px;width:78px;height:78px;position:relative}.online-proof-upload img{object-fit:cover;border-radius:5px;width:100%;height:100%}.online-proof-upload>div>div button{color:#fff;background:#141c18b3;border:0;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:3px;right:3px}.online-proof-upload>div>button{color:#718078;cursor:pointer;background:#fafcfb;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.online-proof-upload>div>button span{font-size:10px}.online-proof-upload>div>button small{font-size:9px}.online-operation-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 180px);display:flex}.online-operation-success>div:first-child{color:#fff;background:#0a8b5b;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.online-operation-success h2{margin:18px 0 4px;font-size:22px}.online-operation-success p{color:#7b8780;margin:0}.online-operation-success>div:last-child{gap:8px;margin-top:22px;display:flex}.online-exception-panel{padding:16px}.online-exception-summary{border-bottom:1px solid #e5eae7;padding-bottom:14px}.online-exception-summary>div{flex-direction:column;flex:1;display:flex}.online-exception-summary span{color:#7c8781;font-size:10px}.online-exception-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:9px;margin-top:12px;display:grid}.online-exception-grid article{border:1px solid #e1e7e3;border-radius:6px;padding:12px}.online-exception-grid header{align-items:center;gap:9px;display:flex}.online-exception-grid header img,.online-exception-grid header>span{object-fit:contain;border-radius:5px;width:44px;height:44px}.online-exception-grid header>div{flex-direction:column;min-width:0;display:flex}.online-exception-grid header strong{color:#b53f3f}.online-exception-grid header span{color:#7c8781;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.online-exception-grid ul{margin:10px 0 0;padding:0;list-style:none}.online-exception-grid li{border-top:1px solid #edf1ef;justify-content:space-between;padding:7px 0;font-size:11px;display:flex}.online-login{background:#f2f6f3;grid-template-columns:minmax(280px,.85fr) minmax(440px,1.15fr);place-items:center;padding:48px;display:grid}.online-login__brand{justify-self:end;align-items:center;gap:14px;margin-right:90px;display:flex}.online-login__brand>div:last-child{flex-direction:column;display:flex}.online-login__brand strong{font-size:27px}.online-login__brand span{color:#748079;margin-top:4px;font-size:12px}.online-login__panel{background:#fff;border:1px solid #dbe3de;border-radius:8px;justify-self:start;width:min(430px,100%);padding:34px;box-shadow:0 18px 60px #1833251a}.online-login__heading>span{color:#0a8054;font-size:11px;font-weight:700}.online-login__heading h1{margin:8px 0 5px;font-size:25px}.online-login__heading p{color:#7b8780;margin:0;font-size:12px;line-height:1.65}.online-login__form{flex-direction:column;gap:15px;margin-top:26px;display:flex}.online-login__form>label{color:#54615a;flex-direction:column;gap:7px;font-size:11px;display:flex}.online-input-with-icon{height:44px;padding:0 11px}.online-input-with-icon input{border:0;outline:none;flex:1;min-width:0}.online-input-with-icon button{color:#7b8780;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;display:grid}.online-login__submit{width:100%;min-height:44px;margin-top:2px}.online-form-error{color:#b83f3f;background:#fff2f2;border-radius:5px;padding:9px 10px;font-size:11px}.online-login__foot{color:#9aa39f;text-align:center;margin-top:20px;font-size:10px}.online-boot,.online-callback{background:#f4f7f5;place-items:center;display:grid}.online-boot .online-loading{min-height:auto}.online-callback section{text-align:center;width:min(460px,100% - 32px);padding:34px}.online-callback__icon{color:#fff;background:#748079;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto;display:grid}.online-callback__icon.is-success{background:#0a8b5b}.online-callback__icon.is-error{background:#ca4848}.online-callback h1{margin:18px 0;font-size:18px}@media (width<=1180px){.online-period-grid{grid-template-columns:1fr}.online-period-card{grid-template-columns:120px 180px minmax(0,1fr);align-items:center;gap:12px;display:grid}.online-period-card__primary,.online-period-card__metrics{border:0;margin:0;padding:0}.online-dashboard-grid,.online-profit-grid{grid-template-columns:1fr}.online-inventory-summary__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.online-inventory-summary__grid div{border-right:1px solid #e9eeeb;border-bottom:0!important}.online-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.online-record-card__summary{grid-template-columns:30px minmax(170px,1fr) auto repeat(2,minmax(100px,.7fr))}.online-record-card__summary>div:last-child{display:none}.online-record-card__summary--profit{grid-template-columns:30px minmax(170px,1fr) auto repeat(3,minmax(90px,.7fr))}.online-record-card__summary--profit>div:nth-of-type(4){display:none}.online-record-card__summary--profit>div:last-child{display:flex}.online-order-summary{grid-template-columns:30px minmax(170px,1fr) auto repeat(2,minmax(100px,.7fr)) 70px}.online-order-summary>div:last-of-type{display:flex}}@media (width<=820px){.online-app{grid-template-columns:1fr}.online-sidebar{width:248px;transition:transform .18s;position:fixed;left:0;transform:translate(-105%);box-shadow:16px 0 40px #0f231929}.online-sidebar--open{transform:translate(0)}.online-sidebar-backdrop{z-index:25;background:#121b1659;border:0;display:block;position:fixed;inset:0}.online-sidebar__mobile-close{background:#eef2f0;border:0;border-radius:5px;place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.online-sidebar__collapse{display:none}.online-topbar{height:62px;padding:0 16px}.online-topbar__menu{background:#eef3f0;border:0;border-radius:5px;place-items:center;width:34px;height:34px;display:grid}.online-topbar__title{margin-left:10px;margin-right:auto}.online-topbar__title span,.online-topbar__account-name{display:none}.online-content{padding:16px 14px 30px}.online-page-intro{align-items:flex-start}.online-page-intro__actions{flex-wrap:wrap;justify-content:flex-end}.online-period-card{display:block}.online-period-card__primary{margin-top:10px}.online-period-card__metrics{border-top:1px solid #edf1ef;margin-top:12px;padding-top:12px}.online-quick-actions>div:last-child,.online-inventory-summary__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.online-inventory-summary__grid div:nth-child(odd){border-right:1px solid #e9eeeb}.online-inventory-summary__grid div:nth-child(-n+2){border-bottom:1px solid #e9eeeb!important}.online-inventory-layout,.online-operation-layout{grid-template-columns:1fr}.online-inventory-actions{flex-direction:row;position:static}.online-inventory-actions button{flex:1;justify-content:center}.online-operation-submit{position:static}.online-operation-lines>article{grid-template-columns:1fr}.online-record-card__summary,.online-order-summary{grid-template-columns:28px minmax(140px,1fr) auto}.online-record-card__summary>div:not(.online-record-card__identity),.online-order-summary>.online-row-action{display:none}.online-record-card__detail{padding-left:14px}.online-record-meta{grid-template-columns:1fr}.online-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.online-login{grid-template-columns:1fr;gap:24px;padding:24px}.online-login__brand,.online-login__panel{justify-self:center;margin-right:0}}@media (width<=520px){.online-page-intro{flex-direction:column}.online-page-intro__actions{justify-content:flex-start;width:100%}.online-filter-field,.online-filter-field--wide{width:calc(50% - 5px)}.online-filter-bar>.online-primary-button{flex:1}.online-period-card__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.online-quick-actions>div:last-child{grid-template-columns:1fr}.online-profit-calendar,.online-profit-total{padding:12px}.online-calendar-grid button,.online-calendar-empty{min-height:54px}.online-edit-grid,.online-checkbox-grid,.online-membership-grid,.online-plan-grid{grid-template-columns:1fr}.online-edit-grid label.is-wide{grid-column:auto}.online-profile-card{flex-wrap:wrap}.online-profile-card>button{margin-left:74px}.online-product-search,.online-scan-input-row,.online-barcode-bind-options{grid-template-columns:1fr}.online-scan-latest{grid-template-columns:34px 48px minmax(0,1fr)}.online-scan-latest>img,.online-scan-latest__image{width:48px;height:48px}.online-scan-latest__count{flex-direction:row;grid-column:2/-1;align-items:baseline;gap:5px}.online-scan-issue{flex-wrap:wrap}.online-scan-issue button{justify-content:center;width:100%}.online-operation-line__fields{grid-template-columns:1fr}.online-login{padding:16px}.online-login__panel{padding:24px 20px}}
