@media(max-width:700px){:root{--sh-hair: color-mix(in srgb, var(--text-primary) 10%, transparent);--sh-fill: color-mix(in srgb, var(--text-primary) 6%, transparent);--sh-label-w: 124px;--sh-menu: #F6F6F7;--sh-menu-shadow: 0 12px 40px rgba(0, 0, 0, .2), 0 0 0 .5px rgba(0, 0, 0, .14)}[data-theme=dark]{--sh-menu: #232325;--sh-menu-shadow: 0 12px 40px rgba(0, 0, 0, .6), 0 0 0 .5px rgba(255, 255, 255, .08)}.modal--drawer:not(#_ph) .modal-header{display:flex;align-items:center;gap:4px;min-height:52px;padding:6px 12px 6px 4px;border-bottom:1px solid var(--sh-hair);flex-shrink:0}.modal--drawer:not(#_ph) .modal-header .modal-title{flex:1 1 auto;min-width:0;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:17px!important;font-weight:600!important;letter-spacing:-.2px;color:var(--text-primary)!important}.modal--drawer:not(#_ph) .modal-header>div:has(>.modal-title){flex:1 1 auto;min-width:0}.modal--drawer:not(#_ph) .modal-header .apm-subtitle{display:none}.modal--drawer:not(#_ph) .modal-header>.pd-header-right{display:contents}.modal--drawer:not(#_ph) .modal-header .modal-close{order:-1;flex:none;width:44px;height:44px;min-width:44px;margin:0;padding:0;border:0;border-radius:22px;background:none;color:var(--text-primary);font-size:0;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.modal--drawer:not(#_ph) .modal-header .modal-close>*{display:none}.modal--drawer:not(#_ph) .modal-header .modal-close:before{content:"";width:12px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'%3E%3Cpath d='M10 2 2 10l8 8' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'%3E%3Cpath d='M10 2 2 10l8 8' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.modal--drawer:not(#_ph) .modal-header .modal-close:active{background:var(--sh-fill)}.modal--drawer:not(#_ph) .modal-header :is(.pd-flags-trigger,.sd-more-btn,.ctrl-more-btn){min-height:36px;height:36px;padding:0 10px;border-color:transparent;background:none;color:var(--text-primary)}.modal--drawer:not(#_ph) .modal-header .sd-more-btn{width:40px;padding:0;justify-content:center}.modal--drawer:not(#_ph) .modal-header .sd-more-btn svg{width:18px;height:18px}:is(#productDetailModal,#saleDetailModal) .sd-hero{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px 4px}#productDetailModal .pd-hero-img-wrap{width:100%}:is(#productDetailModal,#saleDetailModal) .sd-hero .sd-hero-img{width:100%;height:auto;aspect-ratio:16 / 9;max-height:240px;border:0;border-radius:14px;padding:0}:is(#productDetailModal,#saleDetailModal) .sd-hero .sd-hero-img img{width:100%;height:100%;object-fit:contain;padding:6px}#productDetailModal .pd-refresh-img-btn{top:8px;right:8px;width:32px;height:32px}:is(#productDetailModal,#saleDetailModal) .sd-hero-info{gap:6px;padding:0}:is(#productDetailModal,#saleDetailModal) .sd-title{font-size:20px;line-height:1.25;font-weight:700;letter-spacing:-.3px}:is(#productDetailModal,#saleDetailModal) .sd-subtitle{font-size:14px}:is(#productDetailModal,#saleDetailModal) .pd-hero-actions{margin-top:6px}:is(#productDetailModal,#saleDetailModal) .pd-hero-actions .btn{min-height:40px}:is(#productDetailModal,#saleDetailModal) .pd-tabbar{padding:0 16px;gap:12px}:is(#productDetailModal,#saleDetailModal) .pd-tabbar .seg-tab{min-height:44px;font-size:15px}:is(#productDetailModal,#saleDetailModal) .pd-tabbar>.btn{min-height:32px;height:32px;padding:0 12px;font-size:14px}:is(#createSaleModal,#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal,#pkgModal,#contactModal) .drawer-body{padding:4px 16px 0}:is(#createSaleModal,#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal,#pkgModal,#contactModal) form{gap:0}:is(#createSaleModal,#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal,#pkgModal,#contactModal) :is(.form-row,.cs-row){display:block;margin:0;gap:0}:is(#createSaleModal,#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal,#pkgModal,#contactModal) :is(.form-group,.cs-field){display:grid;grid-template-columns:var(--sh-label-w) minmax(0,1fr);column-gap:12px;align-items:center;min-height:48px;margin:0;padding:2px 0;border-bottom:1px solid var(--sh-hair)}:is(#createSaleModal,#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal,#pkgModal,#contactModal) :is(.form-group,.cs-field)>:is(.form-label,.apm-label){grid-column:1;align-self:center;margin:0;padding:0;font-size:15px;font-weight:400;line-height:1.25;letter-spacing:0;text-transform:none;color:var(--text-secondary)}:is(#createSaleModal,#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal,#pkgModal,#contactModal) :is(.form-group,.cs-field)>:not(label){grid-column:2;min-width:0}:is(#createSaleModal,#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal,#pkgModal,#contactModal) :is(.form-label,.apm-label) .apm-opt{display:none}:is(#createSaleModal,#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal,#pkgModal,#contactModal) :is(.form-group,.cs-field)>:is(.exm-hint,.ct-hint,.pkgm-hint,.exm-receipt-picked,.sub-ebay-hint,[class$=-hint]){grid-column:1 / -1;margin:0 0 10px;font-size:13px;line-height:1.35}:is(#createSaleModal,#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal,#pkgModal,#contactModal) :is(.form-group,.cs-field) :is(.form-input,.fdd-btn,.dp-trigger){width:100%;min-height:44px;height:44px;padding:0;border-color:transparent;border-radius:0;background:transparent;box-shadow:none;font-size:16px;font-weight:400;color:var(--text-primary)}:is(#createSaleModal,#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal,#pkgModal,#contactModal) :is(.form-group,.cs-field) :is(.form-input,.fdd-btn,.dp-trigger):focus{border-color:transparent;box-shadow:none;outline:none}:is(#createSaleModal,#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal,#pkgModal,#contactModal) :is(.form-group,.cs-field) .dp-trigger{gap:8px}:is(#createSaleModal,#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal,#pkgModal,#contactModal) :is(.form-group,.cs-field) .dp-trigger svg{display:none}:is(#createSaleModal,#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal,#pkgModal,#contactModal) :is(.form-group,.cs-field) textarea.form-input{height:auto;min-height:64px;padding:12px 0;resize:none}:is(#createSaleModal,#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal,#pkgModal,#contactModal) :is(.form-group,.cs-field):has(>textarea)>:is(.form-label,.apm-label){align-self:start;padding-top:13px}:is(#createSaleModal,#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal,#pkgModal,#contactModal) :is(.form-group,.cs-field) input[type=file].form-input{height:auto;min-height:0;padding:10px 0;font-size:14px;color:var(--text-muted)}:is(#addExpenseModal,#editExpenseModal) .form-group:has(>input[type=file]){grid-template-columns:auto minmax(0,1fr);column-gap:16px}:is(#createSaleModal,#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal,#pkgModal,#contactModal) .form-input:disabled{opacity:1;color:var(--text-muted)}:is(#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal,#contactModal) :is(.exm-name-row,.ct-name-row){display:flex;align-items:center;gap:10px;min-width:0}:is(#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal) .exm-glyph{width:32px;height:32px;min-width:32px;border-radius:8px}:is(#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal) .exm-glyph svg{width:16px;height:16px}#contactModal .ct-name-row .ct-avatar{width:32px;height:32px;min-width:32px}:is(#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal) .exm-amt-wrap,#contactModal .ct-ig-wrap{display:flex;align-items:center;gap:2px;min-width:0}:is(#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal) .exm-amt-prefix,#contactModal .ct-ig-at{position:static;transform:none;font-size:16px;color:var(--text-muted);pointer-events:none}:is(#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal) .exm-amt-wrap>.form-input,#contactModal .ct-ig-wrap>.form-input{padding-left:0}#pkgModal .trk-scan-field{display:flex;align-items:center;gap:6px;min-width:0}#pkgModal .trk-scan-field .trk-scan-btn{width:40px;height:36px;min-height:36px;padding:0;border-color:transparent;background:var(--sh-fill)}:is(#createSaleModal,#contactModal) :is(.cs-section-label,.ct-section-label){margin:20px 0 2px;padding:0;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-muted)}:is(#addExpenseModal,#editExpenseModal) .form-group:has(>:is(#expenseSource,#eeSource))>.form-label{font-size:0}:is(#addExpenseModal,#editExpenseModal) .form-group:has(>:is(#expenseSource,#eeSource))>.form-label:before{content:"Source";font-size:15px}#createSaleModal .cs-product-info{margin:10px 0 0;gap:12px}#createSaleModal .cs-row .cs-field{width:auto}#createSaleModal #csSaleProductDrop{grid-column:1 / -1}:is(#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal) .exm-actions,#pkgModal .pkgm-actions,#contactModal .ct-actions{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;gap:8px;margin:auto -16px 0;padding:10px 16px 12px;border-top:1px solid var(--sh-hair);background:var(--surface)}:is(#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal) .exm-actions .btn,#pkgModal .pkgm-actions .btn,#contactModal .ct-actions .btn{min-height:46px;height:46px;border-radius:12px;font-size:16px;justify-content:center}:is(#addExpenseModal,#editExpenseModal,#addSubModal,#editSubModal) .exm-actions .btn-primary,#pkgModal .pkgm-actions .btn-primary{flex:1 1 auto}#contactModal .ct-actions>div:last-child{flex:1 1 auto;display:flex;gap:8px}#contactModal .ct-actions>div:last-child>.btn-primary{flex:1 1 auto;order:-1}#contactModal .ct-actions>div:first-child:empty{display:none}#createSaleModal .cs-body{padding-bottom:0}#createSaleModal .cs-foot{margin:auto -16px 0;padding:10px 16px 12px;border-top:1px solid var(--sh-hair)}#createSaleModal .cs-actions .btn{min-height:46px;border-radius:12px;font-size:16px}:is(#pkgDetailModal,#expenseDetailModal,#subDetailModal) .drawer-body--actions>:last-child{padding:10px 16px 12px;gap:8px;flex-wrap:wrap}:is(#pkgDetailModal,#expenseDetailModal,#subDetailModal) .drawer-body--actions>:last-child .btn{min-height:44px;height:44px;padding:0 14px;border-radius:12px;font-size:15px}#pkgDetailModal .drawer-body--actions .btn[onclick="closeDrawer('pkgDetailModal')"]{display:none}.ctx-menu{--ctx-edge: 12px;width:min(260px,calc(100vw - 24px));min-width:0;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:0;border:0;border-radius:14px;background:var(--sh-menu);box-shadow:var(--sh-menu-shadow)}.ctx-menu .ctx-item,.page .ctrl-more-menu>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:0 16px;border-radius:0;font-size:16px;font-weight:400;color:var(--text-primary);-webkit-tap-highlight-color:transparent}.ctx-menu .ctx-item+.ctx-item,.page .ctrl-more-menu>button+button{box-shadow:inset 0 1px 0 var(--sh-hair)}.ctx-menu .ctx-item:is(:hover,:active),.page .ctrl-more-menu>button:is(:hover,:active){background:var(--sh-fill);color:var(--text-primary)}.ctx-menu .ctx-item--danger,.ctx-menu .ctx-item--danger:is(:hover,:active){color:var(--danger)}.ctx-menu .ctx-item>span{overflow:hidden;text-overflow:ellipsis}.ctx-menu .ctx-item-ico{width:16px;height:16px;opacity:.6}.ctx-menu .ctx-sep{height:8px;margin:0;background:var(--sh-hair)}.page .ctrl-more-menu{min-width:220px;max-width:calc(100vw - 24px);padding:0;gap:0;overflow:hidden;border:0;border-radius:14px;background:var(--sh-menu);box-shadow:var(--sh-menu-shadow)}.page .ctrl-more-menu>button>svg{order:1;width:18px;height:18px;opacity:.7;flex:none}.page .ctrl-more-menu>button{justify-content:space-between}.fdd-panel{padding:4px 0;border:0;border-radius:14px;background:var(--sh-menu);box-shadow:var(--sh-menu-shadow)}.fdd-panel .fdd-item{min-height:44px;padding:0 16px;border-radius:0;font-size:16px;color:var(--text-primary)}.fdd-panel .fdd-item+.fdd-item{box-shadow:inset 0 1px 0 var(--sh-hair)}.fdd-panel .fdd-item:is(:hover,.mdd-active){background:var(--sh-fill)}.fdd-panel .fdd-item.fdd-selected{background:none;font-weight:600}.fdd-panel .fdd-item .fdd-check{width:16px;height:16px;color:var(--primary)}.page .sales-selection-bar{left:8px;right:8px;column-gap:10px!important;row-gap:8px!important;padding:10px 10px 10px 14px!important;border:0!important;border-radius:16px!important;background:var(--sh-menu)!important;box-shadow:var(--sh-menu-shadow)!important;align-items:center}.page .sales-selection-bar .ssb-count{font-size:15px;font-weight:600;color:var(--text-primary)}.page .sales-selection-bar .ssb-stat{font-size:13px}.page .sales-selection-bar .ssb-stat .ssb-label{font-size:12px;color:var(--text-muted)}.page .sales-selection-bar .ssb-stat .ssb-value{font-size:13px}.page .sales-selection-bar .ssb-selectall{margin-left:auto;min-height:32px!important;padding:0 4px;font-size:14px;text-decoration:none;color:var(--primary)}.page .sales-selection-bar :is(.ssb-actions,.bulk-actions){gap:8px!important;flex-wrap:nowrap}.page .sales-selection-bar :is(.ssb-actions,.bulk-actions)>:is(.bulk-btn,button){flex:1 1 0;min-width:0;min-height:40px!important;height:40px;padding:0 8px;justify-content:center;border:0;border-radius:10px;background:var(--sh-fill);font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap}.page .sales-selection-bar :is(.ssb-actions,.bulk-actions)>:is(.bulk-btn-more){flex:0 0 44px}.page .sales-selection-bar :is(.ssb-actions,.bulk-actions)>:is(.bulk-btn-clear,.ssb-clear){flex:0 0 auto;background:none;color:var(--text-secondary)}.page .sales-selection-bar :is(.ssb-actions,.bulk-actions)>:is(.ssb-pick--danger,.bulk-btn-delete){background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}#notifPanel.notif-panel{border:0;border-radius:14px;background:var(--sh-menu);box-shadow:var(--sh-menu-shadow)}#notifPanel .notif-head{min-height:48px;padding:0 16px}#notifPanel .notif-head-title{font-size:17px;font-weight:600}#notifPanel .notif-markread{min-height:36px;font-size:14px}.topbar .gs-panel{border:0;border-radius:14px;background:var(--sh-menu);box-shadow:var(--sh-menu-shadow)}#settings .stg-panel-header{margin-bottom:8px}#settings .stg-panel-sub{display:none}#settings.stg-flat .settings-section+.settings-section{margin-top:14px;padding-top:14px}#settings.stg-flat #stgTabPresets:not(.stg-more-open)>.stg-phone-fold+.settings-section{margin-top:0;padding-top:4px;border-top:0}#settings .stg-split{row-gap:4px}#settings .stg-aside h3{font-size:15px}#settings .stg-rows .setting-item{padding:12px 0;gap:12px}#settings .stg-rows .setting-item:first-child{padding-top:6px}#settings .stg-rows .setting-label{font-size:16px;line-height:1.3}#settings .stg-rows .setting-description{margin-top:2px;font-size:13px;line-height:1.38}#settings .setting-item:has(>:is(.help-switch,.smart-rule-toggle):last-child){flex-direction:row;align-items:center;justify-content:space-between;column-gap:16px}#settings .setting-item:has(>:is(.help-switch,.smart-rule-toggle):last-child)>:first-child{flex:1 1 0;min-width:0}#settings .setting-item:has(>:is(.help-switch,.smart-rule-toggle):last-child)>:last-child{flex:none}#settings :is(.help-switch,.smart-rule-toggle):after{content:"";position:absolute;inset:-12px -10px}#settings .stg-notif-row .setting-description,#settings .setting-item.stg-conn .setting-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#settings .setting-item.ct-row{flex-direction:row;align-items:center;justify-content:space-between;padding-top:6px;padding-bottom:6px}#settings .setting-item.ct-row .ct-pick{margin:0;flex:none}#settings .setting-item.ct-row .ct-hex{width:104px}#settings .setting-item:is(.ct-presets-row,.ct-actions-row){gap:8px}#settings .ct-presets-row .ct-presets{justify-content:flex-start}#settings #stgColorsSets[hidden]{display:none}#stgTabHelp .help-cards,#stgTabHelp .help-contact-list{display:flex;flex-direction:column;gap:0;margin-top:0}#stgTabHelp .help-card{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"icon title" "icon body";column-gap:12px;row-gap:2px;padding:12px 0;border:0;border-radius:0}#stgTabHelp .help-card-icon{grid-area:icon;align-self:start}#stgTabHelp .help-card .help-card-title{grid-area:title;font-size:16px}#stgTabHelp .help-card .help-card-body{grid-area:body;font-size:13px;line-height:1.38}#stgTabHelp .help-contact{padding:12px 0;gap:12px;border:0;border-radius:0}#stgTabHelp .help-contact-title{font-size:16px}#stgTabHelp .help-contact .help-card-body{font-size:13px;line-height:1.38}#stgTabHelp :is(.help-card,.help-contact)+:is(.help-card,.help-contact){border-top:1px solid var(--sh-hair)}}