.period-banner[data-v-8de05fe2]{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-radius:10px;margin-bottom:20px;box-shadow:0 1px 4px #0000000a}.banner-DRAFT[data-v-8de05fe2]{background:#f5f5f5;border:1px solid #e0e0e0}.banner-OKR_ALIGN[data-v-8de05fe2]{background:#e0f7fa;border:1px solid #b2ebf2}.banner-EXECUTING[data-v-8de05fe2]{background:#e8f5e9;border:1px solid #c8e6c9}.banner-ASSESSING[data-v-8de05fe2]{background:#fce4ec;border:1px solid #f8bbd0}.pb-left[data-v-8de05fe2]{display:flex;align-items:center;gap:12px}.pb-icon[data-v-8de05fe2]{font-size:24px}.pb-name[data-v-8de05fe2]{font-size:16px;font-weight:700;color:#1a1a2e}.pb-date[data-v-8de05fe2]{font-size:12px;color:#888;margin-top:2px}.pb-switch-btn[data-v-8de05fe2]{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;background:#fffc;border-radius:8px;cursor:pointer;font-size:13px;color:#555;font-weight:500;border:1px solid #ddd;transition:all .15s}.pb-switch-btn[data-v-8de05fe2]:hover{border-color:#2b1f99;color:#2b1f99}.pbd-name[data-v-8de05fe2]{margin-right:8px;font-size:13px}.is-active .pbd-name[data-v-8de05fe2]{color:#2b1f99;font-weight:600}