#user-page{min-height:100vh;background:#f5f6fa}#user-page .page-header{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:12px 16px;background:#fff;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.06);box-shadow:0 1px 4px rgba(0,0,0,.06)}#user-page .page-header,#user-page .page-header .header-action,#user-page .page-header .header-back{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#user-page .page-header .header-action,#user-page .page-header .header-back{width:36px;height:36px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;font-size:16px;color:#333;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}#user-page .page-header .header-action:active,#user-page .page-header .header-back:active{background:#f0f0f0}#user-page .page-header .header-title{font-size:17px;font-weight:600;color:#1a1a1a}#user-page .profile-card{margin:12px;padding:20px 16px;background:-webkit-linear-gradient(315deg,#409eff,#66b1ff);background:linear-gradient(135deg,#409eff,#66b1ff);border-radius:12px;-webkit-box-shadow:0 4px 12px rgba(64,158,255,.3);box-shadow:0 4px 12px rgba(64,158,255,.3)}#user-page .profile-card,#user-page .profile-card .avatar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#user-page .profile-card .avatar{width:48px;height:48px;border-radius:50%;background:hsla(0,0%,100%,.25);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:22px;font-weight:600;color:#fff;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}#user-page .profile-card .profile-info{margin-left:14px}#user-page .profile-card .profile-info .profile-name{font-size:20px;font-weight:600;color:#fff;line-height:1.3}#user-page .profile-card .profile-info .profile-tel{font-size:13px;color:hsla(0,0%,100%,.85);margin-top:4px}#user-page .section-card{margin:12px;padding:16px;background:#fff;border-radius:12px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.06);box-shadow:0 1px 4px rgba(0,0,0,.06)}#user-page .section-card .section-label{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}#user-page .section-card .period-tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;margin-bottom:14px}#user-page .section-card .period-tabs .period-tab{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;padding:8px 0;border-radius:20px;font-size:13px;color:#666;background:#f5f6fa;cursor:pointer;-webkit-transition:all .25s;transition:all .25s}#user-page .section-card .period-tabs .period-tab:active{-webkit-transform:scale(.96);transform:scale(.96)}#user-page .section-card .period-tabs .period-tab.active{background:#409eff;color:#fff;font-weight:500}#user-page .section-card .date-range{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;gap:8px;padding-top:14px;border-top:1px solid #f0f0f0}#user-page .section-card .date-range .date-field{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}#user-page .section-card .date-range .date-field .date-label{font-size:12px;color:#999;margin-bottom:6px}#user-page .section-card .date-range .date-field .full-width-picker{width:100%}#user-page .section-card .date-range .date-separator{padding-bottom:8px;color:#ccc;font-size:14px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}#user-page .section-card .date-range .date-confirm-btn{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:5px 16px;border-radius:20px;font-size:13px;color:#409eff;background:#ecf5ff;cursor:pointer;-webkit-transition:all .25s;transition:all .25s;white-space:nowrap;margin-bottom:1px}#user-page .section-card .date-range .date-confirm-btn:active{-webkit-transform:scale(.96);transform:scale(.96)}#user-page .section-card .date-range .date-confirm-btn.active{background:#409eff;color:#fff}#user-page .stats-grid{padding:0 12px 12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}#user-page .stats-grid .stat-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:16px 12px;background:#fff;border-radius:12px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.06);box-shadow:0 1px 4px rgba(0,0,0,.06);cursor:pointer;-webkit-transition:all .2s;transition:all .2s}#user-page .stats-grid .stat-card:active{-webkit-transform:scale(.98);transform:scale(.98);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.04);box-shadow:0 1px 2px rgba(0,0,0,.04)}#user-page .stats-grid .stat-card .stat-icon-wrap{width:36px;height:36px;border-radius:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:17px;color:#fff;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}#user-page .stats-grid .stat-card .stat-icon-wrap.customers-bg{background:-webkit-linear-gradient(315deg,#409eff,#66b1ff);background:linear-gradient(135deg,#409eff,#66b1ff)}#user-page .stats-grid .stat-card .stat-icon-wrap.records-bg{background:-webkit-linear-gradient(315deg,#67c23a,#85ce61);background:linear-gradient(135deg,#67c23a,#85ce61)}#user-page .stats-grid .stat-card .stat-icon-wrap.orders-bg{background:-webkit-linear-gradient(315deg,#e6a23c,#ebb563);background:linear-gradient(135deg,#e6a23c,#ebb563)}#user-page .stats-grid .stat-card .stat-icon-wrap.amount-bg{background:-webkit-linear-gradient(315deg,#f56c6c,#f78989);background:linear-gradient(135deg,#f56c6c,#f78989)}#user-page .stats-grid .stat-card .stat-body{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:10px;min-width:0}#user-page .stats-grid .stat-card .stat-body .stat-value{font-size:20px;font-weight:700;color:#1a1a1a;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#user-page .stats-grid .stat-card .stat-body .stat-label{font-size:12px;color:#999;margin-top:2px}#user-page .stats-grid .stat-card .stat-arrow{font-size:12px;color:#ccc;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:4px}.staff-modal .staff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:4px}.staff-modal .staff-grid .staff-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:12px 4px;border-radius:10px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.staff-modal .staff-grid .staff-item:active{background:#f5f6fa}.staff-modal .staff-grid .staff-item.active{background:#ecf5ff}.staff-modal .staff-grid .staff-item.active .staff-avatar{background:#409eff;color:#fff}.staff-modal .staff-grid .staff-item.active .staff-name{color:#409eff}.staff-modal .staff-grid .staff-item .staff-avatar{width:40px;height:40px;border-radius:50%;background:#f0f0f0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:16px;font-weight:600;color:#666;-webkit-transition:all .2s;transition:all .2s}.staff-modal .staff-grid .staff-item .staff-name{font-size:12px;color:#333;margin-top:6px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}