@font-face{font-family:Habitx Nunito;src:url(/fonts/nunito-sans.ttf) format("truetype");font-style:normal;font-weight:200 1000;font-display:swap}:root{--ds-font:"Habitx Nunito","PingFang SC","Microsoft YaHei",Arial,sans-serif;--ds-text:#242432;--ds-muted:#747587;--ds-border:#e6e5ee;--ds-field:#f7f7fb;--ds-accent:#6558e8;--ds-hover:#f1efff;--ds-shadow:6px 6px 36px #28213f08}.app-shell .account-selection-bar{position:static;inset:auto;box-sizing:border-box;width:auto;max-width:none;margin:16px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid #7564ed;border-radius:10px;background:#efedff;color:#39364d;box-shadow:none;transform:none}.app-shell .selection-summary{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px}.app-shell .selection-summary>span:first-child{color:#6959ed;font-size:20px}.app-shell .selection-summary .selection-clear{padding:4px 0;background:transparent;color:#6959ed;border:0;font-size:14px}.app-shell .selection-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.app-shell .selection-actions button{min-height:36px;padding:8px 14px;border:1px solid #6959ed;background:#6959ed;color:#fff;white-space:nowrap}.app-shell .selection-actions button:hover:not(:disabled){background:#5848d5;border-color:#5848d5}.app-shell .selection-actions button:disabled{background:#e2dfef;border-color:#d2cde4;color:#8d879f}@media(max-width:700px){.app-shell .account-selection-bar{margin:12px 16px;padding:12px;overflow:visible}.app-shell .selection-actions{justify-content:flex-start;width:100%}}.app-shell.light-theme .selection-bar>button{border:1px solid #d8d5e7}.app-shell.light-theme .selection-bar>button:hover:not(:disabled){border-color:#9d94e8}.clearable-search{position:relative;display:inline-flex;align-items:center;min-width:0;width:100%;flex:1 1 0;vertical-align:middle}.app-shell.light-theme .nav-item>svg{fill:none;border-radius:3px;background:transparent;box-shadow:none;transition:background .16s ease,box-shadow .16s ease,stroke .16s ease,color .16s ease}@media(hover:hover){.app-shell.light-theme .nav-item:hover>svg{fill:none;stroke:#6558e8;color:#6558e8;background:#eeeaff;box-shadow:0 0 0 4px #eeeaff}}.app-shell.light-theme .nav-item.active>svg,.app-shell.light-theme .nav-item:active>svg,.app-shell.light-theme.page-opening .nav-parent>svg{fill:none;stroke:#6558e8;color:#6558e8;background:#eeeaff;box-shadow:0 0 0 4px #eeeaff}@media(prefers-reduced-motion:reduce){.app-shell.light-theme .nav-item>svg{transition:none}}.overview-dashboard .overview-tasks>div>svg.overview-task-symbol{stroke:currentColor;fill:none;stroke-width:1.7}.overview-date-picker{position:relative;width:128px;max-width:100%}.app-shell .modal .overview-date-picker input{height:40px}.overview-date-picker.date-field-full-width{width:100%;min-width:0}.modal .overview-date-picker.date-field-full-width input{width:100%;text-align:left;padding-left:11px}.app-shell .overview-date-picker.date-field-full-width input{text-align:left;padding-left:11px}.payment-record-filters label:has(.overview-date-picker):has(.payment-record-clear) .overview-calendar-trigger{right:32px}.payment-record-filters label:has(.overview-date-picker):has(.payment-record-clear) .overview-date-picker input{padding-right:64px}.overview-date-picker input{box-sizing:border-box;width:100%;height:34px;padding:0 32px 0 6px;font:400 13px Arial,sans-serif;text-align:center;border:1px solid #dedbe9;border-radius:7px;background:var(--ds-field,#fff);color:var(--ds-text,#343345)}.overview-date-picker .overview-calendar-trigger{position:absolute;right:1px;top:1px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#6b637f}.overview-date-picker:has(input:disabled){opacity:.6}.modal.opening-account-create-modal :is(input,select,textarea){font-size:13px;font-weight:400;line-height:1.5}.modal.opening-account-create-modal :is(label,.opening-account-create-list>div){font-size:12px;font-weight:600;color:#606075}.modal.opening-account-create-modal .opening-account-create-list button{font-size:13px;font-weight:400}.modal.opening-account-create-modal .opening-account-create-add{padding-bottom:20px}.opening-customer-search{position:relative;min-width:0}.modal.opening-account-create-modal .opening-customer-search input{padding-right:11px}.opening-customer-search-options{position:absolute;z-index:5;top:calc(100% + 4px);left:0;right:0;max-height:180px;overflow:auto;padding:4px;border:1px solid #dfe3eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px #24203c20}.opening-customer-search-options button{display:block;width:100%;padding:9px 10px;border:0;border-radius:5px;background:transparent;color:#343345;text-align:left;font-size:13px;cursor:pointer}.opening-customer-search-options button:focus-visible,.opening-customer-search-options button:hover{background:#efedff;color:#6558e8}.opening-customer-search-options>span{display:block;padding:9px;color:#818a9c;font-size:13px}.app-shell .financial-reports .modal .form-grid select.agency-prepayment-select,.modal.account-modal .form-grid select,.modal.opening-account-create-modal select{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1 6 6 11 1' fill='none' stroke='%23818a9c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px}.modal .overview-date-picker input{box-sizing:border-box;width:128px;max-width:100%;height:40px;padding:0 32px 0 6px;font:400 13px Arial,sans-serif;text-align:center;border:1px solid var(--ds-border);border-radius:7px}.modal .overview-date-picker .overview-calendar-trigger{position:absolute;right:1px;top:4px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#6b637f}.app-shell .overview-panel .overview-month-picker input{border:1px solid var(--ds-border);border-radius:7px;background:var(--ds-card,#fff);color:var(--ds-text)}.app-shell .overview-date-picker input{box-sizing:border-box;width:100%;height:34px;padding:0 32px 0 6px;font-size:13px;line-height:normal;text-align:center;font-family:Arial,sans-serif;font-weight:400}.app-shell .overview-interactive-trend>header{align-items:center;gap:12px}.app-shell .overview-date-range{align-items:center;gap:8px}.app-shell .overview-date-range>button{box-sizing:border-box;height:34px;line-height:normal;display:inline-flex;align-items:center;justify-content:center;font-size:13px}.app-shell .overview-date-picker .overview-calendar-trigger{position:absolute;right:1px;top:1px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#6b637f}.overview-date-invalid{position:absolute;top:100%;left:0;width:220px;font-size:12px;color:#c44150;z-index:5;background:white}.overview-calendar{position:fixed;z-index:1000;box-sizing:border-box;width:min(304px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:14px;border:1px solid #dedbe9;border-radius:14px;background:#fff;box-shadow:0 12px 36px #2b234526;color:#343345;font:14px/1.4 Arial,PingFang SC,Microsoft YaHei,sans-serif}.overview-calendar button{appearance:none;box-sizing:border-box;border:0;border-radius:7px;background:transparent;color:inherit;font:inherit;cursor:pointer;min-width:0;padding:0}.overview-calendar button:hover{background:#efedff;color:#6959ed}.overview-calendar button:focus-visible{outline:2px solid #6959ed;outline-offset:1px}.overview-calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.overview-calendar-head strong{font-size:16px}.overview-calendar-head button{width:32px;height:32px;font-size:24px}.overview-calendar-days,.overview-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}.overview-calendar-week{margin-bottom:4px;color:#9290a1}.overview-calendar-week span{line-height:26px}.overview-calendar-days button{height:32px;font-size:14px}.overview-calendar-days .outside-month{color:#b8b5c2}.overview-calendar-days button[aria-current=date]{box-shadow:inset 0 0 0 1px #9b90e9}.overview-calendar-days button[aria-pressed=true]{background:#6959ed;color:white}.overview-calendar-foot{display:flex;justify-content:space-between;border-top:1px solid #eeecf5;margin-top:10px;padding-top:8px}.overview-calendar-foot button{padding:5px 12px;color:#6959ed}.clearable-search>input,.clearable-search>textarea{width:100%;min-width:0;padding-right:32px!important}.clearable-search>input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.clearable-search>.clearable-search-button{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:24px;height:24px;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#85869a;font:18px/1 Arial;cursor:pointer;box-shadow:none}.clearable-search>.clearable-search-button:hover{background:#efedfb;color:#6558e8}.clearable-search>.clearable-search-button:focus-visible{outline:2px solid #6558e8;outline-offset:1px}.app-shell .filter-input-clear button,.app-shell .tiktok-whitelist-filters .clearable-filter button{width:24px;height:24px;min-height:0;border-radius:50%;font:18px/24px Arial;box-shadow:none}.app-shell .filter-input-clear button:hover,.app-shell .tiktok-whitelist-filters .clearable-filter button:hover{background:#efedfb;color:#6558e8}.customer-combobox .clearable-search>.clearable-search-button{right:34px}.customer-combobox .clearable-search>input{padding-right:62px!important}.customer-autocomplete:has(>.customer-combobox-toggle) .clearable-search>.clearable-search-button{right:40px}.customer-autocomplete:has(>.customer-combobox-toggle) .clearable-search>input{padding-right:72px!important}.customer-autocomplete:has(>.customer-combobox-toggle) .clearable-search:not(:has(>.clearable-search-button))>input{padding-right:40px!important}.app-shell #monthly>.toolbar>.monthly-month-search{box-sizing:border-box;width:128px;min-width:0;flex:0 0 128px}.app-shell .agency-bill-filters .finance-filter-field:has(.overview-month-picker){width:128px;max-width:100%;flex:0 0 128px}.app-shell :is(.monthly-month-search,.agency-bill-filters) .overview-month-picker input{box-sizing:border-box;width:128px;min-width:0;height:40px;padding:0 32px 0 6px;text-align:center;font:400 13px Arial,sans-serif;border:1px solid var(--ds-border);border-radius:7px;background:var(--ds-card,#fff);color:var(--ds-text)}.app-shell :is(.monthly-month-search,.agency-bill-filters) .overview-month-picker .overview-calendar-trigger{top:4px}.overview-calendar-months{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.overview-calendar-months button{height:40px}.app-shell .agency-bill-filters .finance-filter-field:has(.finance-month-filter){width:160px;max-width:100%;flex:0 0 160px}.app-shell .agency-bill-filters .finance-month-filter{box-sizing:border-box;width:160px;min-width:0;max-width:100%;height:40px;padding:0 11px}.app-shell :is(.monthly-month-search input,.finance-month-filter){font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;line-height:normal;text-align:center}.app-shell :is(.monthly-month-search input,.finance-month-filter)::-webkit-datetime-edit{padding:0;text-align:center}.app-shell :is(.monthly-month-search input,.finance-month-filter)::-webkit-calendar-picker-indicator{width:16px;height:16px;margin:0 0 0 8px;padding:0;cursor:pointer}.agency-bill-filters .clearable-search{width:260px;max-width:100%}.agency-bill-filters .clearable-search>input{width:100%;min-width:0;flex:1 1 auto}.action-modal,.app-shell,.modal,.opening-review-drawer,.service-drawer,.service-modal{font-family:var(--ds-font)}.app-shell,.app-shell.light-theme{background-color:#f2f5fd;background-image:linear-gradient(#ffffff2e,#ffffff2e),url(/workspace-background.jpg);background-size:cover;background-position:top;background-repeat:no-repeat;background-attachment:fixed}.app-shell:not(.light-theme){background:#f1f0ff}.app-shell .workspace,.app-shell.light-theme .workspace{background:transparent}.app-shell:not(.light-theme) .workspace{background:#f5f4fa}.app-shell .overview-metrics article,.app-shell .stat-grid article,.app-shell :is(.ledger-card,.insight-card,.tip-card,.overview-panel){border:1px solid var(--ds-border);border-radius:14px;box-shadow:var(--ds-shadow)}.app-shell .card-head{gap:16px}.app-shell #monthly:has(>.card-head-actions-only)>.admin-tabs{margin-bottom:0}.app-shell #monthly>.card-head-actions-only{padding-top:12px;padding-bottom:12px}.app-shell .card-head h2{color:var(--ds-text);font-size:22px;font-weight:700;letter-spacing:-.35px;line-height:1.35}.app-shell .overview-welcome h2{font-weight:800;letter-spacing:-.5px}.app-shell .overview-panel h3{font-size:15px;font-weight:700}.app-shell .overview-tasks-with-promo{display:flex;flex-direction:column}.app-shell .overview-main-grid:has(.overview-promo-carousel){min-width:0}.app-shell .overview-tasks-with-promo>div{flex-shrink:0}.app-shell .overview-tasks-with-promo>div:last-of-type{border-bottom:0;margin-bottom:20px}.app-shell .overview-promo-carousel{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:580px;aspect-ratio:2.5;min-height:146px;flex-shrink:0;margin:auto auto 0;border-radius:14px;background:#e6e9ff;container-type:inline-size}.app-shell .overview-promo-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease}.app-shell .overview-promo-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.app-shell .overview-promo-art{position:absolute;display:block;width:100%;height:100%;object-fit:cover;object-position:right center}.app-shell .overview-promo-copy{position:absolute;left:6%;top:24%;width:56%;color:#3548b7}.app-shell .overview-tasks .overview-promo-title{display:block;margin:0;font-size:clamp(16px,4.5cqw,24px);font-weight:700;line-height:1.35;letter-spacing:0}.app-shell .overview-promo-lead{display:block;margin-bottom:3px;font-size:.78em;font-weight:500}.app-shell .overview-tasks .overview-promo-subtitle{display:block;margin:8px 0 0;font-size:clamp(11px,2.5cqw,13px);line-height:1.5;font-weight:400;color:#6472ac}.app-shell .overview-promo-controls{position:absolute;inset:auto 8px 3px;display:flex;align-items:center;justify-content:center;height:34px;z-index:2}.app-shell .overview-promo-dot{display:grid;place-items:center;width:34px;height:34px;min-height:0;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}.app-shell .overview-promo-dot:before{content:"";width:6px;height:6px;border-radius:6px;background:#ffffff99;transition:width .2s,background .2s}.app-shell .overview-promo-dot[aria-pressed=true]:before{width:22px;background:#fff}.app-shell .overview-promo-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(pointer:coarse){.app-shell .overview-promo-dot{width:44px;height:44px}.app-shell .overview-promo-controls{height:44px;bottom:0}}@media(prefers-reduced-motion:reduce){.app-shell .overview-promo-dot:before,.app-shell .overview-promo-slide{transition:none}}@keyframes habitx-trend-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.app-shell .trend-reveal{animation:habitx-trend-reveal .8s cubic-bezier(.22,.61,.36,1) both}@media(prefers-reduced-motion:reduce){.app-shell .trend-reveal{animation:none}}.app-shell .overview-metrics article{padding:18px;background:#fff;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.app-shell .overview-metrics article:first-child{--metric-tint:#f7f5ff;--metric-edge:#c9c1f6}.app-shell .overview-metrics article:nth-child(2){--metric-tint:#f3f7ff;--metric-edge:#c0d5f4}.app-shell .overview-metrics article:nth-child(3){--metric-tint:#fffaf0;--metric-edge:#ebd6a9}.app-shell .overview-metrics article:nth-child(4){--metric-tint:#f2faf7;--metric-edge:#bcded2}.app-shell .overview-metrics article:nth-child(5){--metric-tint:#fff6f7;--metric-edge:#f0c5ce}@media(hover:hover){.app-shell .overview-metrics article:hover{background:var(--metric-tint);border-color:var(--metric-edge);box-shadow:0 4px 14px #28213f0b}}@media(prefers-reduced-motion:reduce){.app-shell .overview-metrics article{transition:none}}.app-shell .overview-metrics article:first-child .overview-metric-icon{background:#f0edff;color:#6558e8}.app-shell .overview-metrics article:nth-child(2) .overview-metric-icon{background:#eaf2ff;color:#3978db}.app-shell .overview-metrics article:nth-child(3) .overview-metric-icon{background:#fff5df;color:#bc790b}.app-shell .overview-metrics article:nth-child(4) .overview-metric-icon{background:#e9f6f2;color:#268366}.app-shell .overview-metrics article:nth-child(5) .overview-metric-icon{background:#fff0f2;color:#de5974}.app-shell .overview-metrics article>span{font-size:12px;font-weight:600;color:var(--ds-muted)}.app-shell .overview-metrics article>strong{font-size:24px;font-weight:800;letter-spacing:.2px;font-variant-numeric:tabular-nums;line-height:1.25}.action-modal :is(.primary,.secondary,.cancel),.app-shell :is(.primary,.secondary),.modal :is(.primary,.secondary,.cancel){border-radius:8px;font-family:var(--ds-font);font-weight:600;box-shadow:none;transition:background-color .15s,border-color .15s,box-shadow .15s}.action-modal .primary,.app-shell .primary,.modal .primary{background:var(--ds-accent);color:#fff}.action-modal .primary:hover:not(:disabled),.app-shell .primary:hover:not(:disabled),.modal .primary:hover:not(:disabled){background:#5548d4;box-shadow:0 3px 10px #6558e820}.app-shell .secondary,.modal .secondary{border-color:var(--ds-border);background:#fff;color:#606075}.app-shell .secondary:hover:not(:disabled),.modal .secondary:hover:not(:disabled){border-color:#b8b1ef;background:var(--ds-hover);color:#5548d4}.action-modal :is(input,select,textarea),.app-shell :is(input,select,textarea),.modal :is(input,select,textarea){font-family:var(--ds-font);font-variant-numeric:tabular-nums}.app-shell .finance-toolbar .finance-filter-field{font-family:var(--ds-font);font-size:12px;font-weight:400}.app-shell .finance-toolbar :is(input,select){font-family:var(--ds-font);font-size:12px;font-weight:400}.app-shell .finance-toolbar select{appearance:auto;-webkit-appearance:auto;background-image:none;background-size:auto;padding-right:12px}.app-shell .finance-select-shell{display:flex;align-items:center;height:40px;padding:0 11px;border:1px solid var(--ds-border);border-radius:7px;background:#fff;min-width:0}.app-shell .finance-toolbar .finance-select-shell>select,.app-shell .opening-account-filters .opening-media-select-shell>select{width:100%;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;outline:0;box-shadow:none}.app-shell .opening-account-filters .opening-media-select-shell>select{appearance:auto}.app-shell .opening-account-filters>label:has(.opening-media-select-shell){width:160px;max-width:100%;min-width:0;flex:0 0 160px;justify-self:start}.app-shell .opening-account-filters .opening-media-select-shell{box-sizing:border-box;width:160px;max-width:100%}.app-shell .admin-filter .admin-select-shell>select,.app-shell .tiktok-whitelist-filters .tiktok-select-shell>select{width:100%;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;outline:0;box-shadow:none;appearance:auto}.app-shell .admin-select-shell{height:35px}#admins .admin-filter:not(.customer-account-filter){grid-template-columns:minmax(240px,1fr) 160px 160px;align-items:center;gap:12px}#admins .admin-filter .admin-select-shell{box-sizing:border-box;width:160px;max-width:100%;height:40px;padding:0;justify-self:stretch}#admins .admin-filter .admin-select-shell>select{width:100%;height:100%;padding:0 38px 0 11px;font-family:inherit;font-size:12px;font-weight:400;text-align:left;text-align-last:left;appearance:none;-webkit-appearance:none;background-position:right 16px center;background-size:12px 8px}@media(max-width:800px){#admins .admin-filter:not(.customer-account-filter){grid-template-columns:repeat(2,minmax(0,1fr))}#admins .admin-filter:not(.customer-account-filter)>.clearable-search{grid-column:1/-1}#admins .admin-filter .admin-select-shell{width:100%}}@media(max-width:700px){#admins .admin-filter .admin-select-shell>select{font-size:14px}}.app-shell .tiktok-select-shell{height:36px;flex:1;border-radius:6px}@media(max-width:700px){.app-shell .admin-select-shell,.app-shell .tiktok-select-shell{height:42px}}.app-shell .finance-select-shell:focus-within{border-color:var(--ds-accent);box-shadow:0 0 0 3px #5148e812}@media(max-width:700px){.app-shell .finance-select-shell{height:42px}}.app-shell .finance-toolbar .finance-filter-actions button{font-family:var(--ds-font);font-size:12px}@media(max-width:700px){.app-shell .finance-toolbar :is(input,select){font-size:14px}}.app-shell :is(.filter-panel,.filter-row,.opening-filter-panel,.opening-account-filters,.finance-toolbar,.payment-record-filters){background:#fafafe;border-color:var(--ds-border)}.app-shell :is(.filter-panel,.filter-row,.opening-filter-panel,.opening-account-filters,.finance-toolbar) :is(input:not([type=checkbox]):not([type=radio]),select,textarea),.modal .form-grid :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:var(--ds-border);border-radius:7px;color:var(--ds-text)}.modal .form-grid :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--ds-field)}.app-shell .search{border-color:var(--ds-border);background:var(--ds-field);border-radius:8px}.app-shell #bills>.toolbar>.search{width:285px;max-width:100%;height:40px;padding:0 11px;border:1px solid var(--ds-border);border-radius:7px;background:#fff}.app-shell #bills>.toolbar>.search>span:first-child{display:none}.app-shell #bills>.toolbar>.search input{height:38px;font-family:inherit;font-size:12px;font-weight:400;color:var(--ds-text)}.app-shell :is(#monthly,#customers,#operations)>.toolbar>.search{max-width:100%;height:40px;padding:0 11px;border:1px solid var(--ds-border);border-radius:7px;background:#fff}.app-shell :is(#monthly,#customers,#operations)>.toolbar>.search>span:first-child:not(.clearable-search){display:none}.app-shell :is(#monthly,#customers,#operations)>.toolbar>.search :is(input,select){height:38px;font-family:inherit;font-size:12px!important;font-weight:400;color:var(--ds-text)}.app-shell :is(.account-filter-panel,.admin-filter,.opening-account-filters) :is(input:not([type=checkbox]),textarea){height:40px;padding:0 11px;border:1px solid var(--ds-border);border-radius:7px;background:#fff;font-family:inherit;font-size:12px;font-weight:400;color:var(--ds-text)}.app-shell .opening-account-filters .clearable-search>textarea{box-sizing:border-box;min-height:40px;padding:10px 11px;line-height:18px}.app-shell .tiktok-whitelist-filters input{height:40px;padding:0 11px;border:1px solid var(--ds-border);border-radius:7px;background:#fff;font-family:inherit;font-size:12px;font-weight:400;color:var(--ds-text)}.app-shell .tiktok-whitelist-filters .tiktok-select-shell{height:40px;border-radius:7px}.app-shell :is(.tiktok-whitelist-filters,.opening-account-filters) select{font-family:inherit;font-size:12px;font-weight:400;color:var(--ds-text)}.app-shell :is(.tiktok-whitelist-filters,.opening-account-filters) :is(input,textarea):focus{border-color:#b8b1ef;box-shadow:0 0 0 2px #6558e814}@media(max-width:700px){.app-shell .tiktok-whitelist-filters :is(input,select){font-size:14px}}@media(max-width:700px){.app-shell :is(#monthly,#customers,#operations)>.toolbar>.search{width:100%}.app-shell :is(#monthly,#customers,#operations)>.toolbar>.search :is(input,select),.app-shell :is(.account-filter-panel,.admin-filter,.opening-account-filters) :is(input:not([type=checkbox]),textarea){font-size:14px!important}}@media(max-width:700px){.app-shell #bills>.toolbar>.search{width:100%}.app-shell #bills>.toolbar>.search input{font-size:14px}}.app-shell input::placeholder,.modal input::placeholder,.modal textarea::placeholder{color:#9696a5;opacity:1}.action-modal :is(input,select,textarea):focus-visible,.app-shell :is(input,select,textarea):focus-visible,.modal :is(input,select,textarea):focus-visible{outline:2px solid #6558e85c;outline-offset:1px;border-color:var(--ds-accent)}.action-modal button:focus-visible,.app-shell button:focus-visible,.modal button:focus-visible{outline:2px solid #8e83ef;outline-offset:3px}.action-modal button:disabled,.app-shell button:disabled,.modal button:disabled{cursor:not-allowed}.app-shell :is(button,input,select,textarea)[aria-busy=true]{cursor:progress}.app-shell :is(input,select,textarea)[aria-invalid=true],.modal :is(input,select,textarea)[aria-invalid=true]{border-color:#d45b69}.app-shell table th,.modal table th{background:#f5f4fa;color:#595568;border-color:var(--ds-border);font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:13px;font-weight:500;letter-spacing:0;height:44px;padding-top:10px;padding-bottom:10px;line-height:22px;box-sizing:border-box}.app-shell table td,.modal table td{border-bottom-color:#eeedf3;line-height:1.55;font-variant-numeric:tabular-nums}.app-shell tbody tr:hover,.modal tbody tr:hover{background:#f7f5ff}.app-shell :is(.badge,.opening-status,.operation-type){border-radius:6px}.app-shell :is(.admin-tabs,.finance-tabs){border-color:var(--ds-border)}.app-shell :is(.admin-tabs,.finance-tabs) button{font-family:var(--ds-font);font-weight:700;transition:color .15s,background-color .15s}.app-shell :is(.admin-tabs,.finance-tabs) button:hover{background:#f8f7ff}.app-shell .segmented{background:#f0eff5;border-radius:8px}.app-shell .segmented button.selected{color:var(--ds-accent);box-shadow:0 1px 5px #28213f12}.app-shell .pagination :is(button,select),.modal .pagination :is(button,select){border-color:var(--ds-border);border-radius:7px;font-family:var(--ds-font)}.app-shell .pagination button:hover:not(:disabled),.modal .pagination button:hover:not(:disabled){color:var(--ds-accent);background:var(--ds-hover);border-color:#b8b1ef}.action-modal,.modal{border:1px solid var(--ds-border);border-radius:14px;box-shadow:0 20px 70px #24203c30}.modal .modal-foot,.modal .modal-head{border-color:var(--ds-border)}.modal .modal-head h2{font-size:20px;font-weight:700;line-height:1.4;color:var(--ds-text)}.modal .form-grid label{font-size:12px;font-weight:600;color:#606075}.modal .modal-foot button{font-family:var(--ds-font);border-radius:8px}.app-shell .header-actions{max-width:100%;z-index:30}.app-shell .profile-trigger{max-width:100%;gap:12px;padding:5px 8px;border:1px solid transparent;border-radius:10px;font-family:var(--ds-font)}.app-shell .profile-trigger:hover,.app-shell .profile-trigger[aria-expanded=true]{background:transparent;border-color:transparent}.app-shell .search:focus-within{border-color:#b8b1ef;box-shadow:0 0 0 2px #6558e814}.app-shell .search input:focus-visible{outline:none;border-color:transparent;box-shadow:none}.app-shell .profile-trigger .avatar{width:36px;height:36px;flex:0 0 36px;font-size:16px;color:var(--ds-accent);background:#eeebff}.app-shell .profile-trigger .user{min-width:0;gap:3px;line-height:1.4}.app-shell .profile-trigger .user b{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;color:#40404d}.app-shell .profile-trigger .user small{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;color:#858594}.app-shell .profile-chevron{box-sizing:content-box;width:12px;height:12px;flex:0 0 12px;padding:4px;margin-left:5px;border:1px solid #d9d8e2;border-radius:50%;color:#666674}.app-shell .profile-menu{top:calc(100% + 10px);width:220px;max-width:calc(100vw - 32px);padding:8px;display:grid;gap:4px;border:1px solid var(--ds-border);border-radius:12px;box-shadow:0 10px 36px #27213d18}.app-shell .profile-menu button{min-height:42px;padding:10px 14px;font-family:var(--ds-font);font-size:13px;border-radius:7px}.app-shell .profile-menu button:hover{color:var(--ds-accent);background:var(--ds-hover)}@keyframes habitx-profile-expand{0%{opacity:0;clip-path:inset(0 0 100% 0 round 12px);transform:translateY(-6px)}to{opacity:1;clip-path:inset(0 0 0 0 round 12px);transform:translateY(0)}}.app-shell .profile-menu{animation:habitx-profile-expand .3s ease-out both;transform-origin:top right}@media(prefers-reduced-motion:reduce){.app-shell .profile-menu{animation:none}}@media(max-width:1200px){.app-shell .overview-metrics article{padding:14px}.app-shell .overview-metrics article>strong{font-size:20px}.app-shell .profile-trigger .user b,.app-shell .profile-trigger .user small{max-width:200px}}@media(max-width:700px){.app-shell .card-head h2{font-size:19px}.app-shell .profile-trigger{gap:7px}.app-shell .profile-trigger .avatar{width:34px;height:34px;flex-basis:34px;font-size:15px}.app-shell .profile-trigger .user b{font-size:12px;max-width:180px}.app-shell .profile-trigger .user small{font-size:10px;max-width:180px}.app-shell .profile-chevron{padding:3px;margin-left:0}.app-shell .overview-metrics article>strong{font-size:20px}}.app-shell .service-mall,.service-drawer,.service-modal{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}.mall-transactions-page.mall-transactions-page,.media-billing-page.media-billing-page{font-family:var(--ds-font);background:#f5f4fa}.mall-transactions-page .mall-transactions-card,.media-billing-page.media-billing-page :is(.setup-card,.import-card,.bill-section,.client-library){border-radius:14px;border-color:var(--ds-border);box-shadow:var(--ds-shadow)}.media-billing-page.media-billing-page :is(.form-grid,.profile-form) :is(input,select,textarea){border-radius:7px;border-color:var(--ds-border);background:var(--ds-field)}.mall-transactions-page .mall-back,.media-billing-page.media-billing-page :is(.outline-button,.profile-save,.add-profile-button,.export-profile-button){border-radius:8px;font-family:var(--ds-font)}.mall-transactions-page.mall-transactions-page table th{background:#f6f6fa;color:#666678}.mall-transactions-page.mall-transactions-page table td{border-color:#eeedf3;font-variant-numeric:tabular-nums}.mall-transactions-page.mall-transactions-page :is(button,a,select):focus-visible,.media-billing-page.media-billing-page button:focus-visible{outline:2px solid #8e83ef;outline-offset:3px}@media(prefers-reduced-motion:reduce){.app-shell *,.modal *{transition:none!important;animation:none!important}}.app-shell .account-balance strong,.app-shell .overview-metrics article>strong,.app-shell .overview-ranking strong,.app-shell .overview-table-wrap td:last-child,.app-shell .overview-tasks em,.app-shell .remaining-amount-cell>b,.app-shell .remaining-amount-previous em,.app-shell .stat-grid article strong,.app-shell .trend-tooltip text,.app-shell :is(.money,.fee,.rate,.release),.app-shell td.right,.modal .remaining-history-current b,.modal .remaining-history-list em,.modal td.right{font-family:Arial,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-variant-numeric:lining-nums tabular-nums;letter-spacing:normal}.app-shell .overview-metrics article>strong{font-weight:700}.app-shell .overview-recent table{min-width:520px;table-layout:fixed;width:100%}.app-shell .overview-recent td,.app-shell .overview-recent th{max-width:none;padding:10px 6px;white-space:nowrap}.app-shell .overview-recent td:first-child,.app-shell .overview-recent th:first-child{width:48px;padding-left:4px;padding-right:8px;text-align:center}.app-shell .overview-recent td:nth-child(3),.app-shell .overview-recent th:nth-child(3){width:58px}.app-shell .overview-recent td:last-child:not([colspan]),.app-shell .overview-recent th:last-child{width:112px;text-align:right;white-space:nowrap}.app-shell .overview-recent .overview-account-name{max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fixed-right-actions{isolation:isolate;overflow-x:auto}.fixed-right-actions>table>tbody>tr>td:last-child:not([colspan]),.fixed-right-actions>table>thead>tr>th:last-child{position:sticky;right:0;z-index:2;background:#fff;box-shadow:-5px 0 8px -6px #34324c55}.fixed-right-actions>table>thead>tr>th:last-child{z-index:3;background:#f5f4fa}.fixed-right-actions>table>tbody>tr:hover>td:last-child:not([colspan]){background:#f7f6fc}.opening-status-tabs{display:flex;gap:24px;overflow-x:auto;padding:0 24px;border-bottom:1px solid var(--ds-border);background:#fff}.opening-status-tabs button{flex:none;min-height:46px;padding:0 2px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--ds-muted);font:inherit;font-size:13px;cursor:pointer}.opening-status-tabs button.active{color:var(--ds-accent);border-bottom-color:var(--ds-accent);font-weight:700}.app-shell .opening-record-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 180px auto;align-items:end;gap:16px;background:#fff}.opening-record-filters label{min-width:0}.opening-clearable{display:block;position:relative;min-width:0}.app-shell .opening-clearable input{padding-right:32px}.app-shell .opening-clearable-select{display:flex;align-items:center;height:40px;padding:0 11px;border:1px solid var(--ds-border);border-radius:7px;background:#fff}.app-shell .opening-filter-panel .opening-clearable-select select{width:100%;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;outline:0;box-shadow:none;appearance:auto}.app-shell .opening-clearable-select:has(>button) select{padding-right:24px}.app-shell .opening-clearable-select:focus-within{border-color:var(--ds-accent);box-shadow:0 0 0 3px #5148e812}.app-shell .opening-clearable>button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:24px;height:24px;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ds-muted);font:18px/24px Arial;cursor:pointer}.app-shell .opening-clearable-select>button{right:32px}.app-shell .opening-clearable>button:hover{background:var(--ds-hover);color:var(--ds-accent)}@media(max-width:1100px){.app-shell .opening-record-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.opening-record-filters>.primary{justify-self:end;grid-column:1/-1}}@media(max-width:700px){.opening-status-tabs{padding-inline:16px;gap:20px}.app-shell .opening-record-filters{grid-template-columns:1fr}}.app-shell :is(.opening-filter-panel,.opening-account-filters,.finance-toolbar,.admin-filter,.tiktok-whitelist-filters,.account-filter-panel,.filter-panel,.filter-row,.payment-record-filters) label:has(select):not(.legacy-media-filter):not(.legacy-media-filter *){width:140px;max-width:100%;min-width:0;flex:0 0 140px;justify-self:start}.app-shell :is(.opening-filter-panel,.opening-account-filters,.finance-toolbar,.admin-filter,.tiktok-whitelist-filters,.account-filter-panel,.filter-panel,.filter-row,.payment-record-filters) :is(.finance-select-shell,.opening-clearable-select):not(.legacy-media-filter):not(.legacy-media-filter *){box-sizing:border-box;width:140px;max-width:100%;flex:0 0 140px;padding:0}.app-shell :is(.opening-filter-panel,.opening-account-filters,.finance-toolbar,.admin-filter,.tiktok-whitelist-filters,.account-filter-panel,.filter-panel,.filter-row,.payment-record-filters) select:not(.legacy-media-filter):not(.legacy-media-filter *){box-sizing:border-box;width:140px;max-width:100%;min-width:0;flex:0 0 auto;padding:0 28px 0 8px;text-align:center;text-align-last:center;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1 6 6 11 1' fill='none' stroke='%23736f82' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 8px}.app-shell :is(.opening-filter-panel,.opening-account-filters,.finance-toolbar,.admin-filter,.tiktok-whitelist-filters) :is(.finance-select-shell,.opening-clearable-select)>select:not(.legacy-media-filter):not(.legacy-media-filter *){width:100%;padding:0 28px 0 8px;appearance:none;-webkit-appearance:none;text-align:center;text-align-last:center;background-color:transparent}.app-shell .opening-filter-panel .opening-clearable-select:has(>button)>select:not(.legacy-media-filter):not(.legacy-media-filter *){padding-right:50px}.app-shell :is(.opening-filter-panel,.opening-account-filters,.finance-toolbar,.admin-filter,.tiktok-whitelist-filters) :is(.finance-select-shell,.opening-clearable-select)>select:not(.legacy-media-filter):not(.legacy-media-filter *){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1 6 6 11 1' fill='none' stroke='%23736f82' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 8px}.overview-customer-ranking .overview-ranking li:has(.overview-rank-media){display:grid;grid-template-columns:32px minmax(0,1fr) minmax(100px,.4fr) minmax(90px,auto);gap:16px}.overview-rank-media{min-width:0;font-size:12px;line-height:1.5}.overview-rank-media small{display:block;color:var(--muted,#8b8da0);font-size:11px;margin-bottom:3px}.overview-rank-media span{overflow-wrap:anywhere}@media(max-width:800px){.overview-customer-ranking .overview-ranking li:has(.overview-rank-media){grid-template-columns:28px minmax(0,1fr) auto;gap:10px}.overview-rank-media{grid-column:2;grid-row:2}.overview-customer-ranking li:has(.overview-rank-media)>strong{grid-column:3;grid-row:1}.overview-rank-media small{display:inline;margin-right:8px}}#agency-filter-select>select,.app-shell .modal.admin-modal .form-grid select,.app-shell .modal.monthly-bill-modal .form-grid select{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1 6 6 11 1' fill='none' stroke='%23818a9c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px}#agency-filter-select{box-sizing:border-box;width:160px;max-width:100%;height:40px;padding:0 11px 0 0;flex:0 0 160px}#agency-filter-select>select{width:100%;height:100%;text-align:left;text-align-last:left;padding-left:11px;padding-right:0;font-family:inherit;font-size:12px;font-weight:400;appearance:auto;-webkit-appearance:auto;background-image:none}@media(max-width:700px){#agency-filter-select>select{font-size:14px}}#financial .agency-bill-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:16px;align-items:end}#financial .agency-bill-filters>.finance-filter-field{width:100%;min-width:0;max-width:100%;justify-self:stretch}#financial .agency-bill-filters .clearable-search,#financial .agency-bill-filters .finance-select-shell,#financial .agency-bill-filters .overview-month-picker{width:100%;min-width:0;max-width:100%;box-sizing:border-box}#financial .agency-bill-filters .clearable-search>input,#financial .agency-bill-filters .overview-month-picker input{width:100%;min-width:0;height:40px;box-sizing:border-box}#financial .agency-bill-filters .finance-filter-actions{display:flex;gap:10px;white-space:nowrap}@media(max-width:1100px){#financial .agency-bill-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#financial .agency-bill-filters .finance-filter-actions{grid-column:1/-1;justify-self:end}}@media(max-width:600px){#financial .agency-bill-filters{grid-template-columns:minmax(0,1fr)}}.account-action-symbol .coolicon-glyph{display:block;width:26px;height:26px;background:currentColor;mask:var(--account-action-icon) center/contain no-repeat;-webkit-mask:var(--account-action-icon) center/contain no-repeat}.account-action-symbol.recharge{--account-action-icon:url(/coolicons/Add_Plus_Circle.svg)}.account-action-symbol.deduct{--account-action-icon:url(/coolicons/Remove_Minus_Circle.svg)}.account-action-symbol.release{--account-action-icon:url(/coolicons/Arrow_Up_Right_LG.svg)}.account-action-symbol.clear{--account-action-icon:url(/coolicons/Arrow_Reload_02.svg)}.modal .form-grid>label:not(:has(>input[type=checkbox])):not(:has(>input[type=radio])){display:flex;flex-direction:column;gap:8px;min-width:0}.modal .form-grid>label>span:first-child{margin-bottom:0}.system-dialog{border:1px solid #e4e3ee;border-radius:20px;padding:0;width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;background:#fff;color:#252637;box-shadow:0 24px 80px #17193233}.system-dialog::backdrop{background:#20243c66}.system-dialog header{padding:28px 28px 20px;border-bottom:1px solid #e4e3ee}.system-dialog header span{font-size:12px;color:#8490aa}.system-dialog h2{margin:8px 0 0;font-size:22px;line-height:1.4}.system-dialog-body{padding:24px 28px}.system-dialog p{margin:0;font-size:15px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.system-dialog input{box-sizing:border-box;width:100%;height:44px;margin-top:16px;padding:0 12px;border:1px solid #dcddea;border-radius:10px;font:inherit;background:#f8f8fc;color:#252637}.system-dialog footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid #e4e3ee}.system-dialog button{border:1px solid #dcddea;border-radius:10px;padding:10px 20px;background:white;color:#646a80;font:inherit;cursor:pointer}.system-dialog button.primary{background:#6555ed;color:white;border-color:#6555ed}.system-dialog :focus-visible{outline:3px solid #a99fff;outline-offset:2px}