@charset "UTF-8";html,body,#app{margin:0;padding:0;width:100%;height:100%}*{box-sizing:border-box}body{margin:0;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:14px;color:#303133;background-color:#f0f2f5}a{color:inherit;text-decoration:none}.page-container{display:flex;flex-direction:column;height:100%;min-height:0;padding:16px}.page-container--compact{padding:12px}.page-container--compact .page-header{margin-bottom:10px}.page-container--compact .search-panel{padding:10px 12px;margin-bottom:10px}.page-container--compact .table-panel{padding:12px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-title{margin:0;font-size:18px;font-weight:600}.search-panel{padding:16px;margin-bottom:16px;background:#fff;border-radius:4px}.toolbar-panel{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.toolbar-panel>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.toolbar-panel .el-button .mdi{font-size:16px;vertical-align:-2px}.table-panel{display:flex;flex:1;flex-direction:column;min-height:0;padding:16px;background:#fff;border-radius:4px;overflow:hidden}.table-panel--scrollable{overflow:auto}.status-tag{display:inline-block;padding:2px 8px;font-size:12px;border-radius:4px}.status-tag--success{color:#67c23a;background:#f0f9eb}.status-tag--warning{color:#e6a23c;background:#fdf6ec}.status-tag--info{color:#909399;background:#f4f4f5}.status-tag--danger{color:#f56c6c;background:#fef0f0}.mr-8{margin-right:8px}.mb-12{margin-bottom:12px}.text-muted{color:#909399}.col-number{text-align:right}.table-error-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px;color:#909399}:root{--mobile-primary: #409eff;--mobile-sidebar-bg: #1f2d3d;--mobile-page-bg: #f0f2f5;--mobile-card-bg: #fff;--mobile-header-height: 48px;--mobile-tab-height: 56px;--mobile-safe-top: env(safe-area-inset-top, 0px);--mobile-safe-bottom: env(safe-area-inset-bottom, 0px);--mobile-touch-min: 44px;--mobile-transition: .2s ease}.mobile-layout{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--mobile-page-bg)}.mobile-layout__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:calc(var(--mobile-header-height) + var(--mobile-safe-top));padding:var(--mobile-safe-top) 12px 0;background:var(--mobile-card-bg);border-bottom:1px solid #ebeef5}.mobile-layout__title{margin:0;font-size:16px;font-weight:600;color:#303133}.mobile-layout__header-actions{display:flex;align-items:center;gap:4px}.mobile-layout__body{flex:1;min-height:0;overflow:hidden}.mobile-layout__tabbar{display:flex;flex-shrink:0;height:calc(var(--mobile-tab-height) + var(--mobile-safe-bottom));padding-bottom:var(--mobile-safe-bottom);background:var(--mobile-card-bg);border-top:1px solid #ebeef5}.mobile-layout__tab-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--mobile-touch-min);font-size:11px;color:#909399;text-decoration:none;transition:color var(--mobile-transition);touch-action:manipulation}.mobile-layout__tab-item .mdi{font-size:22px}.mobile-layout__tab-item--active{color:var(--mobile-primary)}.mobile-page{display:flex;flex-direction:column;height:100%;min-height:0}.mobile-page__toolbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:8px;padding:8px 12px;background:var(--mobile-card-bg);border-bottom:1px solid #ebeef5}.mobile-page__toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.mobile-filter-panel{flex-shrink:0;background:var(--mobile-card-bg);border-bottom:1px solid #ebeef5}.mobile-filter-panel__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--mobile-touch-min);padding:10px 12px;font-size:14px;color:#606266;background:transparent;border:0;cursor:pointer;touch-action:manipulation;transition:background-color var(--mobile-transition)}.mobile-filter-panel__toggle:active{background-color:#f5f7fa}.mobile-filter-panel__body{padding:0 12px 12px}.mobile-filter-panel__body .el-form-item{margin-bottom:10px}.mobile-filter-panel__body .el-form-item__label{padding-bottom:4px}.mobile-card-list{flex:1;min-height:0;overflow-y:auto;padding:10px 12px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.mobile-card-list__item{margin-bottom:10px;padding:12px;background:var(--mobile-card-bg);border-radius:8px;box-shadow:0 1px 4px #0000000f;transition:background-color var(--mobile-transition),box-shadow var(--mobile-transition)}.mobile-card-list__item--clickable{cursor:pointer}.mobile-card-list__item--clickable:active{background-color:#f5f7fa;box-shadow:0 1px 2px #0000000a}.mobile-card-list__item--selectable{padding-left:8px}.mobile-card-list__item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.mobile-card-list__item-title{font-size:15px;font-weight:600;color:#303133}.mobile-card-list__item-sub{font-size:12px;color:#909399}.mobile-card-list__item-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;font-size:13px}.mobile-card-list__item-label{flex-shrink:0;color:#909399}.mobile-card-list__item-value{text-align:right;color:#303133;word-break:break-all}.mobile-card-list__item-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px;padding-top:10px;border-top:1px solid #f0f2f5}.mobile-card-list__footer{padding:12px 0 4px;text-align:center;font-size:13px;color:#909399}.mobile-card-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:32px 16px;color:#909399}.mobile-card-list__empty--compact{padding:20px 12px;gap:4px}.mobile-card-list__empty--compact p{margin:0;font-size:13px;line-height:1.5;text-align:center}.mobile-card-list__empty .mdi{font-size:28px;color:#c0c4cc}.mobile-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex-shrink:0;padding:10px 12px;background:var(--mobile-card-bg);border-bottom:1px solid #ebeef5}.mobile-summary-item{padding:10px;background:#fafafa;border-radius:6px;border-left:3px solid #dcdfe6}.mobile-summary-item__label{display:block;font-size:11px;color:#909399}.mobile-summary-item__value{display:block;margin-top:4px;font-size:16px;font-weight:600;color:#303133}.mobile-more-page{flex:1;overflow-y:auto;padding:12px}.mobile-more-user{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:16px;background:var(--mobile-card-bg);border-radius:8px}.mobile-more-user__avatar{font-size:40px;color:var(--mobile-primary)}.mobile-more-user__name{font-size:16px;font-weight:600;color:#303133}.mobile-more-menu{overflow:hidden;background:var(--mobile-card-bg);border-radius:8px}.mobile-more-menu__item{display:flex;align-items:center;gap:10px;min-height:var(--mobile-touch-min);padding:14px 16px;font-size:14px;color:#303133;text-decoration:none;border-bottom:1px solid #f0f2f5;touch-action:manipulation;transition:background-color var(--mobile-transition)}.mobile-more-menu__item:active{background-color:#f5f7fa}.mobile-more-menu__item:last-child{border-bottom:0}.mobile-more-menu__item .mdi{font-size:20px;color:#606266}.mobile-login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:calc(24px + var(--mobile-safe-top)) 16px calc(24px + var(--mobile-safe-bottom));background:linear-gradient(135deg,#1f2d3d,#304156,#409eff)}.mobile-login-page__card{width:100%;max-width:400px;padding:28px 20px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026}.mobile-login-page__header{margin-bottom:24px;text-align:center}.mobile-login-page__header .mdi{font-size:44px;color:var(--mobile-primary)}.mobile-login-page__header h1{margin:10px 0 4px;font-size:18px;color:#303133}.mobile-login-page__header p{margin:0;font-size:13px;color:#909399}.mobile-login-page__btn{width:100%}.mobile-dialog-full{width:100%!important;max-width:100%!important;margin:0!important}.mobile-dialog-full .el-dialog__body{max-height:calc(100vh - 120px);overflow-y:auto}.mobile-page__toolbar .el-button,.mobile-filter-panel__actions .el-button,.mobile-page-toolbar__actions .el-button{min-height:var(--mobile-touch-min);touch-action:manipulation}@media(prefers-reduced-motion:reduce){.mobile-layout__tab-item,.mobile-filter-panel__toggle,.mobile-card-list__item,.mobile-more-menu__item{transition:none}}.mobile-page-toolbar{flex-shrink:0;background:var(--mobile-card-bg);border-bottom:1px solid #ebeef5}.mobile-page-toolbar__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:var(--mobile-touch-min);padding:0 12px}.mobile-page-toolbar__left{display:flex;flex:1;align-items:center;gap:6px;min-width:0}.mobile-page-toolbar__right{display:flex;flex-shrink:0;align-items:center;gap:6px}.mobile-page-toolbar__btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:var(--mobile-touch-min);min-height:36px;padding:0 12px;font-size:13px;font-weight:500;color:#606266;background:transparent;border:0;border-radius:6px;cursor:pointer;touch-action:manipulation;transition:background-color var(--mobile-transition),color var(--mobile-transition)}.mobile-page-toolbar__btn .mdi{font-size:18px}.mobile-page-toolbar__btn:active{background-color:#f5f7fa}.mobile-page-toolbar__btn--active{color:var(--mobile-primary);background-color:#ecf5ff}.mobile-page-toolbar__badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-style:normal;font-weight:600;color:#fff;background:var(--mobile-primary);border-radius:8px}.mobile-page-toolbar__panel{padding:8px 12px 12px;background:#fafbfc;border-top:1px solid #f0f2f5}.mobile-page-toolbar__panel .el-form-item{margin-bottom:10px}.mobile-page-toolbar__panel .el-form-item__label{padding-bottom:4px}.mobile-page-toolbar__actions{background:#fafbfc;border-top:1px solid #f0f2f5}.mobile-action-panel{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px 12px 12px}.mobile-action-panel--list{flex-direction:column;align-items:stretch}.mobile-action-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:calc((100% - 16px) / 3);min-height:72px;padding:8px 4px;font-size:12px;font-weight:500;color:#606266;background:#fff;border:1px solid #dcdfe6;border-radius:10px;cursor:pointer;touch-action:manipulation;transition:background-color var(--mobile-transition),border-color var(--mobile-transition),color var(--mobile-transition)}.mobile-action-panel--list .mobile-action-item{flex-direction:row;justify-content:flex-start;gap:10px;width:100%;min-height:var(--mobile-touch-min);padding:0 14px;border-radius:8px}.mobile-action-item__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:20px;color:#606266;background:#f5f7fa;border-radius:50%}.mobile-action-panel--list .mobile-action-item__icon{flex-shrink:0;width:32px;height:32px;font-size:18px;border-radius:8px}.mobile-action-item__label{max-width:100%;line-height:1.3;text-align:center;word-break:break-all}.mobile-action-panel--list .mobile-action-item__label{flex:1;text-align:left}.mobile-action-item--primary{color:var(--mobile-primary);border-color:#b3d8ff;background:#ecf5ff}.mobile-action-item--primary .mobile-action-item__icon{color:#fff;background:var(--mobile-primary)}.mobile-action-item--danger{color:#f56c6c;border-color:#fbc4c4;background:#fef0f0}.mobile-action-item--danger .mobile-action-item__icon{color:#f56c6c;background:#fde2e2}.mobile-action-item:active:not(:disabled){opacity:.88}.mobile-action-item--disabled,.mobile-action-item:disabled{opacity:.45;cursor:not-allowed}.mobile-filter-panel__actions{display:flex;gap:8px;margin-top:4px}.mobile-quick-strip{display:flex;flex-shrink:0;gap:8px;overflow-x:auto;padding:8px 12px;background:var(--mobile-card-bg);border-bottom:1px solid #ebeef5;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-quick-strip::-webkit-scrollbar{display:none}.mobile-quick-strip__item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;gap:4px;min-width:64px;height:64px;padding:6px 8px;font-size:11px;color:#606266;background:#fafafa;border:0;border-radius:8px;cursor:pointer;touch-action:manipulation;transition:background-color var(--mobile-transition)}.mobile-quick-strip__item .mdi{font-size:22px;color:var(--mobile-primary)}.mobile-quick-strip__item:active{background-color:#ecf5ff}.mobile-metric-scroll{flex-shrink:0;background:var(--mobile-card-bg);border-bottom:1px solid #ebeef5}.mobile-metric-scroll__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:36px;padding:8px 12px;font-size:13px;color:#606266;background:transparent;border:0;cursor:pointer;touch-action:manipulation}.mobile-metric-scroll__track{display:flex;gap:8px;overflow-x:auto;padding:0 12px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-metric-scroll__track::-webkit-scrollbar{display:none}.mobile-metric-scroll__item{display:flex;flex-direction:column;flex-shrink:0;gap:2px;min-width:88px;padding:8px 10px;background:#fafafa;border-radius:8px;border-left:3px solid #dcdfe6;margin:0;font:inherit;text-align:left;color:inherit;border-top:0;border-right:0;border-bottom:0}.mobile-metric-scroll__item--clickable{cursor:pointer;touch-action:manipulation}.mobile-metric-scroll__item--clickable:active{opacity:.88}.mobile-metric-scroll__item:disabled{cursor:default;opacity:1}.mobile-metric-scroll__label{font-size:11px;color:#909399;white-space:nowrap}.mobile-metric-scroll__value{font-size:15px;font-weight:600;color:#303133;white-space:nowrap}.mobile-metric-scroll__item--order{border-left-color:#409eff}.mobile-metric-scroll__item--income{border-left-color:#67c23a}.mobile-metric-scroll__item--cost{border-left-color:#e6a23c}.mobile-metric-scroll__item--profit{border-left-color:#13c2c2}.mobile-metric-scroll__item--unpaid{border-left-color:#f56c6c}.mobile-metric-scroll__item--invoice{border-left-color:#909399}.mobile-todo-tabs{display:flex;flex-shrink:0;background:var(--mobile-card-bg);border-bottom:1px solid #ebeef5}.mobile-todo-tabs__item{display:flex;flex:1;align-items:center;justify-content:center;gap:4px;min-height:var(--mobile-touch-min);padding:0 8px;font-size:13px;color:#606266;background:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer;touch-action:manipulation;transition:color var(--mobile-transition),border-color var(--mobile-transition)}.mobile-todo-tabs__item .mdi{font-size:16px}.mobile-todo-tabs__item--active{color:var(--mobile-primary);border-bottom-color:var(--mobile-primary)}.mobile-todo-tabs__badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-style:normal;font-weight:600;line-height:1;color:#fff;background:#f56c6c;border-radius:8px}.mobile-todo-body{flex:1;min-height:0;overflow-y:auto;padding:8px 12px;-webkit-overflow-scrolling:touch}.mobile-dashboard .mobile-todo-body .mobile-card-list__item{margin-bottom:8px}.mobile-dashboard{overflow:hidden}.mobile-filter-panel__actions .el-button{min-height:36px;touch-action:manipulation}