| 1 |
- .page[data-v-bc5f178e]{max-width:1100px}.page-hero[data-v-bc5f178e]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.hero-info h2[data-v-bc5f178e]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0}.hero-info p[data-v-bc5f178e]{font-size:14px;color:#888;margin:4px 0 0}.empty-big[data-v-bc5f178e]{display:flex;align-items:center;justify-content:center;height:300px;font-size:16px;color:#999}.state-banner[data-v-bc5f178e]{padding:14px 20px;border-radius:10px;margin-bottom:16px;display:flex;align-items:center;gap:10px;font-size:14px}.banner-OKR_ALIGN[data-v-bc5f178e]{background:#e0f7fa;color:#00838f;border:1px solid #b2ebf2}.banner-EXECUTING[data-v-bc5f178e]{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.banner-ASSESSING[data-v-bc5f178e]{background:#fce4ec;color:#c62828;border:1px solid #f8bbd0}.rules-card[data-v-bc5f178e]{background:#fff;border-radius:10px;padding:14px 20px;margin-bottom:20px;box-shadow:0 1px 4px #0000000a;border:1px solid #f0f0f0}.rules-title[data-v-bc5f178e]{font-weight:700;color:#2b1f99;font-size:14px;margin-bottom:8px}.rules-grid[data-v-bc5f178e]{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rule-item[data-v-bc5f178e]{font-size:12px;color:#666}.position-ref[data-v-bc5f178e]{margin-top:10px;padding-top:10px;border-top:1px solid #e8eaed}.pr-title[data-v-bc5f178e]{font-size:13px;font-weight:600;color:#2b1f99;margin-bottom:6px}.pr-items[data-v-bc5f178e]{display:flex;flex-wrap:wrap;gap:6px}.pr-hint[data-v-bc5f178e]{font-size:11px;color:#aaa;margin-top:6px}.section[data-v-bc5f178e]{margin-bottom:36px}.section-head[data-v-bc5f178e]{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.section-badge[data-v-bc5f178e]{padding:6px 18px;border-radius:20px;font-size:14px;font-weight:700;color:#fff;letter-spacing:2px}.section-badge.personal[data-v-bc5f178e]{background:linear-gradient(135deg,#3ad4d8,#1eada8);box-shadow:0 2px 8px #3ad4d84d}.section-badge.superior[data-v-bc5f178e]{background:linear-gradient(135deg,#2b1f99,#1a1560);box-shadow:0 2px 8px #2b1f994d}.section-badge.review[data-v-bc5f178e]{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 2px 8px #e67e224d}.section-title[data-v-bc5f178e]{font-size:18px;font-weight:700;color:#1a1a2e}.section-hint[data-v-bc5f178e]{font-size:13px;color:#aaa}.hint-card[data-v-bc5f178e]{display:flex;align-items:flex-start;gap:20px;background:#fff;border-radius:12px;padding:28px 32px;box-shadow:0 1px 4px #0000000a;margin-bottom:24px}.hint-card.waiting[data-v-bc5f178e]{border:2px solid #fdebd0;background:#fef9e7}.hint-card.top-level[data-v-bc5f178e]{border:2px solid #d5f5e3;background:#eafaf1}.hint-icon[data-v-bc5f178e]{font-size:36px}.hint-title[data-v-bc5f178e]{font-size:16px;font-weight:700;color:#1a1a2e;margin-bottom:4px}.hint-desc[data-v-bc5f178e]{font-size:13px;color:#888;line-height:1.6}.action-row[data-v-bc5f178e]{margin-bottom:24px}.rule-hint[data-v-bc5f178e]{font-size:12px;color:#e67e22;background:#fef9e7;padding:8px 14px;border-radius:6px;margin-bottom:8px}.okr-grid[data-v-bc5f178e]{display:grid;grid-template-columns:1fr;gap:12px}.okr-card[data-v-bc5f178e]{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 4px #0000000a;border:1px solid #f0f0f0}.okr-card.superior-card[data-v-bc5f178e]{border-left:4px solid #2b1f99}.okr-card.card-APPROVED[data-v-bc5f178e]{border-left:4px solid #27ae60}.okr-card.card-SUBMITTED[data-v-bc5f178e]{border-left:4px solid #e67e22}.okr-card.card-REJECTED[data-v-bc5f178e]{border-left:4px solid #e74c3c;background:#fff5f5}.okr-card.review-card[data-v-bc5f178e]{border-left:4px solid #f39c12}.okr-card-head[data-v-bc5f178e]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.o-tag[data-v-bc5f178e]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:14px;font-weight:700;color:#fff}.o-tag.superior[data-v-bc5f178e]{background:#2b1f99}.o-tag.personal[data-v-bc5f178e]{background:#3ad4d8}.o-title[data-v-bc5f178e]{font-size:15px;font-weight:600;color:#1a1a2e;flex:1}.aligned-hint[data-v-bc5f178e]{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;color:#999;flex-wrap:wrap}.mini-kr[data-v-bc5f178e]{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;padding:4px 6px;border-radius:6px}.mini-kr.mine[data-v-bc5f178e]{background:#fef9e7;border:1px solid #f9e79f}.mini-kr-num[data-v-bc5f178e]{font-size:11px;font-weight:700;color:#2b1f99;width:32px}.mini-kr-text[data-v-bc5f178e]{flex:1}.mini-val[data-v-bc5f178e]{color:#999}.kr-display[data-v-bc5f178e]{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #f5f5f5}.kr-display[data-v-bc5f178e]:first-child{border-top:none}.kr-display-num[data-v-bc5f178e]{font-size:12px;font-weight:700;color:#3ad4d8;width:36px}.kr-display-text[data-v-bc5f178e]{flex:1;font-size:14px;color:#333}.kr-display-meta[data-v-bc5f178e]{display:flex;align-items:center;gap:8px}.kr-target[data-v-bc5f178e]{font-size:13px;color:#999}.kr-progress-row[data-v-bc5f178e]{padding:16px 0;border-top:1px solid #f0f0f0}.kr-progress-row[data-v-bc5f178e]:first-child{border-top:none}.kr-progress-head[data-v-bc5f178e]{display:flex;align-items:center;gap:12px;margin-bottom:6px}.kr-progress-num[data-v-bc5f178e]{font-size:12px;font-weight:700;color:#3ad4d8;width:36px}.kr-progress-text[data-v-bc5f178e]{flex:1;font-size:14px;color:#333}.kr-progress-val[data-v-bc5f178e]{font-size:13px;color:#999}.kr-progress-ctrl[data-v-bc5f178e]{display:flex;gap:8px;align-items:center;margin-top:8px}.kr-status-tag[data-v-bc5f178e]{font-size:11px;color:#888;width:60px}.blocked-hint[data-v-bc5f178e]{font-size:12px;color:#e67e22;margin-top:6px}.review-kr[data-v-bc5f178e]{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px}.review-kr-num[data-v-bc5f178e]{font-size:12px;font-weight:700;color:#e67e22;width:32px}.review-kr-text[data-v-bc5f178e]{flex:1;color:#555}.review-kr-val[data-v-bc5f178e]{color:#999}.review-actions[data-v-bc5f178e]{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.rejected-hint[data-v-bc5f178e]{padding:14px;background:#fff5f5;border-radius:8px;font-size:13px;color:#c62828;margin-top:12px}.dialog-rules[data-v-bc5f178e]{background:#f0f8ff;border-radius:8px;padding:14px 18px;margin-bottom:16px}.dr-item[data-v-bc5f178e]{font-size:13px;color:#333;line-height:1.8}.align-section[data-v-bc5f178e]{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:20px;overflow:hidden}.align-head[data-v-bc5f178e]{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #f3f4f6}.align-head-left[data-v-bc5f178e]{display:flex;align-items:center;gap:6px}.align-head-icon[data-v-bc5f178e]{font-size:18px;font-weight:700;color:#2b1f99}.align-head-title[data-v-bc5f178e]{font-size:15px;font-weight:700;color:#1a1a2e}.align-head-hint[data-v-bc5f178e]{font-size:13px;color:#9ca3af}.align-o-card[data-v-bc5f178e]{padding:0;border-bottom:1px solid #f3f4f6}.align-o-card[data-v-bc5f178e]:last-child{border-bottom:none}.align-o-head[data-v-bc5f178e]{display:flex;align-items:center;gap:10px;padding:14px 22px 8px}.align-o-icon[data-v-bc5f178e]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#2b1f99;color:#fff;font-size:12px;font-weight:700}.align-o-title[data-v-bc5f178e]{font-size:14px;font-weight:600;color:#1a1a2e}.align-kr-list[data-v-bc5f178e]{padding:0 22px 14px;display:flex;flex-direction:column;gap:6px}.align-kr-row[data-v-bc5f178e]{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:8px;cursor:pointer;transition:all .15s;border:1px solid transparent}.align-kr-row[data-v-bc5f178e]:hover{background:#f9fafb}.align-kr-row.is-selected[data-v-bc5f178e]{background:#f5f3ff;border-color:#d4cdf0}.align-kr-row.is-mandatory[data-v-bc5f178e]{background:#fffdf5;border-color:#fde68a;cursor:default}.align-kr-left[data-v-bc5f178e]{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.align-kr-num[data-v-bc5f178e]{font-size:11px;font-weight:700;color:#9ca3af;width:30px;flex-shrink:0;letter-spacing:.5px}.align-checkbox[data-v-bc5f178e]{width:18px;height:18px;border-radius:4px;border:2px solid #d1d5db;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:transparent;flex-shrink:0;transition:all .15s;cursor:pointer}.align-checkbox.checked[data-v-bc5f178e]{background:#2b1f99;border-color:#2b1f99;color:#fff}.align-checkbox.locked[data-v-bc5f178e]{background:#fde68a;border-color:#f59e0b;color:#92400e;cursor:default}.align-kr-title[data-v-bc5f178e]{font-size:13px;color:#374151}.align-kr-right[data-v-bc5f178e]{display:flex;align-items:center;gap:10px;flex-shrink:0}.align-kr-target[data-v-bc5f178e]{font-size:12px;color:#9ca3af}.align-footer[data-v-bc5f178e]{padding:12px 22px;background:#f9fafb;border-top:1px solid #f3f4f6;font-size:13px;color:#6b7280;text-align:center}.align-footer strong[data-v-bc5f178e]{color:#2b1f99}.parent-align-section[data-v-bc5f178e]{margin-bottom:20px}.parent-align-label[data-v-bc5f178e]{font-weight:600;font-size:15px;color:#1a1a2e;margin-bottom:8px}.o-section[data-v-bc5f178e]{margin-bottom:20px}.o-label[data-v-bc5f178e]{font-weight:600;font-size:15px;color:#1a1a2e;margin-bottom:8px}.o-hint[data-v-bc5f178e]{font-size:12px;color:#aaa;font-weight:400}.kr-section[data-v-bc5f178e]{margin-bottom:16px}.kr-section-title[data-v-bc5f178e]{font-weight:600;font-size:15px;color:#1a1a2e;margin-bottom:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.weight-sum[data-v-bc5f178e]{font-size:13px;padding:2px 10px;border-radius:12px}.weight-ok[data-v-bc5f178e]{background:#eafaf1;color:#1e8449;font-weight:700}.weight-bad[data-v-bc5f178e]{background:#fdedec;color:#c0392b;font-weight:700}.kr-form-card[data-v-bc5f178e]{background:#fafbfc;border-radius:10px;padding:14px 16px;margin-bottom:10px;border:1px solid #f0f0f0}.kr-form-card.has-source[data-v-bc5f178e]{border-left:3px solid #2b1f99}.kr-source-bar[data-v-bc5f178e]{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding:6px 10px;background:#f5f3ff;border-radius:6px;font-size:12px}.kr-source-icon[data-v-bc5f178e]{color:#2b1f99;font-weight:700}.kr-source-text[data-v-bc5f178e]{color:#555}.kr-form-head[data-v-bc5f178e]{display:flex;align-items:center;gap:10px}.kr-form-num[data-v-bc5f178e]{font-size:13px;font-weight:700;color:#3ad4d8;width:36px}.kr-form-right[data-v-bc5f178e]{display:flex;align-items:center;gap:6px;flex-shrink:0}.kr-form-label-sm[data-v-bc5f178e]{font-size:11px;color:#999}.kr-form-extra[data-v-bc5f178e]{display:flex;align-items:center;gap:8px;margin-top:8px}.kr-form-label[data-v-bc5f178e]{font-size:12px;color:#999}.dialog-kpi-ref[data-v-bc5f178e]{background:#f0f8ff;border:1px solid #d6eaf8;border-radius:8px;padding:12px 16px;margin-bottom:12px}.dkr-title[data-v-bc5f178e]{font-size:13px;font-weight:600;color:#2b1f99;margin-bottom:6px}.dkr-tags[data-v-bc5f178e]{display:flex;flex-wrap:wrap;gap:4px}.dkr-hint[data-v-bc5f178e]{font-size:11px;color:#999;margin-top:6px}.dialog-footer-hint[data-v-bc5f178e]{text-align:center;font-size:12px;color:#aaa;margin-top:12px}
|
