.notification-page[data-v-350fb7f1]{color:#182230;max-width:1280px;margin:0 auto;padding:24px}.notification-hero[data-v-350fb7f1]{color:#fff;background:linear-gradient(120deg,#1d3a63,#2f6cb0 72%,#4f9ee0);border-radius:18px;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px;display:flex;box-shadow:0 12px 30px #18487b29}.eyebrow[data-v-350fb7f1]{color:#aed8ff;letter-spacing:.14em;font-size:11px;font-weight:700}.notification-hero h2[data-v-350fb7f1]{margin:5px 0 7px;font-size:26px}.notification-hero p[data-v-350fb7f1]{color:#d6eafe;max-width:760px;margin:0;font-size:13px;line-height:1.7}.hero-side[data-v-350fb7f1]{flex-direction:column;gap:8px;display:flex}.notification-tabs[data-v-350fb7f1]{flex-wrap:wrap;align-items:center;gap:14px;margin:18px 0 14px;display:flex}.tab-hint[data-v-350fb7f1]{color:#8b9aad;font-size:12px}.notification-list[data-v-350fb7f1],.created-list[data-v-350fb7f1]{gap:12px;display:grid}.recipient-chips[data-v-350fb7f1]{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.recipient-chip[data-v-350fb7f1]{color:#5b7391;background:#f2f6fb;border-radius:10px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;display:inline-flex}.recipient-chip.read[data-v-350fb7f1]{color:#3f7a58;background:#eef7f1}.recipient-chip.handled[data-v-350fb7f1]{color:#2f6b4a;background:#e9f5ee;font-weight:600}.recipient-chip small[data-v-350fb7f1]{color:#93a2b4;font-size:10px}.compose-hint[data-v-350fb7f1]{color:#93a2b4;margin-top:6px;font-size:11px;line-height:1.6;display:block}.notification-card[data-v-350fb7f1]{background:#fff;border:1px solid #e5ecf5;border-left:4px solid #5b85e9;border-radius:12px;padding:15px 18px;box-shadow:0 4px 14px #1e36560d}.notification-card.archived[data-v-350fb7f1]{background:#fbfcfe;border-left-color:#b9c4d2}.notification-card.later[data-v-350fb7f1]{border-left-color:#e0a13c}.notification-card header[data-v-350fb7f1]{justify-content:space-between;align-items:center;gap:12px;display:flex}.notification-card__head[data-v-350fb7f1]{align-items:center;gap:9px;min-width:0;display:flex}.notification-card__head b[data-v-350fb7f1]{color:#243d5e;font-size:15px}.notification-card__time[data-v-350fb7f1]{color:#96a3b4;flex:none;font-size:11px}.notification-card__content[data-v-350fb7f1]{color:#5d6f85;margin:9px 0 0;font-size:13px;line-height:1.7}.notification-card__meta[data-v-350fb7f1]{color:#7f8fa3;flex-wrap:wrap;gap:6px 16px;margin-top:9px;font-size:11px;display:flex}.notification-card__actions[data-v-350fb7f1]{border-top:1px dashed #eaeff6;align-items:center;gap:8px;margin-top:12px;padding-top:11px;display:flex}.notification-settings[data-v-350fb7f1]{margin-top:26px}.notification-settings>header[data-v-350fb7f1]{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.notification-settings h3[data-v-350fb7f1]{color:#243d5e;margin:0 0 5px;font-size:17px}.notification-settings p[data-v-350fb7f1]{color:#8b9aad;margin:0;font-size:12px}.rule-card[data-v-350fb7f1]{background:#fff;border:1px solid #e5ecf5;border-radius:12px;margin-bottom:12px;padding:15px 18px}.rule-card__head[data-v-350fb7f1]{justify-content:space-between;align-items:center;gap:14px;display:flex}.rule-card__head b[data-v-350fb7f1]{color:#2c476a;font-size:14px;display:block}.rule-card__head small[data-v-350fb7f1]{color:#8b9aad;font-size:11px}.rule-card__body[data-v-350fb7f1]{grid-template-columns:200px 1fr;gap:18px;margin-top:14px;display:grid}.rule-field[data-v-350fb7f1]{flex-direction:column;gap:7px;display:flex}.rule-field>span[data-v-350fb7f1]{color:#6e7c90;font-size:12px;font-weight:600}.rule-field small[data-v-350fb7f1]{color:#94a2b4;font-size:11px;line-height:1.5}@media (width<=900px){.notification-hero[data-v-350fb7f1]{flex-direction:column}.hero-side[data-v-350fb7f1]{flex-flow:wrap}.rule-card__body[data-v-350fb7f1]{grid-template-columns:1fr}}