:root{--bg-body: #F2F4F8;--bg-app: linear-gradient(180deg, #F7F9FC 0%, #EEF1F6 100%);--bg-topbar: rgba(255, 255, 255, .92);--bg-card: linear-gradient(145deg, #FFFFFF 0%, #FBFCFE 100%);--bg-card-solid: #FFFFFF;--bg-section: linear-gradient(145deg, #FFFFFF 0%, #FAFBFD 100%);--bg-subtle: rgba(0, 0, 0, .025);--bg-subtle-2: rgba(0, 0, 0, .035);--bg-search: rgba(0, 0, 0, .04);--bg-btn-primary: linear-gradient(135deg, #5b8dee, #3C6FD8);--border-common: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .13);--text-primary: #1A1F2E;--text-secondary: #2C3246;--text-tertiary: #4A5168;--text-muted: #6B7486;--text-topbar-title: linear-gradient(135deg, #1A1F2E 0%, #3A4256 100%);--tab-inactive: #2C3246;--tab-active: #5b8dee;--brand: #5b8dee;--brand-light: #3C6FD8;--success: #12B76A;--warning: #E19C00;--danger: #D9413C;--avatar-text: #FFFFFF;--divider-stat: rgba(0,0,0,.1);--stat-strip-bg: linear-gradient(145deg, #FFFFFF 0%, #F7F9FC 100%);--report-cell-bg: rgba(0,0,0,.025);--report-cell-border: rgba(0,0,0,.06);--bg-sidebar: linear-gradient(165deg, #FFFFFF 0%, #F7F9FC 100%);--bg-sidebar-header: linear-gradient(135deg, rgba(91,141,238,.15) 0%, rgba(91,141,238,.04) 100%);--bg-tabbar: #FFFFFF;--tabbar-border-top: rgba(0,0,0,.1);--tabbar-shadow: none;--kpi-normal-bg: linear-gradient(145deg, #FFFFFF 0%, #FAFBFD 100%);--kpi-normal-border: rgba(0, 0, 0, .08);--kpi-brand-bg: linear-gradient(145deg, rgba(91, 141, 238, .12) 0%, rgba(91, 141, 238, .06) 100%);--kpi-brand-border: rgba(91, 141, 238, .3);--kpi-danger-bg: linear-gradient(145deg, rgba(217, 65, 60, .08) 0%, rgba(217, 65, 60, .04) 100%);--kpi-danger-border: rgba(217, 65, 60, .2);--kpi-warning-bg: linear-gradient(145deg, rgba(225, 156, 0, .08) 0%, rgba(225, 156, 0, .04) 100%);--kpi-warning-border: rgba(225, 156, 0, .2);--kpi-success-bg: linear-gradient(145deg, rgba(18, 183, 106, .08) 0%, rgba(18, 183, 106, .04) 100%);--kpi-success-border: rgba(18, 183, 106, .2);--chip-bg: rgba(0, 0, 0, .025);--chip-border: rgba(0, 0, 0, .06);--filter-tab-bg: rgba(0, 0, 0, .04);--filter-tab-border: rgba(0, 0, 0, .08);--filter-tab-text: rgba(26, 31, 46, .72);--search-icon: #6B7486;--sidebar-divider: linear-gradient(90deg, transparent, rgba(0,0,0,.08), transparent);--sidebar-user-name: #1A1F2E;--goods-list-bg: rgba(0,0,0,.055);--goods-list-border: rgba(0,0,0,.09);--divider-list: rgba(0,0,0,.13);--inv-bg-page: var(--bg-subtle);--inv-bg-elevated: var(--bg-card-solid);--inv-text-primary: var(--text-primary);--inv-text-secondary: var(--text-secondary);--inv-divider: var(--border-common);--inv-accent: var(--brand)}:root[data-theme=light]{--bg-body: #F2F4F8;--bg-app: linear-gradient(180deg, #F7F9FC 0%, #EEF1F6 100%);--bg-topbar: rgba(255, 255, 255, .92);--bg-card: linear-gradient(145deg, #FFFFFF 0%, #FBFCFE 100%);--bg-card-solid: #FFFFFF;--bg-section: linear-gradient(145deg, #FFFFFF 0%, #FAFBFD 100%);--bg-subtle: rgba(0, 0, 0, .025);--bg-subtle-2: rgba(0, 0, 0, .035);--bg-search: rgba(0, 0, 0, .04);--bg-btn-primary: linear-gradient(135deg, #5b8dee, #3C6FD8);--border-common: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .13);--text-primary: #1A1F2E;--text-secondary: #2C3246;--text-tertiary: #4A5168;--text-muted: #6B7486;--text-topbar-title: linear-gradient(135deg, #1A1F2E 0%, #3A4256 100%);--tab-inactive: #4A5168;--brand: #5b8dee;--brand-light: #3C6FD8;--success: #12B76A;--warning: #E19C00;--danger: #D9413C;--divider-stat: rgba(0,0,0,.1);--stat-strip-bg: linear-gradient(145deg, #FFFFFF 0%, #F7F9FC 100%);--report-cell-bg: rgba(0,0,0,.025);--report-cell-border: rgba(0,0,0,.06);--bg-sidebar: linear-gradient(165deg, #FFFFFF 0%, #F7F9FC 100%);--bg-sidebar-header: linear-gradient(135deg, rgba(91,141,238,.15) 0%, rgba(91,141,238,.04) 100%);--bg-tabbar: #FFFFFF;--tabbar-border-top: rgba(0,0,0,.1);--tabbar-shadow: none;--tab-inactive: #2C3246;--tab-active: #5b8dee;--kpi-normal-bg: linear-gradient(145deg, #FFFFFF 0%, #FAFBFD 100%);--kpi-normal-border: rgba(0, 0, 0, .08);--kpi-brand-bg: linear-gradient(145deg, rgba(91, 141, 238, .12) 0%, rgba(91, 141, 238, .06) 100%);--kpi-brand-border: rgba(91, 141, 238, .3);--kpi-danger-bg: linear-gradient(145deg, rgba(217, 65, 60, .08) 0%, rgba(217, 65, 60, .04) 100%);--kpi-danger-border: rgba(217, 65, 60, .2);--kpi-warning-bg: linear-gradient(145deg, rgba(225, 156, 0, .08) 0%, rgba(225, 156, 0, .04) 100%);--kpi-warning-border: rgba(225, 156, 0, .2);--kpi-success-bg: linear-gradient(145deg, rgba(18, 183, 106, .08) 0%, rgba(18, 183, 106, .04) 100%);--kpi-success-border: rgba(18, 183, 106, .2);--chip-bg: rgba(0, 0, 0, .025);--chip-border: rgba(0, 0, 0, .06);--filter-tab-bg: rgba(0, 0, 0, .04);--filter-tab-border: rgba(0, 0, 0, .08);--filter-tab-text: rgba(26, 31, 46, .72);--search-icon: #6B7486;--sidebar-divider: linear-gradient(90deg, transparent, rgba(0,0,0,.08), transparent);--sidebar-user-name: #1A1F2E;--goods-list-bg: rgba(0,0,0,.055);--goods-list-border: rgba(0,0,0,.09);--divider-list: rgba(0,0,0,.13);--inv-bg-page: var(--bg-subtle);--inv-bg-elevated: var(--bg-card-solid);--inv-text-primary: var(--text-primary);--inv-text-secondary: var(--text-secondary);--inv-divider: var(--border-common);--inv-accent: var(--brand)}:root[data-theme=blue]{--bg-body: #0C1530;--bg-app: radial-gradient(ellipse 120% 60% at 50% -10%, rgba(70, 120, 255, .28) 0%, transparent 60%), radial-gradient(ellipse 80% 40% at 20% 100%, rgba(50, 110, 220, .16) 0%, transparent 55%), linear-gradient(180deg, #0F1A3A 0%, #0B1430 40%, #0A1128 100%);--bg-topbar: rgba(15, 25, 58, .88);--bg-card: linear-gradient(145deg, rgba(30, 45, 85, .9) 0%, rgba(22, 34, 68, .9) 100%);--bg-card-solid: rgba(26, 38, 76, .92);--bg-section: linear-gradient(145deg, rgba(28, 44, 82, .92) 0%, rgba(20, 32, 66, .9) 100%);--bg-subtle: rgba(255, 255, 255, .025);--bg-subtle-2: rgba(255, 255, 255, .04);--bg-search: rgba(255, 255, 255, .05);--bg-btn-primary: linear-gradient(135deg, #4A83FF, #2F5FD8);--border-common: rgba(120, 160, 255, .08);--border-strong: rgba(120, 160, 255, .14);--text-primary: #E6EDFF;--text-secondary: rgba(230, 237, 255, .72);--text-tertiary: rgba(230, 237, 255, .52);--text-muted: rgba(230, 237, 255, .44);--text-topbar-title: linear-gradient(135deg, #FFFFFF 0%, #A5BDE8 100%);--tab-inactive: #AEBFE0;--tab-active: #7AA3FF;--brand: #4A83FF;--brand-light: #7AA3FF;--success: #34D399;--warning: #FFB94A;--danger: #FF7870;--avatar-text: #FFFFFF;--divider-stat: rgba(140, 170, 230, .1);--stat-strip-bg: linear-gradient(145deg, rgba(38, 55, 100, .9) 0%, rgba(26, 40, 82, .88) 100%);--report-cell-bg: rgba(255,255,255,.025);--report-cell-border: rgba(120, 160, 255, .08);--bg-sidebar: linear-gradient(165deg, #182550 0%, #0F1A3A 100%);--bg-sidebar-header: linear-gradient(135deg, rgba(74,131,255,.3) 0%, rgba(74,131,255,.06) 100%);--bg-tabbar: linear-gradient(180deg, rgba(15, 26, 58, .97) 0%, rgba(10, 17, 40, .98) 100%);--tabbar-border-top: rgba(74, 131, 255, .18);--tabbar-shadow: none;--kpi-normal-bg: linear-gradient(145deg, rgba(38, 55, 100, .9) 0%, rgba(26, 40, 82, .88) 100%);--kpi-normal-border: rgba(120, 160, 255, .08);--kpi-brand-bg: linear-gradient(145deg, rgba(74, 131, 255, .3) 0%, rgba(47, 95, 216, .35) 100%);--kpi-brand-border: rgba(74, 131, 255, .4);--kpi-danger-bg: linear-gradient(145deg, rgba(255, 120, 112, .18) 0%, rgba(140, 50, 60, .25) 100%);--kpi-danger-border: rgba(255, 120, 112, .28);--kpi-warning-bg: linear-gradient(145deg, rgba(255, 185, 74, .16) 0%, rgba(140, 100, 30, .22) 100%);--kpi-warning-border: rgba(255, 185, 74, .25);--kpi-success-bg: linear-gradient(145deg, rgba(52, 211, 153, .16) 0%, rgba(25, 100, 75, .22) 100%);--kpi-success-border: rgba(52, 211, 153, .25);--chip-bg: rgba(255, 255, 255, .03);--chip-border: rgba(120, 160, 255, .1);--filter-tab-bg: rgba(255, 255, 255, .05);--filter-tab-border: rgba(120, 160, 255, .1);--filter-tab-text: rgba(230, 237, 255, .72);--search-icon: #7A8BB5;--sidebar-divider: linear-gradient(90deg, transparent, rgba(120,160,255,.12), transparent);--sidebar-user-name: #fff;--goods-list-bg: rgba(255,255,255,.06);--goods-list-border: rgba(255,255,255,.08);--divider-list: rgba(255,255,255,.1);--inv-bg-page: var(--bg-subtle);--inv-bg-elevated: var(--bg-card-solid);--inv-text-primary: var(--text-primary);--inv-text-secondary: var(--text-secondary);--inv-divider: var(--border-common);--inv-accent: var(--brand)}:root[data-theme=green]{--bg-body: #0A1714;--bg-app: radial-gradient(ellipse 120% 60% at 50% -10%, rgba(29, 185, 120, .22) 0%, transparent 60%), radial-gradient(ellipse 80% 40% at 20% 100%, rgba(20, 160, 100, .12) 0%, transparent 55%), linear-gradient(180deg, #0D1C18 0%, #0A1714 40%, #081310 100%);--bg-topbar: rgba(13, 28, 24, .88);--bg-card: linear-gradient(145deg, rgba(22, 44, 38, .9) 0%, rgba(18, 35, 30, .88) 100%);--bg-card-solid: rgba(22, 42, 36, .92);--bg-section: linear-gradient(145deg, rgba(20, 40, 34, .9) 0%, rgba(16, 32, 28, .88) 100%);--bg-subtle: rgba(255, 255, 255, .02);--bg-subtle-2: rgba(255, 255, 255, .03);--bg-search: rgba(255, 255, 255, .04);--bg-btn-primary: linear-gradient(135deg, #1DB978, #149C64);--border-common: rgba(50, 200, 140, .08);--border-strong: rgba(50, 200, 140, .14);--text-primary: #E6F6EE;--text-secondary: rgba(230, 246, 238, .72);--text-tertiary: rgba(230, 246, 238, .52);--text-muted: rgba(230, 246, 238, .44);--text-topbar-title: linear-gradient(135deg, #FFFFFF 0%, #A6DEC4 100%);--tab-inactive: #A5CFB9;--tab-active: #56D7A5;--brand: #1DB978;--brand-light: #56D7A5;--success: #34D399;--warning: #FFB94A;--danger: #FF7870;--avatar-text: #FFFFFF;--divider-stat: rgba(80, 200, 140, .1);--stat-strip-bg: linear-gradient(145deg, rgba(28, 52, 44, .9) 0%, rgba(20, 42, 36, .88) 100%);--report-cell-bg: rgba(255,255,255,.02);--report-cell-border: rgba(50, 200, 140, .08);--bg-sidebar: linear-gradient(165deg, #132822 0%, #0D1C18 100%);--bg-sidebar-header: linear-gradient(135deg, rgba(29,185,120,.28) 0%, rgba(29,185,120,.05) 100%);--bg-tabbar: linear-gradient(180deg, rgba(13, 28, 24, .97) 0%, rgba(8, 19, 16, .98) 100%);--tabbar-border-top: rgba(29, 185, 120, .18);--tabbar-shadow: none;--kpi-normal-bg: linear-gradient(145deg, rgba(28, 52, 44, .9) 0%, rgba(20, 42, 36, .88) 100%);--kpi-normal-border: rgba(50, 200, 140, .08);--kpi-brand-bg: linear-gradient(145deg, rgba(29, 185, 120, .26) 0%, rgba(20, 156, 100, .32) 100%);--kpi-brand-border: rgba(29, 185, 120, .38);--kpi-danger-bg: linear-gradient(145deg, rgba(255, 120, 112, .18) 0%, rgba(120, 50, 50, .25) 100%);--kpi-danger-border: rgba(255, 120, 112, .28);--kpi-warning-bg: linear-gradient(145deg, rgba(255, 185, 74, .16) 0%, rgba(130, 95, 30, .22) 100%);--kpi-warning-border: rgba(255, 185, 74, .25);--kpi-success-bg: linear-gradient(145deg, rgba(52, 211, 153, .2) 0%, rgba(25, 120, 80, .25) 100%);--kpi-success-border: rgba(52, 211, 153, .3);--chip-bg: rgba(255, 255, 255, .03);--chip-border: rgba(50, 200, 140, .1);--filter-tab-bg: rgba(255, 255, 255, .04);--filter-tab-border: rgba(50, 200, 140, .1);--filter-tab-text: rgba(230, 246, 238, .72);--search-icon: #7AA896;--sidebar-divider: linear-gradient(90deg, transparent, rgba(50,200,140,.12), transparent);--sidebar-user-name: #fff;--goods-list-bg: rgba(255,255,255,.06);--goods-list-border: rgba(255,255,255,.08);--divider-list: rgba(255,255,255,.1);--inv-bg-page: var(--bg-subtle);--inv-bg-elevated: var(--bg-card-solid);--inv-text-primary: var(--text-primary);--inv-text-secondary: var(--text-secondary);--inv-divider: var(--border-common);--inv-accent: var(--brand)}[style*="rgba(232,236,242,0.3)"],[style*="rgba(232,236,242,0.4)"]{color:var(--text-muted)!important}[style*="rgba(232,236,242,0.5)"]{color:var(--text-tertiary)!important}[style*="rgba(232,236,242,0.7)"]{color:var(--text-secondary)!important}[style*="rgba(232, 236, 242, 0.5)"]{color:var(--text-tertiary)!important}[style*="rgba(232, 236, 242, 0.7)"]{color:var(--text-secondary)!important}[style*="rgba(232,236,242,0.35)"]{color:var(--text-muted)!important}[style*="rgba(232,236,242,0.45)"]{color:var(--text-tertiary)!important}[style*="color:#3FDB97"],[style*="color: #3FDB97"]{color:var(--success)!important}[style*="color:#5b8dee"],[style*="color: #5b8dee"]{color:var(--brand)!important}[style*="color:#8AB2F5"],[style*="color: #8AB2F5"]{color:var(--brand-light)!important}[style*="color:#E8ECF2"],[style*="color: #E8ECF2"]{color:var(--text-primary)!important}[style*="color: rgba(232,236,242,0.35)"]{color:var(--text-muted)!important}[style*="color: rgba(232,236,242,0.45)"]{color:var(--text-tertiary)!important}[style*="color:#FFFFFF"],[style*="color: #FFFFFF"]{color:var(--text-primary)!important}[style*="color:#F37E74"],[style*="color: #F37E74"]{color:var(--danger)!important}[style*="color:#F4C050"],[style*="color: #F4C050"]{color:var(--warning)!important}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Helvetica,Microsoft YaHei,sans-serif;color:var(--text-primary);background:var(--bg-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}:root[data-theme=dark]{--bg-body: #0A0D14;--bg-app: radial-gradient(ellipse 120% 60% at 50% -10%, rgba(91, 141, 238, .18) 0%, transparent 60%), radial-gradient(ellipse 80% 40% at 20% 100%, rgba(91, 141, 238, .08) 0%, transparent 55%), linear-gradient(180deg, #0D111A 0%, #0A0D14 40%, #080A10 100%);--bg-topbar: rgba(13, 17, 26, .85);--bg-card: linear-gradient(145deg, rgba(24, 30, 44, .9) 0%, rgba(18, 23, 35, .88) 100%);--bg-card-solid: rgba(24, 30, 44, .9);--bg-section: linear-gradient(145deg, rgba(24, 30, 44, .9) 0%, rgba(18, 23, 35, .88) 100%);--bg-subtle: rgba(255, 255, 255, .02);--bg-subtle-2: rgba(255, 255, 255, .03);--bg-search: rgba(255, 255, 255, .04);--bg-btn-primary: linear-gradient(135deg, #5b8dee, #3C6FD8);--border-common: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .08);--text-primary: #E8ECF2;--text-secondary: rgba(232, 236, 242, .68);--text-tertiary: rgba(232, 236, 242, .52);--text-muted: rgba(232, 236, 242, .42);--text-topbar-title: linear-gradient(135deg, #FFFFFF 0%, #B8C4D6 100%);--tab-inactive: #D5DBE8;--tab-active: #8AB2F5;--brand: #5b8dee;--brand-light: #8AB2F5;--success: #3FDB97;--warning: #F4C050;--danger: #F37E74;--divider-stat: rgba(255,255,255,.06);--stat-strip-bg: linear-gradient(145deg, rgba(30, 38, 56, .85) 0%, rgba(20, 26, 40, .82) 100%);--report-cell-bg: rgba(255,255,255,.02);--report-cell-border: rgba(255,255,255,.04);--bg-sidebar: linear-gradient(165deg, #141824 0%, #0E1118 100%);--bg-sidebar-header: linear-gradient(135deg, rgba(91,141,238,.25) 0%, rgba(91,141,238,.05) 100%);--bg-tabbar: linear-gradient(180deg, rgba(15, 19, 30, .97) 0%, rgba(10, 13, 21, .98) 100%);--tabbar-border-top: rgba(91, 141, 238, .12);--tabbar-shadow: none;--kpi-normal-bg: linear-gradient(145deg, rgba(30, 38, 56, .9) 0%, rgba(20, 26, 40, .85) 100%);--kpi-normal-border: rgba(255,255,255,.06);--kpi-brand-bg: linear-gradient(145deg, rgba(91, 141, 238, .18) 0%, rgba(91, 141, 238, .08) 100%);--kpi-brand-border: rgba(91, 141, 238, .28);--kpi-danger-bg: linear-gradient(145deg, rgba(217, 65, 60, .15) 0%, rgba(217, 65, 60, .07) 100%);--kpi-danger-border: rgba(217, 65, 60, .25);--kpi-warning-bg: linear-gradient(145deg, rgba(225, 156, 0, .15) 0%, rgba(225, 156, 0, .07) 100%);--kpi-warning-border: rgba(225, 156, 0, .25);--kpi-success-bg: linear-gradient(145deg, rgba(18, 183, 106, .15) 0%, rgba(18, 183, 106, .07) 100%);--kpi-success-border: rgba(18, 183, 106, .25);--chip-bg: rgba(255, 255, 255, .035);--chip-border: rgba(255, 255, 255, .06);--filter-tab-bg: rgba(255, 255, 255, .05);--filter-tab-border: rgba(255,255,255,.08);--filter-tab-text: rgba(232, 236, 242, .72);--search-icon: #8A93A6;--sidebar-divider: linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent);--sidebar-user-name: #fff;--goods-list-bg: rgba(255,255,255,.06);--goods-list-border: rgba(255,255,255,.08);--divider-list: rgba(255,255,255,.1);--inv-bg-page: var(--bg-subtle);--inv-bg-elevated: var(--bg-card-solid);--inv-text-primary: var(--text-primary);--inv-text-secondary: var(--text-secondary);--inv-divider: var(--border-common);--inv-accent: var(--brand)}.tab-bar:after{content:"";position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;height:calc(env(safe-area-inset-bottom) + 2px);background:inherit;z-index:-1}:root[data-theme=light] .tab-bar:after{background:#fff}:root[data-theme=dark] .tab-bar:after{background:#141824}:root[data-theme=blue] .tab-bar:after{background:#0f1a3a}:root[data-theme=green] .tab-bar:after{background:#0f221a}#app{height:100%;width:100%;max-width:480px;margin:0 auto;position:relative}.app-root{height:100%;width:100%;position:relative}.app-bg{position:fixed;inset:0;z-index:-1;background:var(--bg-app)}.top-bar{position:sticky;top:0;z-index:100;height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-topbar);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border-common)}.top-bar .title{font-size:17px;font-weight:600;letter-spacing:.2px;background:var(--text-topbar-title);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.top-bar .icon-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);border:1px solid var(--border-common);color:var(--text-secondary);font-size:16px;cursor:pointer;transition:all .2s ease}.top-bar .icon-btn:active{transform:scale(.94);background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand)}.icon-bell-btn{position:relative;overflow:visible}.bell-badge{position:absolute;top:-6px;right:-7px;min-width:12px;height:14px;padding:0 2.5px;box-sizing:content-box;background:var(--danger);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:0;border-radius:999px;box-shadow:0 1px 3px color-mix(in srgb,var(--danger) 50%,transparent),inset 0 .5px #ffffff59;border:1.5px solid var(--bg-card-solid);z-index:10;user-select:none;-webkit-font-smoothing:antialiased}.sidebar-mask{position:fixed;inset:0;z-index:200;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s ease}.sidebar-mask.show{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:210;width:280px;max-width:78%;background:var(--bg-sidebar);border-right:1px solid var(--border-common);transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.sidebar.show{transform:translate(0)}.sidebar-header{padding:44px 20px 18px;background:var(--bg-sidebar-header);border-bottom:1px solid var(--border-common);display:flex;align-items:center;gap:14px}.sidebar-avatar{width:52px;height:52px;border-radius:50%;background:var(--bg-btn-primary);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;box-shadow:0 4px 16px color-mix(in srgb,var(--brand) 35%,transparent)}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:15px;font-weight:600;color:var(--sidebar-user-name)}.sidebar-user-role{font-size:12px;color:var(--text-tertiary);margin-top:3px}.sidebar-close{width:32px;height:32px;border-radius:50%;background:var(--bg-subtle);border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.sidebar-close:active{background:color-mix(in srgb,var(--brand) 20%,transparent);color:var(--text-primary)}.sidebar-body{flex:1;overflow-y:auto;padding:12px 0}.sidebar-body::-webkit-scrollbar{display:none}.sidebar-section-title{padding:12px 20px 6px;font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase}.sidebar-item{display:flex;align-items:center;gap:14px;padding:13px 20px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;position:relative}.sidebar-item:active{background:color-mix(in srgb,var(--brand) 8%,transparent)}.sidebar-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 15%,transparent) 0%,transparent 100%);border-left-color:var(--brand)}.sidebar-item.active .sidebar-item-icon{background:var(--bg-btn-primary);color:#fff}.sidebar-item-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;background:var(--bg-subtle);color:var(--text-secondary);transition:all .2s}.sidebar-item-text{flex:1}.sidebar-item-label{font-size:14px;font-weight:500;color:var(--text-primary)}.sidebar-item-desc{font-size:11px;color:var(--text-tertiary);margin-top:2px}.sidebar-item-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--danger);font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.sidebar-item-badge.blue{background:var(--brand)}.sidebar-item-badge.orange{background:var(--warning)}.sidebar-item-badge.green{background:var(--success)}.sidebar-item-arrow{font-size:16px;color:var(--text-muted)}.sidebar-divider{margin:8px 20px;height:1px;background:var(--sidebar-divider)}.sidebar-footer{padding:14px 20px;border-top:1px solid var(--border-common);display:flex;align-items:center;justify-content:space-between}.sidebar-footer-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-tertiary);cursor:pointer;padding:6px 10px;border-radius:8px;transition:all .2s}.sidebar-footer-item:active{background:var(--bg-subtle)}.vip-card{margin:14px 16px 4px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 20%,transparent),color-mix(in srgb,var(--brand-light) 12%,transparent),color-mix(in srgb,#A678F0 15%,transparent));border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);overflow:hidden}.vip-card-top{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px}.vip-badge{font-size:14px;font-weight:700;color:var(--brand-light);letter-spacing:.5px}.vip-status{font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px}.vip-status.active{background:color-mix(in srgb,var(--success) 20%,transparent);color:var(--success)}.vip-card-body{padding:0 14px 8px}.vip-info-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.vip-info-label{font-size:12px;color:var(--text-tertiary)}.vip-info-val{font-size:13px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.vip-info-val.urgent{color:var(--warning)}.vip-info-val.expired{color:var(--danger)}.vip-urgent-tag{font-size:9px;padding:1px 5px;border-radius:4px;background:color-mix(in srgb,var(--warning) 20%,transparent);color:var(--warning);margin-left:4px;font-weight:700}.vip-progress{margin:0 14px 10px;height:4px;border-radius:999px;background:var(--bg-subtle);overflow:hidden}.vip-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),#A678F0);transition:width .5s ease}.vip-renew-btn{width:100%;padding:11px;border:none;background:var(--bg-btn-primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.vip-renew-btn:active{filter:brightness(1.1)}.info-card{margin:0 16px 4px;border-radius:12px;background:var(--bg-subtle);border:1px solid var(--border-common);overflow:hidden}.info-row{display:flex;align-items:center;gap:10px;padding:13px 14px;cursor:pointer;transition:all .2s;border-bottom:1px solid var(--border-common)}.info-row:last-child{border-bottom:none}.info-row:active{background:color-mix(in srgb,var(--brand) 6%,transparent)}.info-icon{font-size:16px;width:22px;text-align:center;flex-shrink:0}.info-label{font-size:13px;color:var(--text-secondary);flex-shrink:0}.info-value{flex:1;text-align:right;font-size:13px;color:var(--text-tertiary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-arrow{font-size:14px;color:var(--text-muted);flex-shrink:0}.usage-grid{margin:0 16px 4px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}.usage-item{border-radius:10px;background:var(--bg-subtle);border:1px solid var(--border-common);padding:12px 4px;text-align:center}.usage-num{font-size:18px;font-weight:700;color:var(--brand-light);font-family:SF Pro Display,sans-serif;font-variant-numeric:tabular-nums}.usage-lbl{font-size:11px;color:var(--text-tertiary);margin-top:4px}.logout-btn{margin:16px 16px 24px;padding:13px;text-align:center;border-radius:12px;background:color-mix(in srgb,var(--danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--danger) 20%,transparent);color:var(--danger);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.logout-btn:active{background:color-mix(in srgb,var(--danger) 15%,transparent)}.page-body{height:calc(100% - 120px - env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;padding:0 16px 96px;-webkit-overflow-scrolling:touch;min-height:0}.page-body::-webkit-scrollbar{display:none}.tab-bar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;height:calc(68px + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);background:var(--bg-tabbar, #FFFFFF);backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-top:1px solid var(--tabbar-border-top);display:flex;align-items:stretch;justify-content:space-between;z-index:100;box-shadow:none!important}:root[data-theme=light] .tab-bar{background:#fff!important}:root[data-theme=dark] .tab-bar{background:linear-gradient(180deg,#181c28,#141824)!important}:root[data-theme=blue] .tab-bar{background:linear-gradient(180deg,#14204a,#0f1a3a)!important}:root[data-theme=green] .tab-bar{background:linear-gradient(180deg,#142a20,#0f221a)!important}.tab-center-btn{box-shadow:0 10px 22px color-mix(in srgb,var(--brand) 40%,transparent),inset 0 1px #ffffff59}:root[data-theme=light] .tab-center-btn{box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 35%,transparent),inset 0 1px #fff6}.tcf-plus{filter:none!important}.tcf-label{text-shadow:none!important}body.chat-hide-tabbar .tab-bar{display:none!important}.tab-item.active{text-shadow:none!important}.tab-group{flex:1;display:flex;align-items:stretch}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--tab-inactive);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative}:root[data-theme=light] .tab-item{font-weight:700}.tab-item .icon{font-size:24px;line-height:1;transition:transform .2s ease,filter .2s ease}.tab-item .icon{filter:grayscale(.9);opacity:.92}:root[data-theme=light] .tab-item .icon{filter:grayscale(.2);opacity:1}.tab-item.active{color:var(--tab-active);font-weight:700;text-shadow:0 0 10px color-mix(in srgb,var(--brand) 35%,transparent)}:root[data-theme=light] .tab-item.active{text-shadow:0 1px 2px rgba(91,141,238,.2)}.tab-item.active .icon{transform:translateY(-2px) scale(1.05);filter:grayscale(0) opacity(1)}.tab-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:3px;background:linear-gradient(90deg,var(--brand) 0%,var(--brand-light) 100%);border-radius:0 0 3px 3px;box-shadow:0 2px 8px color-mix(in srgb,var(--brand) 40%,transparent)}.tab-item:active{opacity:.7}.tab-center-fab{width:80px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;z-index:101;transition:transform .2s ease}.tab-center-fab:active{transform:scale(.95)}.tab-center-btn{position:relative;width:60px;height:60px;margin-top:-26px;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.35) 0%,transparent 40%),var(--bg-btn-primary);box-shadow:0 12px 30px color-mix(in srgb,var(--brand) 50%,transparent),inset 0 1px #ffffff59,inset 0 -2px 4px color-mix(in srgb,var(--brand) 15%,transparent);display:flex;align-items:center;justify-content:center;border:1.5px solid color-mix(in srgb,var(--brand) 40%,transparent)}.tcf-ring{position:absolute;inset:-4px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--brand) 22%,transparent);animation:tcf-pulse 2.6s ease-out infinite}@keyframes tcf-pulse{0%{transform:scale(1);opacity:.9}80%{transform:scale(1.22);opacity:0}to{transform:scale(1.22);opacity:0}}.tcf-plus{color:#fff;font-size:28px;line-height:1;filter:none}.tcf-label{margin-top:4px;font-size:11px;font-weight:700;color:var(--tab-active);letter-spacing:.3px;text-shadow:0 0 10px color-mix(in srgb,var(--brand) 40%,transparent)}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;margin-bottom:10px}.kpi-card{position:relative;border-radius:16px;padding:16px 14px;background:var(--kpi-normal-bg);border:1px solid var(--kpi-normal-border);overflow:hidden;transition:transform .2s ease}.kpi-card:active{transform:scale(.98)}.kpi-card.brand{background:var(--kpi-brand-bg);border:1px solid var(--kpi-brand-border);box-shadow:0 4px 20px color-mix(in srgb,var(--brand) 15%,transparent)}.kpi-card.danger{background:var(--kpi-danger-bg);border:1px solid var(--kpi-danger-border)}.kpi-card.warning{background:var(--kpi-warning-bg);border:1px solid var(--kpi-warning-border)}.kpi-card.success{background:var(--kpi-success-bg);border:1px solid var(--kpi-success-border)}.kpi-label{font-size:12px;color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px}.kpi-label .dot-icon{font-size:13px}.kpi-value{font-size:24px;font-weight:700;letter-spacing:-.3px;line-height:1.1;font-variant-numeric:tabular-nums;font-family:SF Pro Display,-apple-system,sans-serif;color:var(--text-primary)}.kpi-card.brand .kpi-value{color:var(--brand);font-weight:800;text-shadow:0 1px 0 color-mix(in srgb,var(--brand-light) 40%,transparent)}:root[data-theme=dark] .kpi-card.brand .kpi-value{background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--brand-light) 90%,#fff));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.kpi-sub{margin-top:6px;font-size:11px;color:var(--text-tertiary);display:flex;align-items:center;gap:4px}.kpi-sub .up{color:var(--success)}.kpi-sub .down{color:var(--danger)}.kpi-sub .badge-tag{padding:1px 7px;border-radius:5px;background:color-mix(in srgb,var(--brand) 30%,transparent);color:var(--brand);font-weight:600;border:1px solid color-mix(in srgb,var(--brand) 38%,transparent)}:root[data-theme=dark] .kpi-sub .badge-tag{background:color-mix(in srgb,var(--brand) 20%,transparent);color:var(--brand-light);font-weight:500;border:none}.kpi-clickable{cursor:pointer}.goods-list-wrap{padding:10px 12px;border-radius:12px;background:var(--goods-list-bg);border:1px solid var(--goods-list-border);margin-bottom:10px}.goods-dashed-border{border-top:1px dashed var(--divider-list)}.goods-list-wrap .item-row>div>span{color:var(--text-primary)!important;font-weight:500}.goods-list-wrap .item-row>span{color:var(--text-secondary)!important}.goods-list-wrap .thumb{border:1px solid color-mix(in srgb,var(--brand) 30%,transparent)}.entity-card [style*="color: #E8ECF2"],.entity-card [style*="color:#E8ECF2"],.customer-chip [style*="color: #E8ECF2"],.customer-chip [style*="color:#E8ECF2"],.hot-list .hot-name{color:var(--text-primary)!important}.hot-list .hot-sub{color:var(--text-secondary)!important}.hot-list .hot-amount{color:var(--text-primary)!important}.hot-list .hot-rank:not([style*="#EFAA17"]):not([style*='"EFAA17"']){color:var(--text-muted)!important}:root[data-theme=light] .hot-list .hot-amount{color:var(--brand)!important}.section-card{border-radius:18px;padding:14px;background:var(--bg-section);border:1px solid var(--border-common);margin-bottom:10px}.section-card:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-title{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.section-title:before{content:"";width:3px;height:14px;border-radius:2px;background:linear-gradient(180deg,var(--brand) 0%,var(--brand-light) 100%)}.section-more{font-size:12px;color:var(--text-tertiary);display:flex;align-items:center;gap:2px}.alert-list{display:flex;flex-direction:column;gap:10px}.alert-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--bg-subtle);border:1px solid var(--border-common);transition:all .2s ease}.alert-item:active{background:var(--bg-subtle-2)}.alert-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.alert-icon.danger{background:color-mix(in srgb,var(--danger) 15%,transparent);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}.alert-icon.warning{background:color-mix(in srgb,var(--warning) 15%,transparent);border:1px solid color-mix(in srgb,var(--warning) 25%,transparent)}.alert-icon.info{background:color-mix(in srgb,var(--brand) 15%,transparent);border:1px solid color-mix(in srgb,var(--brand) 25%,transparent)}.alert-body{flex:1;min-width:0}.alert-title{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-desc{font-size:12px;color:var(--text-tertiary);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.alert-desc .tag{padding:1px 7px;border-radius:4px;font-size:11px;font-weight:500}.tag.danger{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.tag.warning{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.tag.info{background:color-mix(in srgb,var(--brand) 18%,transparent);color:var(--brand-light)}.alert-arrow{color:var(--text-muted);font-size:14px;flex-shrink:0}.highlight-flash{animation:highlightPulse 2s ease-out;border-color:var(--brand)!important}@keyframes highlightPulse{0%{transform:scale(1)}10%{transform:scale(1.02)}20%{transform:scale(1)}to{transform:scale(1)}}.alert-highlight-pulse{animation:alertSectionPulse 2s ease-in-out;border-color:color-mix(in srgb,var(--brand) 55%,transparent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 35%,transparent),0 0 32px color-mix(in srgb,var(--brand) 25%,transparent)!important}@keyframes alertSectionPulse{0%{transform:scale(1)}20%{transform:scale(1.008)}40%{transform:scale(1)}60%{transform:scale(1.005)}to{transform:scale(1)}}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:14px 4px;border-radius:14px;background:var(--bg-subtle);border:1px solid var(--border-common);cursor:pointer;transition:all .2s ease}.quick-item:active{transform:scale(.95);background:color-mix(in srgb,var(--brand) 8%,transparent)}.quick-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.quick-icon.blue{background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 30%,transparent),color-mix(in srgb,var(--brand) 15%,transparent));border:1px solid color-mix(in srgb,var(--brand) 35%,transparent)}.quick-icon.green{background:linear-gradient(145deg,color-mix(in srgb,var(--success) 28%,transparent),color-mix(in srgb,var(--success) 12%,transparent));border:1px solid color-mix(in srgb,var(--success) 30%,transparent)}.quick-icon.orange{background:linear-gradient(145deg,color-mix(in srgb,var(--warning) 26%,transparent),color-mix(in srgb,var(--warning) 12%,transparent));border:1px solid color-mix(in srgb,var(--warning) 28%,transparent)}.quick-icon.purple{background:linear-gradient(145deg,color-mix(in srgb,#9F7AEA 28%,transparent),color-mix(in srgb,#9F7AEA 12%,transparent));border:1px solid color-mix(in srgb,#9F7AEA 30%,transparent)}.quick-label{font-size:12px;color:var(--text-secondary);font-weight:500}.chart-wrap{position:relative;height:170px;padding:8px 4px 4px}.chart-legend{display:flex;align-items:center;gap:14px;margin-bottom:8px;padding-left:2px}.chart-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-tertiary)}.chart-legend-item .sw{width:10px;height:3px;border-radius:2px}.chart-legend-item .sw.brand{background:linear-gradient(90deg,var(--brand),var(--brand-light))}.chart-legend-item .sw.sub{background:linear-gradient(90deg,var(--success),#5BDEAA)}.sticky-header{position:sticky;top:0;z-index:50;background:var(--bg-topbar);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);margin:-12px -16px 20px;padding:0 16px}.search-box{padding:10px 0 12px}.search-input-wrap{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;background:var(--bg-search);border:1px solid var(--border-common);border-radius:12px;transition:all .2s ease}.search-input-wrap:focus-within{border-color:color-mix(in srgb,var(--brand) 50%,transparent);background:color-mix(in srgb,var(--brand) 6%,transparent)}.search-input-wrap .s-icon{color:var(--search-icon);font-size:15px}.search-input-wrap input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:14px;height:100%}.search-input-wrap input::placeholder{color:var(--text-muted)}.filter-tabs{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 0 14px;margin:0;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;touch-action:pan-x pan-y;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none;width:0;height:0}.filter-tab{flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:500;color:var(--filter-tab-text);background:var(--filter-tab-bg);border:1px solid var(--filter-tab-border);transition:all .2s ease;cursor:pointer}.filter-tab.active{color:#fff;background:var(--bg-btn-primary);border-color:transparent;box-shadow:0 4px 12px color-mix(in srgb,var(--brand) 30%,transparent)}.entity-list{display:flex;flex-direction:column;gap:10px;padding-bottom:20px}.entity-card{padding:14px;border-radius:16px;background:var(--bg-card);border:1px solid var(--border-common);transition:all .2s ease}.entity-card:active{transform:scale(.99);background:var(--bg-card-solid)}.entity-card .card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.card-status-group{display:flex;align-items:center;gap:5px;flex-shrink:0}.entity-card .card-title{font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.entity-card .card-subtitle{margin-top:3px;font-size:12px;color:var(--text-tertiary);display:flex;align-items:center;gap:8px}.status-tag{padding:3px 5px;border-radius:6px;font-size:11px;font-weight:600;flex-shrink:0}.status-tag.s-green{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 25%,transparent)}.status-tag.s-red{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}.status-tag.s-orange{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 25%,transparent)}.status-tag.s-blue{background:color-mix(in srgb,var(--brand) 15%,transparent);color:var(--brand-light);border:1px solid color-mix(in srgb,var(--brand) 25%,transparent)}.status-tag.s-gray{background:color-mix(in srgb,#6B7486 18%,transparent);color:#9ba8be;border:1px solid color-mix(in srgb,#6B7486 30%,transparent)}.card-body{display:flex;flex-direction:column;padding-top:10px;border-top:1px dashed var(--border-common)}.card-body-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.card-body-top>:first-child{flex:1 1 auto;min-width:0}.card-body-top>:last-child{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;flex:1 1 auto;min-width:0}.card-body-top button{white-space:nowrap;flex-shrink:0;padding:6px 10px!important;font-size:11px!important}.card-actions-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.card-btn-group{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.card-info-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.card-info-item{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-tertiary)}.card-info-item b{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.card-amount{font-size:17px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:SF Pro Display,sans-serif}.card-remark-row{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding-top:10px;border-top:1px dashed rgba(243,126,116,.25)}.card-remark-label{flex-shrink:0;font-size:12px;font-weight:600;color:#f37e74}.card-remark-text{flex:1;font-size:12px;color:#f37e74;font-weight:500;line-height:1.5;word-break:break-all}.avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--avatar-text, #FFFFFF);text-shadow:0 1px 2px rgba(0,0,0,.2);flex-shrink:0}.avatar.a1{background:linear-gradient(135deg,#3b82f6,#1e40af)}.avatar.a2{background:linear-gradient(135deg,#10b981,#047857)}.avatar.a3{background:linear-gradient(135deg,#f59e0b,#b45309)}.avatar.a4{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.avatar.a5{background:linear-gradient(135deg,#ef4444,#b91c1c)}.card-head-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.card-head-text{flex:1;min-width:0}.thumb{width:44px;height:44px;border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 20%,transparent),color-mix(in srgb,var(--brand) 8%,transparent));border:1px solid color-mix(in srgb,var(--brand) 20%,transparent);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.fab{position:fixed;right:calc(50% - 220px);bottom:calc(88px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;background:var(--bg-btn-primary);box-shadow:0 8px 24px color-mix(in srgb,var(--brand) 40%,transparent);display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;z-index:90;cursor:pointer;transition:all .2s ease}.fab:active{transform:scale(.92)}@media (max-width: 480px){.fab{right:20px}}.el-dialog{border-radius:20px!important;background:var(--bg-card-solid)!important}.el-dialog__header{border-bottom:1px solid var(--border-common)!important;padding:16px 20px!important}.el-dialog__title{color:var(--text-primary)!important;font-weight:600}.el-dialog__body{padding:16px 20px 20px!important;color:var(--text-primary)!important}.el-form-item__label{color:var(--text-secondary)!important}.el-input__wrapper,.el-textarea__inner{background:var(--bg-subtle)!important;border:1px solid var(--border-strong)!important;box-shadow:none!important;border-radius:10px!important}.el-input__wrapper:hover,.el-textarea__inner:hover{border-color:color-mix(in srgb,var(--brand) 40%,transparent)!important}.el-input__wrapper.is-focus{border-color:var(--brand)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 20%,transparent)!important}.el-input__inner,.el-textarea__inner{color:var(--text-primary)!important}.el-input__inner::placeholder{color:var(--text-muted)!important}.el-button--primary{background:var(--bg-btn-primary)!important;border:none!important;box-shadow:0 4px 12px color-mix(in srgb,var(--brand) 30%,transparent)!important}.el-button{border-radius:10px!important}.el-select .el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 20%,transparent)!important}.el-select-dropdown{background:var(--bg-card-solid)!important;border:1px solid var(--border-strong)!important;border-radius:12px!important}.el-select-dropdown__item{color:var(--text-primary)!important}.el-select-dropdown__item.selected{color:var(--brand)!important;font-weight:600}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background:color-mix(in srgb,var(--brand) 12%,transparent)!important}.el-message-box{background:var(--bg-card-solid)!important;border:1px solid var(--border-strong)!important;border-radius:16px!important}.el-message-box__title,.el-message-box__message p{color:var(--text-primary)!important}.empty-state{padding:60px 20px;text-align:center;color:var(--text-tertiary)}.empty-state .empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-state .empty-text{font-size:14px}.sheet-mask{position:fixed;inset:0;z-index:200;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sheet-mask.show{opacity:1;visibility:visible}.sheet-panel{position:fixed;left:50%;transform:translate(-50%) translateY(100%);bottom:0;z-index:201;width:100%;max-width:480px;height:100vh;background:var(--bg-card);border-radius:0;border-top:none;box-shadow:none;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);box-sizing:border-box;transition:transform .35s cubic-bezier(.32,.72,0,1)}.sheet-panel.show{transform:translate(-50%) translateY(0)}.sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--border-strong);margin:10px auto 6px;flex-shrink:0}.sheet-header{display:flex;align-items:center;justify-content:center;padding:6px 20px 14px;border-bottom:1px solid var(--border-common);flex-shrink:0;position:relative}.sheet-header .s-title{font-size:17px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;white-space:nowrap}.sheet-header .s-close{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);color:var(--text-secondary);font-size:15px;cursor:pointer;transition:all .2s ease;margin-left:auto;position:relative;z-index:2}.sheet-header .s-close:active{transform:scale(.9);background:#e8463a26;color:var(--danger)}.sheet-body{flex:1;overflow-y:auto;padding:16px 20px;-webkit-overflow-scrolling:touch}.sheet-body::-webkit-scrollbar{display:none}.sheet-panel [style*="color: #E8ECF2"],.sheet-panel [style*="color:#E8ECF2"]{color:var(--text-primary)!important}.sheet-panel [style*="color: rgba(232,236,242,0.3)"],.sheet-panel [style*="color:rgba(232,236,242,0.3)"]{color:var(--text-muted)!important}.sheet-panel [style*="color: rgba(232,236,242,0.5)"],.sheet-panel [style*="color:rgba(232,236,242,0.5)"]{color:var(--text-tertiary)!important}.sheet-panel [style*="color: #8AB2F5"],.sheet-panel [style*="color:#8AB2F5"]{color:var(--brand)!important}.sheet-panel [style*="color: #3FDB97"],.sheet-panel [style*="color:#3FDB97"]{color:var(--success)!important}.sheet-panel [style*="color: #F37E74"],.sheet-panel [style*="color:#F37E74"]{color:var(--danger)!important}.sheet-panel .customer-chip>div:first-of-type+div,.sheet-panel .customer-chip>div[style*="font-size: 12px"]{color:var(--text-primary)!important}.sheet-panel .product-pick-item [style*="#8AB2F5"]{color:var(--brand)!important}.sheet-panel .product-pick-item [style*="rgba(232,236,242,0.3)"]{color:var(--text-muted)!important}.sheet-panel [style*="color: #8AB2F5; font-weight: 600"]{color:var(--brand)!important}.sheet-footer{flex-shrink:0;padding:12px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--border-common);background:var(--bg-topbar);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.form-group{margin-bottom:14px}.form-group-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:10px;display:flex;align-items:center;gap:6px}.form-group-label .required{color:var(--danger)}.customer-scroll{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 10px;margin:0 -2px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;touch-action:pan-x;scrollbar-width:none;scroll-padding-left:0}.customer-scroll::-webkit-scrollbar{display:none;width:0;height:0}.customer-scroll-x{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 12px;margin:0 -2px;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain}.customer-scroll-x::-webkit-scrollbar{display:none;width:0;height:0}.mini-search{margin-top:5px;margin-left:auto;display:flex;align-items:center;gap:5px;height:30px;padding:0 10px;background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:999px;transition:all .2s ease;max-width:140px}.mini-search:focus-within{border-color:color-mix(in srgb,var(--brand) 50%,transparent);background:color-mix(in srgb,var(--brand) 8%,transparent)}.mini-search span{font-size:12px;color:var(--search-icon);flex-shrink:0}.mini-search input{width:80px;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:12px;height:100%}.mini-search input::placeholder{color:var(--text-muted)}.customer-chip{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 12px;border-radius:14px;background:var(--chip-bg);border:1px solid var(--chip-border);min-width:70px;cursor:pointer;transition:all .2s ease}.customer-chip.selected{border-color:color-mix(in srgb,var(--brand) 50%,transparent);background:color-mix(in srgb,var(--brand) 10%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--brand) 15%,transparent)}.customer-chip:active{transform:scale(.96)}.product-search-wrap{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;background:var(--bg-subtle);border:1px solid var(--border-common);border-radius:12px;margin-bottom:12px;transition:all .2s ease;width:100%;box-sizing:border-box}.product-search-wrap:focus-within{border-color:color-mix(in srgb,var(--brand) 50%,transparent);background:color-mix(in srgb,var(--brand) 6%,transparent)}.product-search-wrap input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:13px;height:100%;box-sizing:border-box;min-width:0;width:100%}.product-search-wrap input::placeholder{color:var(--text-muted)}.product-pick-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;padding:2px}.product-pick-list::-webkit-scrollbar{display:none}.product-pick-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--bg-subtle);border:1px solid var(--border-common);transition:all .2s ease;cursor:pointer}.product-pick-item:active{background:var(--bg-subtle-2)}.product-pick-item.added{border-color:color-mix(in srgb,var(--brand) 30%,transparent);background:color-mix(in srgb,var(--brand) 6%,transparent)}.product-pick-item .p-info{flex:1;min-width:0}.product-pick-item .p-name{font-size:13px;font-weight:500;color:var(--text-primary)}.product-pick-item .p-meta{font-size:11px;color:var(--text-tertiary);margin-top:2px}.product-pick-item .p-price{font-size:14px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.pick-scroll-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px}.pick-scroll-list::-webkit-scrollbar{display:none;width:0;height:0}.pick-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--bg-subtle);border:1px solid var(--border-common);transition:all .2s ease;cursor:pointer}.pick-row:active{background:var(--bg-subtle-2);transform:scale(.99)}.pick-row.selected{border-color:color-mix(in srgb,var(--brand) 45%,transparent);background:color-mix(in srgb,var(--brand) 10%,transparent);box-shadow:0 2px 10px color-mix(in srgb,var(--brand) 12%,transparent)}.pick-row-info{flex:1;min-width:0}.pick-row-name{font-size:13px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:6px}.pick-row-meta{font-size:11px;color:var(--text-tertiary);margin-top:3px}.pick-row-tag{font-size:12px;font-weight:600;flex-shrink:0;font-variant-numeric:tabular-nums}.pick-row.selected .pick-row-tag{color:var(--brand)}.pick-empty{text-align:center;padding:20px;color:var(--text-muted);font-size:13px}.cart-list{display:flex;flex-direction:column;gap:8px}.cart-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--brand) 6%,transparent);border:1px solid color-mix(in srgb,var(--brand) 15%,transparent)}.cart-item .ci-info{flex:1;min-width:0}.cart-item .ci-name{font-size:13px;font-weight:500;color:var(--text-primary)}.cart-item .ci-price{font-size:11px;color:var(--text-tertiary);margin-top:2px}.stepper{display:flex;align-items:center;border-radius:8px;overflow:hidden;background:var(--bg-subtle);border:1px solid var(--border-common);flex-shrink:0}.stepper button{width:30px;height:30px;border:none;background:transparent;color:var(--brand);font-size:16px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.stepper button:active{background:color-mix(in srgb,var(--brand) 20%,transparent)}.stepper .qty-val{min-width:34px;text-align:center;font-size:14px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:SF Pro Display,sans-serif}.status-btn-group{display:flex;gap:8px}.status-btn{flex:1;padding:10px;border-radius:10px;font-size:13px;font-weight:500;background:var(--bg-subtle);border:1px solid var(--border-common);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-align:center}.status-btn.active{color:#fff;background:var(--bg-btn-primary);border-color:transparent;box-shadow:0 4px 12px color-mix(in srgb,var(--brand) 25%,transparent)}.remark-input{width:100%;height:60px;padding:10px 12px;border-radius:12px;background:var(--bg-subtle);border:1px solid var(--border-common);color:var(--text-primary);font-size:13px;resize:none;outline:none;font-family:inherit;transition:all .2s ease}.remark-input:focus{border-color:color-mix(in srgb,var(--brand) 50%,transparent);background:color-mix(in srgb,var(--brand) 6%,transparent)}.remark-input::placeholder{color:var(--text-muted)}.sheet-total-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sheet-total-row .st-label{font-size:13px;color:var(--text-secondary)}.sheet-total-row .st-amount{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;font-family:SF Pro Display,sans-serif;color:var(--text-primary)}.sheet-profit-row{display:flex;align-items:center;gap:14px;margin-bottom:10px;font-size:12px}.sheet-profit-row .sp-item{display:flex;align-items:center;gap:4px;color:var(--text-tertiary)}.sheet-profit-row .sp-item b{color:var(--success);font-weight:600}.sheet-submit-btn{width:100%;height:48px;border:none;border-radius:14px;background:var(--bg-btn-primary);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 6px 20px color-mix(in srgb,var(--brand) 35%,transparent);display:flex;align-items:center;justify-content:center;gap:8px}.sheet-submit-btn:active{transform:scale(.98)}.sheet-submit-btn:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}.renew-current-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 15%,transparent),color-mix(in srgb,var(--brand) 8%,transparent),color-mix(in srgb,var(--brand) 12%,transparent));border:1px solid color-mix(in srgb,var(--brand) 25%,transparent);margin-bottom:12px}.renew-current-info{flex:1}.renew-current-label{font-size:11px;color:var(--text-tertiary);margin-bottom:4px}.renew-current-plan{font-size:16px;font-weight:700;color:var(--brand)}.renew-current-expire{font-size:12px;color:var(--text-tertiary);margin-top:4px;font-variant-numeric:tabular-nums}.renew-current-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success);flex-shrink:0}.plan-list{display:flex;flex-direction:column;gap:10px}.plan-card{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:14px;background:var(--bg-subtle);border:1.5px solid var(--border-common);cursor:pointer;transition:all .2s ease;position:relative}.plan-card:active{transform:scale(.98)}.plan-card.selected{border-color:var(--brand);background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,transparent),color-mix(in srgb,var(--brand) 4%,transparent));box-shadow:0 4px 16px color-mix(in srgb,var(--brand) 15%,transparent)}.plan-card-left{flex:1}.plan-name{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.plan-desc{font-size:12px;color:var(--text-tertiary)}.plan-card-right{text-align:right;flex-shrink:0;margin-left:12px}.plan-price{font-size:20px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.plan-price .unit{font-size:12px;font-weight:500;color:var(--text-muted)}.plan-old-price{font-size:11px;color:var(--text-muted);text-decoration:line-through;font-variant-numeric:tabular-nums}.plan-badge{position:absolute;top:-7px;right:12px;font-size:9px;font-weight:700;padding:2px 7px;border-radius:999px;background:linear-gradient(135deg,#efaa17,#d4940e);color:#fff}.plan-check{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:var(--brand);display:none;align-items:center;justify-content:center;font-size:11px;color:#fff;font-weight:700}.plan-card.selected .plan-check{display:flex}.pay-method-group{display:flex;flex-direction:column;gap:8px}.pay-method{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;background:var(--bg-subtle);border:1.5px solid var(--border-common);cursor:pointer;transition:all .2s ease}.pay-method:active{transform:scale(.98)}.pay-method.selected{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,transparent)}.pay-method-icon{font-size:20px;width:28px;text-align:center;flex-shrink:0}.pay-method-name{flex:1;font-size:14px;font-weight:500;color:var(--text-primary)}.pay-method-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s}.pay-method.selected .pay-method-radio{border-color:var(--brand)}.pay-method.selected .pay-method-radio:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--brand)}.renew-summary{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;background:var(--bg-subtle);margin-bottom:12px}.renew-summary-label{font-size:13px;color:var(--text-secondary)}.renew-summary-val{font-size:13px;color:var(--text-primary);font-weight:500}.renew-summary-val.highlight{color:var(--brand);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}.pwd-input-wrap{position:relative}.pwd-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;cursor:pointer;color:var(--text-muted);transition:color .2s;user-select:none}.pwd-toggle:active{color:var(--brand)}.pwd-strength{display:flex;gap:4px;margin-top:8px}.pwd-strength-bar{flex:1;height:4px;border-radius:2px;background:var(--border-strong);transition:all .3s ease}.pwd-strength-bar.weak{background:#f37e74}.pwd-strength-bar.medium{background:#f4c050}.pwd-strength-bar.strong{background:var(--success)}.pwd-strength-text{font-size:11px;margin-top:6px;color:var(--text-muted)}.pwd-strength-text.weak{color:#f37e74}.pwd-strength-text.medium{color:#f4c050}.pwd-strength-text.strong{color:var(--success)}.pwd-rule-list{margin-top:12px}.pwd-rule-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);padding:2px 0;transition:color .2s}.pwd-rule-item.ok{color:var(--success)}.pwd-rule-icon{font-size:13px}.date-bar{display:flex;align-items:stretch;gap:2px;margin-top:20px;padding:0 0 12px}.date-chip{flex:0 0 auto;padding:9px 14px 9px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-tertiary);background:transparent;cursor:pointer;transition:all .15s;white-space:nowrap;position:relative;border-left:2px solid transparent}.date-chip:hover{color:var(--text-primary);background:var(--bg-subtle)}.date-chip.active{color:var(--text-primary);background:color-mix(in srgb,var(--brand) 8%,transparent);border-left-color:var(--brand);font-weight:600}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px;margin-bottom:14px;border-radius:14px;background:var(--kpi-normal-bg);border:1px solid var(--kpi-normal-border)}.stat-strip .stat-item{padding:4px 0 4px 12px;text-align:left;position:relative}.stat-strip .stat-item+.stat-item:before{content:"";position:absolute;top:4px;left:0;bottom:4px;width:1px;background:var(--border-common)}.stat-strip .stat-num{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary);line-height:1.25}.stat-strip .stat-lbl{font-size:12px;color:var(--text-tertiary);margin-top:4px}.stat-strip .divider-v{display:none}.rank-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--border-common)}.rank-row:last-child{border-bottom:none}.rank-num{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.rank-num.top1{background:#ffc1072e;color:#ffb74d}.rank-num.top2{background:#c0c0c026;color:#b0bec5}.rank-num.top3{background:#a36d3a2e;color:#d4a373}.rank-num.other{background:var(--bg-subtle);color:var(--text-muted)}.rank-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.rank-info{flex:1;min-width:0}.rank-name{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.rank-sub{font-size:11px;color:var(--text-tertiary)}.rank-val{font-size:14px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;flex-shrink:0}.rank-val.red{color:#f37e74}.report-card{padding:0}.report-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 10px}.report-title{font-size:14px;font-weight:600;color:var(--text-primary)}.report-month{font-size:11px;font-weight:500;padding:3px 10px;border-radius:6px;background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand)}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.report-cell{padding:12px 13px;background:var(--bg-subtle);border-radius:10px;border:1px solid var(--border-common)}.report-cell-label{font-size:11px;color:var(--text-tertiary);margin-bottom:4px}.report-cell-val{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.report-cell-val.green{color:var(--success)}.report-cell-val.blue{color:var(--brand)}.report-cell-val.orange{color:#f4c050}.report-cell-val.red{color:var(--danger)}.report-cell-sub{font-size:10px;color:var(--text-muted);margin-top:2px}.export-bar{display:flex;gap:10px;padding:14px 0 0}.export-btn{flex:1;padding:10px;border-radius:9px;font-size:13px;font-weight:500;background:color-mix(in srgb,var(--brand) 8%,transparent);border:1px solid color-mix(in srgb,var(--brand) 20%,transparent);color:var(--brand);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.export-btn+.export-btn{background:var(--bg-subtle);border-color:var(--border-strong);color:var(--text-secondary)}.export-btn:active{opacity:.75}.entity-card.highlight-flash{animation:highlightFlash 1.5s ease}@keyframes highlightFlash{0%,to{box-shadow:none}50%{box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 70%,transparent)}}.copy-btn{padding:6px 11px;border-radius:7px;border:1px solid color-mix(in srgb,var(--brand) 28%,transparent);background:color-mix(in srgb,var(--brand) 8%,transparent);color:var(--brand);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:3px}.copy-btn:active{opacity:.7}.due-tag{font-size:10px;font-weight:500;padding:2px 6px;border-radius:4px;display:inline-flex;align-items:center;gap:2px}.due-tag.urgent{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.due-tag.soon{background:#f4c05026;color:#f4c050}.entity-card{transition:opacity .15s}.entity-card:active{opacity:.9}.entity-card .item-row{padding:6px 0}.card-amount{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.card-amount.red{color:var(--danger)}.card-amount.green{color:var(--success)}.status-tag{padding:3px 8px;border-radius:5px;font-size:11px;font-weight:500}.entity-card button{transition:opacity .15s}.entity-card button:active{opacity:.75}.feedback-type-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.feedback-type-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:var(--bg-subtle);border:1px solid var(--border-common);cursor:pointer;transition:all .15s}.feedback-type-item.active{background:color-mix(in srgb,var(--brand) 12%,transparent);border-color:color-mix(in srgb,var(--brand) 40%,transparent)}.feedback-type-icon{font-size:16px}.feedback-type-name{font-size:12px;color:var(--text-primary)}.feedback-severity-list{display:flex;gap:8px}.feedback-severity-item{flex:1;text-align:center;padding:8px 4px;border-radius:8px;font-size:12px;font-weight:500;background:var(--bg-subtle);border:1px solid var(--border-common);color:var(--text-secondary);cursor:pointer;transition:all .15s}.feedback-severity-item.mild.active{background:color-mix(in srgb,var(--success) 12%,transparent);border-color:color-mix(in srgb,var(--success) 40%,transparent);color:var(--success)}.feedback-severity-item.medium.active{background:#efaa171f;border-color:#efaa1766;color:#f4c050}.feedback-severity-item.severe.active{background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger)}.feedback-textarea-wrap{position:relative}.feedback-textarea-wrap textarea{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;background:var(--bg-subtle);border:1px solid var(--border-strong);color:var(--text-primary);font-size:13px;line-height:1.5;font-family:inherit;resize:none;outline:none;transition:border-color .15s}.feedback-textarea-wrap textarea:focus{border-color:color-mix(in srgb,var(--brand) 50%,transparent)}.feedback-textarea-wrap textarea::placeholder{color:var(--text-muted)}.feedback-counter{text-align:right;font-size:11px;color:var(--text-muted);margin-top:4px}.feedback-tip{font-size:11px;color:var(--text-tertiary);line-height:1.6;padding:10px 12px;border-radius:10px;background:var(--bg-subtle)}.settings-group-title{font-size:12px;font-weight:600;color:var(--text-tertiary);margin:12px 0 8px;padding-left:4px}.settings-group-title:first-child{margin-top:0}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-common)}.settings-item:last-of-type{border-bottom:none}.settings-item-left{display:flex;align-items:center;gap:10px}.settings-icon{font-size:16px}.settings-label{font-size:14px;color:var(--text-primary)}.settings-switch{width:42px;height:26px;border-radius:13px;background:var(--border-strong);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0;padding:0}.settings-switch.on{background:color-mix(in srgb,var(--brand) 75%,transparent)}.settings-switch-dot{width:22px;height:22px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:all .2s;box-shadow:none}.settings-switch.on .settings-switch-dot{left:auto;right:2px}.settings-select{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-secondary);cursor:pointer}.settings-arrow{font-size:16px;color:var(--text-muted)}.settings-warning{margin-top:16px;padding:10px 12px;border-radius:10px;background:#f3c40f14;border:1px solid rgba(243,196,15,.2);font-size:11px;color:#f4c050;line-height:1.5}.about-body{text-align:center}.about-logo{margin-bottom:20px}.about-logo-icon{width:64px;height:64px;border-radius:16px;background:color-mix(in srgb,var(--brand) 15%,transparent);display:inline-flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:10px}.about-name{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.about-version{font-size:12px;color:var(--text-tertiary)}.about-desc{font-size:13px;color:var(--text-secondary);line-height:1.7;padding:0 8px;margin-bottom:20px}.about-list{background:var(--bg-subtle);border-radius:12px;padding:0 14px;margin-bottom:16px}.about-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border-common);cursor:pointer}.about-row:last-child{border-bottom:none}.about-row-label{font-size:14px;color:var(--text-primary)}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px calc(40px + env(safe-area-inset-bottom));background:var(--bg-app);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--brand) 28%,transparent) 0%,transparent 52%),radial-gradient(circle at 80% 90%,color-mix(in srgb,var(--brand) 18%,transparent) 0%,transparent 58%);pointer-events:none}.auth-hero{text-align:center;margin-bottom:20px;position:relative;z-index:1}.auth-logo{width:68px;height:68px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:32px;background:var(--bg-btn-primary);color:#fff;box-shadow:0 10px 28px color-mix(in srgb,var(--brand) 42%,transparent),inset 0 1px #ffffff40;margin-bottom:14px}.auth-title{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:.3px;margin-bottom:6px}.auth-subtitle{font-size:13px;color:var(--text-muted);font-weight:500}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-common);border-radius:20px;padding:22px 20px 20px;box-shadow:0 16px 48px #0000001a,0 4px 12px #0000000d;position:relative;z-index:1}.auth-tabs{display:flex;gap:6px;background:var(--filter-tab-bg);border:1px solid var(--filter-tab-border);padding:4px;border-radius:999px;margin-bottom:16px}.auth-tab{flex:1;text-align:center;padding:9px 0;font-size:14px;font-weight:600;color:var(--filter-tab-text);border-radius:999px;cursor:pointer;transition:all .22s cubic-bezier(.2,.8,.2,1);user-select:none}.auth-tab.active{background:var(--bg-btn-primary);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--brand) 38%,transparent)}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:12px;font-weight:600;color:var(--text-secondary);padding-left:2px;letter-spacing:.2px}.auth-input-wrap{display:flex;align-items:center;background:var(--bg-search);border:1px solid var(--border-common);border-radius:12px;padding:0 4px 0 14px;transition:all .18s ease}.auth-input-wrap:focus-within{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,var(--bg-search));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent)}.auth-input-icon{font-size:16px;margin-right:8px;opacity:.75}.auth-input{flex:1;border:none;background:transparent;outline:none;padding:12px 4px;font-size:14px;color:var(--text-primary);font-family:inherit}.auth-input::placeholder{color:var(--text-muted);opacity:.7}.auth-toggle-eye{padding:8px 10px;font-size:15px;cursor:pointer;user-select:none;opacity:.7;border-radius:8px;transition:opacity .15s}.auth-toggle-eye:hover,.auth-toggle-eye:active{opacity:1;background:var(--bg-subtle)}.auth-row-between{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:-2px}.auth-remember{display:flex;align-items:center;gap:6px;color:var(--text-tertiary);font-weight:500;cursor:pointer;user-select:none}.auth-remember input{width:14px;height:14px;accent-color:var(--brand);cursor:pointer}.auth-forgot{color:var(--brand);font-weight:600;cursor:pointer}.auth-forgot:active{opacity:.7}.auth-agree{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--text-tertiary);font-weight:500;margin-top:-4px}.auth-agree input{margin-top:2px;accent-color:var(--brand);width:14px;height:14px;cursor:pointer}.auth-agree .link{color:var(--brand);font-weight:600;cursor:pointer}.auth-submit{margin-top:6px;width:100%;padding:13px 0;border:none;border-radius:12px;font-size:15px;font-weight:700;color:#fff;background:var(--bg-btn-primary);cursor:pointer;letter-spacing:.4px;box-shadow:0 10px 26px color-mix(in srgb,var(--brand) 42%,transparent);transition:transform .12s ease,box-shadow .2s ease,filter .2s ease;font-family:inherit}.auth-submit:active{transform:scale(.975);filter:brightness(1.05)}.auth-submit:disabled{filter:grayscale(.4) brightness(.85);cursor:not-allowed;box-shadow:none}.auth-switch-hint{margin-top:18px;text-align:center;font-size:13px;color:var(--text-tertiary)}.auth-switch-hint .link{color:var(--brand);font-weight:700;margin-left:4px;cursor:pointer}.auth-error-tip{font-size:12px;color:var(--danger);margin-top:-10px;padding-left:2px;font-weight:600;line-height:1.3}.auth-strength{display:flex;gap:5px;margin-top:-6px}.auth-strength-bar{flex:1;height:4px;border-radius:999px;background:var(--bg-subtle-2);overflow:hidden;transition:background .2s}.auth-strength-bar.on{background:var(--brand);box-shadow:0 0 0 .5px color-mix(in srgb,var(--brand) 35%,transparent)}.auth-strength-bar.on.weak{background:#d9413c;box-shadow:0 0 0 .5px #d9413c66}.auth-strength-bar.on.medium{background:#e19c00;box-shadow:0 0 0 .5px #e19c0066}.auth-strength-bar.on.strong{background:#12b76a;box-shadow:0 0 0 .5px #12b76a66}.auth-strength-text{font-size:11px;margin-top:4px;font-weight:600}.auth-strength-text.weak{color:#d9413c}.auth-strength-text.medium{color:#e19c00}.auth-strength-text.strong{color:#12b76a}.auth-copyright{margin-top:30px;font-size:11px;color:var(--text-muted);opacity:.85;position:relative;z-index:1;text-align:center}.about-row-value{font-size:12px;color:var(--text-muted)}.about-credit{font-size:11px;color:var(--text-muted);line-height:2}.about-credit-item{margin:2px 0}.theme-picker{display:flex;flex-direction:column;gap:10px}.theme-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--bg-subtle);border:1px solid var(--border-common);cursor:pointer;transition:all .18s ease;position:relative}.theme-card.active{background:color-mix(in srgb,var(--brand) 8%,transparent);border-color:color-mix(in srgb,var(--brand) 40%,transparent)}.theme-preview{width:64px;height:64px;border-radius:14px;flex-shrink:0;border:1px solid var(--border-common);overflow:hidden;position:relative;box-shadow:inset 0 1px #ffffff14}.theme-info{flex:1;min-width:0}.theme-name{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px;margin-bottom:3px}.theme-icon{font-size:15px}.theme-desc{font-size:11px;color:var(--text-muted);line-height:1.4}.theme-check{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-light));color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #5b8dee59}:root[data-theme=dark] .store-picker-panel,:root[data-theme=blue] .store-picker-panel,:root[data-theme=green] .store-picker-panel{background:#1e2230;border:1px solid rgba(255,255,255,.08)}:root[data-theme=dark] .sp-title,:root[data-theme=blue] .sp-title,:root[data-theme=green] .sp-title{color:#e8ecf2}:root[data-theme=dark] .sp-close,:root[data-theme=blue] .sp-close,:root[data-theme=green] .sp-close{background:#ffffff14;color:#e8ecf299}:root[data-theme=dark] .sp-divider,:root[data-theme=blue] .sp-divider,:root[data-theme=green] .sp-divider{background:#ffffff14}:root[data-theme=dark] .store-item-name,:root[data-theme=blue] .store-item-name,:root[data-theme=green] .store-item-name{color:#e8ecf2}:root[data-theme=dark] .store-item-sub,:root[data-theme=blue] .store-item-sub,:root[data-theme=green] .store-item-sub{color:#e8ecf280}:root[data-theme=dark] .store-item-icon,:root[data-theme=blue] .store-item-icon,:root[data-theme=green] .store-item-icon{background:#ffffff0f}:root[data-theme=dark] .store-item:hover,:root[data-theme=blue] .store-item:hover,:root[data-theme=green] .store-item:hover{background:#ffffff0a}:root[data-theme=dark] .store-item-arrow,:root[data-theme=blue] .store-item-arrow,:root[data-theme=green] .store-item-arrow{color:#e8ecf24d}:root[data-theme=dark] .sp-footer,:root[data-theme=blue] .sp-footer,:root[data-theme=green] .sp-footer{background:#ffffff08;border-top-color:#ffffff14}:root[data-theme=dark] .sp-footer-btn,:root[data-theme=blue] .sp-footer-btn,:root[data-theme=green] .sp-footer-btn{background:#ffffff14;color:#e8ecf2}:root[data-theme=dark] .sp-footer-btn:active,:root[data-theme=blue] .sp-footer-btn:active,:root[data-theme=green] .sp-footer-btn:active{background:#ffffff1f}:root[data-theme=dark] .store-item.active,:root[data-theme=blue] .store-item.active,:root[data-theme=green] .store-item.active{background:#5b8dee26;border-color:#5b8dee59}:root[data-theme=dark] .store-item.active .store-item-icon,:root[data-theme=blue] .store-item.active .store-item-icon,:root[data-theme=green] .store-item.active .store-item-icon{background:#5b8dee33}
