/* Generated from pages/daily-kpi/daily-kpi.wxss; see import-native-ui.cjs. */
.kpi-page { background:#f2f6fc; color:#17263c; }.kpi-page { padding:calc(24 * var(--rpx)) calc(22 * var(--rpx)) calc(64 * var(--rpx)); }.kpi-page .card { margin-bottom:calc(20 * var(--rpx)); padding:calc(26 * var(--rpx)); border-radius:calc(24 * var(--rpx)); background:#fff; border:calc(1 * var(--rpx)) solid #dfe9f6; box-shadow:0 calc(10 * var(--rpx)) calc(28 * var(--rpx)) rgba(35,73,122,.07); }.kpi-page .kpi-header,.kpi-page .task-heading,.kpi-page .result-line,.kpi-page .pair-toggle { display:flex; align-items:center; justify-content:space-between; gap:calc(16 * var(--rpx)); }.kpi-page .kpi-header { flex-wrap:wrap; background:linear-gradient(135deg,#fff,#eaf3ff); }.kpi-page .kpi-title { color:#1267cc; font-size:calc(36 * var(--rpx)); font-weight:900; }.kpi-page .kpi-subtitle,.kpi-page .hint,.kpi-page .task-time { color:#77869a; font-size:calc(22 * var(--rpx)); line-height:1.6; margin-top:calc(8 * var(--rpx)); }.kpi-page .date-picker { color:#185fab; font-size:calc(26 * var(--rpx)); font-weight:700; padding:calc(12 * var(--rpx)) 0; }.kpi-page .notice { padding:calc(20 * var(--rpx)); margin-bottom:calc(18 * var(--rpx)); background:#fff5de; color:#865809; border-radius:calc(16 * var(--rpx)); font-size:calc(24 * var(--rpx)); line-height:1.6; overflow-wrap:anywhere; }.kpi-page .refresh-link { color:#176bd1; font-weight:800; }.kpi-page .quantity-hint { margin:0 0 calc(18 * var(--rpx)); }.kpi-page .unread-panel .field-label { margin-top:0; }.kpi-page .unread-dates { display:flex; flex-wrap:wrap; gap:calc(12 * var(--rpx)); }.kpi-page .unread-dates button { display:flex; align-items:center; gap:calc(12 * var(--rpx)); margin:0; padding:calc(12 * var(--rpx)) calc(16 * var(--rpx)); color:#185fab; background:#edf4ff; font-size:calc(24 * var(--rpx)); line-height:1.4; border-radius:calc(14 * var(--rpx)); }.kpi-page .unread-dates button::after { border:0; }.kpi-page .unread-date-count { display:inline-flex; align-items:center; justify-content:center; min-width:calc(30 * var(--rpx)); height:calc(30 * var(--rpx)); padding:0 calc(6 * var(--rpx)); box-sizing:border-box; border-radius:calc(999 * var(--rpx)); background:#ed3c45; color:#fff; font-size:calc(20 * var(--rpx)); }.kpi-page .invalid-card { border-color:#d67b46; }.kpi-page .field-error { color:#a64a19; font-size:calc(24 * var(--rpx)); line-height:1.6; margin:calc(12 * var(--rpx)) 0; overflow-wrap:anywhere; }.kpi-page .pair-toggle { font-size:calc(28 * var(--rpx)); font-weight:800; }.kpi-page .pair-toggle span { flex:1; }.kpi-page .field-label { margin:calc(22 * var(--rpx)) 0 calc(10 * var(--rpx)); font-size:calc(24 * var(--rpx)); color:#536780; }.kpi-page .field { box-sizing:border-box; width:100%; min-height:calc(76 * var(--rpx)); padding:calc(18 * var(--rpx)); border:calc(1 * var(--rpx)) solid #dce7f5; border-radius:calc(15 * var(--rpx)); background:#f5f8fd; font-size:calc(27 * var(--rpx)); }.kpi-page .pair-time { display:flex; align-items:center; gap:calc(12 * var(--rpx)); font-size:calc(23 * var(--rpx)); }.kpi-page .pair-time input { width:calc(90 * var(--rpx)); min-height:calc(64 * var(--rpx)); border-radius:calc(12 * var(--rpx)); background:#f0f5fc; text-align:center; font-size:calc(28 * var(--rpx)); }.kpi-page .task-name { flex:1; font-size:calc(29 * var(--rpx)); font-weight:850; overflow-wrap:anywhere; }.kpi-page .grade { display:inline-flex; align-items:center; justify-content:center; flex:none; max-width:40%; border-radius:calc(999 * var(--rpx)); padding:calc(7 * var(--rpx)) calc(17 * var(--rpx)); font-size:calc(23 * var(--rpx)); font-weight:800; text-align:center; background:#edf1f6; color:#748399; }.kpi-page .grade-poor { background:#fff0ee; color:#b9493e; }.kpi-page .grade-average { background:#fff5d9; color:#987008; }.kpi-page .grade-good { background:#e8f5ef; color:#16815b; }.kpi-page .grade-excellent { background:#e8efff; color:#2463c4; }.kpi-page .quantity-row { display:flex; align-items:center; gap:calc(16 * var(--rpx)); padding:calc(16 * var(--rpx)) calc(20 * var(--rpx)); margin:calc(20 * var(--rpx)) 0 calc(16 * var(--rpx)); border:calc(1 * var(--rpx)) solid #dce7f5; border-radius:calc(16 * var(--rpx)); background:#f6f9fd; }.kpi-page .quantity-row input { flex:1; width:0; min-height:calc(52 * var(--rpx)); font-size:calc(32 * var(--rpx)); font-weight:750; }.kpi-page .quantity-row span { color:#64778e; font-size:calc(25 * var(--rpx)); }.kpi-page .rate-line { color:#64778e; font-size:calc(23 * var(--rpx)); line-height:1.6; }.kpi-page .rate-line span { color:#175fac; font-size:calc(29 * var(--rpx)); font-weight:850; margin-left:calc(12 * var(--rpx)); }.kpi-page .result-line { margin-top:calc(16 * var(--rpx)); font-size:calc(25 * var(--rpx)); }.kpi-page .actions { display:flex; gap:calc(18 * var(--rpx)); margin:calc(22 * var(--rpx)) 0; }.kpi-page .actions button { flex:1; width:0; margin:0; padding:calc(22 * var(--rpx)) calc(12 * var(--rpx)); display:flex; justify-content:center; align-items:center; min-height:calc(90 * var(--rpx)); border:0; border-radius:calc(18 * var(--rpx)); font-size:calc(27 * var(--rpx)); line-height:1.35; font-weight:800; }.kpi-page .upload { color:white; background:linear-gradient(140deg,#2988eb,#105eb5); }.kpi-page .later { color:#52749c; background:#e7eef8; }.kpi-page .actions button[disabled] { opacity:.5; }.kpi-page .draft-message { min-height:calc(30 * var(--rpx)); font-size:calc(22 * var(--rpx)); color:#7a8b9f; margin-top:calc(12 * var(--rpx)); }.kpi-page .snapshot-row { display:flex; flex-wrap:wrap; align-items:center; gap:calc(12 * var(--rpx)); justify-content:space-between; padding:calc(16 * var(--rpx)) 0; border-bottom:calc(1 * var(--rpx)) solid #edf2f8; font-size:calc(23 * var(--rpx)); }.kpi-page .snapshot-row > span:first-child { flex:1; }.kpi-page .filters { display:flex; gap:calc(20 * var(--rpx)); }.kpi-page .filters label { flex:1; min-width:0; font-size:calc(25 * var(--rpx)); color:#1f63b2; }.kpi-page .totals { color:#61748c; font-size:calc(24 * var(--rpx)); }.kpi-page .total-value { margin-top:calc(14 * var(--rpx)); color:#155eab; font-size:calc(34 * var(--rpx)); font-weight:850; }.kpi-page .review-task { padding:calc(18 * var(--rpx)) 0; border-top:calc(1 * var(--rpx)) solid #eaf0f8; margin-top:calc(14 * var(--rpx)); }.kpi-page .shared-card { border-color:#b7d8f4; background:linear-gradient(145deg,#fff,#f0f7ff); }.kpi-page .empty { color:#8b97a8; text-align:center; padding:calc(60 * var(--rpx)) 0; font-size:calc(26 * var(--rpx)); }