.cm-notification-widget{position:relative}.cm-notification-button{align-items:center;background:color-mix(in srgb,var(--cm-surface,#fff) 92%,#46bbbb 8%);border:1px solid color-mix(in srgb,#46bbbb 24%,#0000);border-radius:999px;display:inline-flex;gap:7px;height:42px;justify-content:center;min-width:42px;padding:0 13px;position:relative;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.cm-notification-button:focus-visible,.cm-notification-button:hover{background:color-mix(in srgb,var(--cm-surface,#fff) 86%,#46bbbb 14%);border-color:color-mix(in srgb,#46bbbb 40%,#0000);outline:none;transform:translateY(-1px)}.cm-notification-status{border-radius:999px;display:inline-block;height:13px;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease;width:13px}.cm-notification-status.is-calm{background:#8ea9b0;box-shadow:0 0 0 5px #8ea9b02e}.cm-notification-status.has-notifications{animation:cmNotificationPulse 2.8s ease-in-out infinite;background:#1fd1c2;box-shadow:0 0 0 5px #1fd1c233,0 0 18px #1fd1c2d9}@keyframes cmNotificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.cm-notification-panel{background:var(--cm-surface,#fff);border:1px solid color-mix(in srgb,#46bbbb 22%,#0000);border-radius:20px;box-shadow:0 20px 50px #0000001f;opacity:0;padding:12px;pointer-events:none;position:absolute;right:0;top:calc(100% + 10px);transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;width:min(340px,90vw);z-index:100}.cm-notification-panel:before{content:"";height:10px;left:0;position:absolute;right:0;top:-10px}.cm-notification-widget:focus-within .cm-notification-panel,.cm-notification-widget:hover .cm-notification-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.cm-notification-panel__header{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:4px 4px 10px}.cm-notification-panel__header p{font-weight:700;margin:0}.cm-notification-panel__header a{color:#278d8d;font-size:.85rem;text-decoration:none}.cm-notification-panel__header a:hover{text-decoration:underline}.cm-notification-empty{background:color-mix(in srgb,#46bbbb 8%,#0000);border-radius:14px;font-size:.95rem;margin:0;padding:14px}.cm-notification-item{border-radius:14px;color:inherit;display:flex;gap:10px;padding:12px;text-decoration:none;transition:background-color .16s ease}.cm-notification-item:focus-visible,.cm-notification-item:hover{background:color-mix(in srgb,#46bbbb 10%,#0000);outline:none}.cm-notification-item strong{display:block;font-size:.95rem}.cm-notification-item small{display:block;line-height:1.35;margin-top:3px;opacity:.75}.cm-notification-dot{background:#1fd1c2;border-radius:999px;box-shadow:0 0 10px #1fd1c28c;flex:0 0 auto;height:8px;margin-top:7px;width:8px}.cm-notification-item.is-read .cm-notification-dot{background:#0000;box-shadow:none}.cm-notif-filters,.cm-notif-types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.cm-notif-types{margin-bottom:12px}.cm-notif-sort{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.cm-notif-sort__label{color:var(--cm-muted,#6b7280);font-size:.82rem;font-weight:600;letter-spacing:.04em;margin-right:2px;text-transform:uppercase}.cm-notif-sort__btn{align-items:center;background:color-mix(in srgb,currentColor 6%,#0000);border:1px solid color-mix(in srgb,currentcolor 15%,#0000);border-radius:999px;color:inherit;display:inline-flex;font-size:.85rem;font-weight:500;gap:4px;padding:5px 12px;text-decoration:none;transition:background-color .16s ease,border-color .16s ease}.cm-notif-sort__btn:hover{background:color-mix(in srgb,#46bbbb 12%,#0000);border-color:color-mix(in srgb,#46bbbb 30%,#0000)}.cm-notif-sort__btn.is-active{background:color-mix(in srgb,#46bbbb 15%,#0000);border-color:#46bbbb;color:#147c78;font-weight:600}html[data-mode=dark] .cm-notif-sort__btn.is-active{background:color-mix(in srgb,#1fd1c2 12%,#0000);border-color:#1fd1c2;color:#1fd1c2}.cm-notif-sort__arrow{font-size:.8rem;opacity:.8}.cm-notif-filter-chip,.cm-notif-type-chip{align-items:center;background:color-mix(in srgb,#46bbbb 8%,#0000);border:1px solid color-mix(in srgb,#46bbbb 20%,#0000);border-radius:999px;color:inherit;display:inline-flex;font-size:.88rem;font-weight:500;gap:5px;padding:6px 14px;text-decoration:none;transition:background-color .16s ease,border-color .16s ease}.cm-notif-filter-chip:hover,.cm-notif-type-chip:hover{background:color-mix(in srgb,#46bbbb 15%,#0000);border-color:color-mix(in srgb,#46bbbb 35%,#0000)}.cm-notif-filter-chip.is-active,.cm-notif-type-chip.is-active{background:#1fd1c2;border-color:#1fd1c2;color:#fff;font-weight:600}.cm-notif-type-badge{background:color-mix(in srgb,#46bbbb 12%,#0000);border-radius:999px;color:#147c78;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:4px;padding:2px 9px}.cm-notif-type-badge--community{background:color-mix(in srgb,#7c6bbb 12%,#0000);color:#4a3d8f}.cm-notif-type-badge--lesson{background:color-mix(in srgb,#46bbbb 12%,#0000);color:#147c78}.cm-notif-type-badge--feedback{background:color-mix(in srgb,#bb8846 12%,#0000);color:#7a5520}.cm-notif-type-badge--reminder{background:color-mix(in srgb,#bb4646 12%,#0000);color:#8f2020}.cm-notif-type-badge--system{background:color-mix(in srgb,#8ea9b0 12%,#0000);color:#3d6070}.cm-notif-type-badge--badge{background:color-mix(in srgb,#f5a623 12%,#0000);color:#8a5a10}.cm-notifications-page{margin:0 auto;max-width:840px;padding:48px 20px}.cm-notifications-card{background:var(--cm-surface,#fff);border:1px solid color-mix(in srgb,#46bbbb 18%,#0000);border-radius:28px;padding:28px}.cm-notifications-card h1{margin:0 0 8px}.cm-muted{margin-bottom:24px;opacity:.75}.cm-notif-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.cm-notif-markall{flex:0 0 auto;margin:0}.cm-notif-markall__btn{align-items:center;background:#1fd1c2;border:1px solid #1fd1c2;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:6px;padding:9px 18px;transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease}.cm-notif-markall__btn:focus-visible,.cm-notif-markall__btn:hover{background:#17b3a6;box-shadow:0 6px 16px #1fd1c24d;outline:none;transform:translateY(-1px)}.cm-notifications-list{display:grid;gap:10px}.cm-notification-row{background:color-mix(in srgb,#46bbbb 6%,#0000);border-radius:18px;color:inherit;display:block;padding:16px;text-decoration:none;transition:background-color .16s ease,transform .16s ease}.cm-notification-row:focus-visible,.cm-notification-row:hover{background:color-mix(in srgb,#46bbbb 11%,#0000);outline:none;transform:translateY(-1px)}.cm-notification-row.is-unread{border-left:4px solid #1fd1c2}.cm-notification-row p{margin:6px 0;opacity:.82}.cm-notification-row small{opacity:.65}.cm-notification-count{color:#147c78;font-size:.78rem;font-weight:700;line-height:1}.cm-notif-pagination{align-items:center;border-top:1px solid color-mix(in srgb,#46bbbb 15%,#0000);display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:32px;padding-top:24px}.cm-notif-pagination__nav{align-items:center;background:color-mix(in srgb,#46bbbb 8%,#0000);border:1px solid color-mix(in srgb,#46bbbb 22%,#0000);border-radius:999px;color:#278d8d;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:7px 16px;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.cm-notif-pagination__nav:focus-visible,.cm-notif-pagination__nav:hover{background:color-mix(in srgb,#46bbbb 16%,#0000);border-color:color-mix(in srgb,#46bbbb 40%,#0000);outline:none;transform:translateY(-1px)}.cm-notif-pagination__pages{align-items:center;display:flex;gap:4px}.cm-notif-pagination__page{align-items:center;border:1.5px solid #0000;border-radius:50%;color:#278d8d;display:inline-flex;font-size:.85rem;font-weight:600;height:34px;justify-content:center;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,transform .14s ease;width:34px}.cm-notif-pagination__page:focus-visible,.cm-notif-pagination__page:hover{background:color-mix(in srgb,#46bbbb 10%,#0000);border-color:color-mix(in srgb,#46bbbb 30%,#0000);outline:none;transform:translateY(-1px)}.cm-notif-pagination__page--active{background:#1fd1c2;border-color:#1fd1c2;box-shadow:0 4px 14px #1fd1c259;color:#fff;font-weight:700;pointer-events:none}.cm-notif-pagination__ellipsis{align-items:center;color:#8ea9b0;display:inline-flex;font-size:.85rem;height:34px;justify-content:center;width:34px}@media (prefers-reduced-motion:reduce){.cm-notification-status.has-notifications{animation:none}.cm-notif-markall__btn,.cm-notification-button,.cm-notification-item,.cm-notification-panel,.cm-notification-row{transition:none}}