.demo-readonly-banner{position:sticky;top:56px;z-index:30;margin-left:74px;padding:9px 20px;border-bottom:1px solid #c9deea;background:#eaf3f8;color:#24465c;font-size:14px;text-align:center}.main-app-header--demo .main-app-header-item{width:33.333%;min-width:0}.main-app-header--demo .demo-readonly-banner{position:static;margin:0;padding:0 8px;border:0;background:transparent;font-size:15px;font-weight:700;line-height:1.3;white-space:nowrap}:root[data-bs-theme=dark] .main-app-header--demo .demo-readonly-banner{color:#eaf3f8}@media (max-width: 767px){.main-app-header--demo .demo-readonly-banner__details{display:none}}@media (max-width: 767px){.demo-readonly-banner{margin-left:0}}:root{--notification-bg: rgba(255, 255, 255, .98);--notification-text: #0f172a;--notification-border: #e2e8f0;--notification-overlay: rgba(0, 0, 0, .4)}:root[data-bs-theme=dark]{--notification-bg: var(--theme-surface-a10);--notification-text: var(--text-main);--notification-border: var(--bs-border-color)}.todo-notification-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999;font-family:var(--site-ui-font, "Montserrat", Arial, sans-serif)}.todo-notification-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--notification-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.todo-notification-container{position:relative;z-index:1;width:728px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;border-radius:14px;background:var(--notification-bg);box-shadow:0 18px 48px #142f3e29}.todo-notification-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--notification-border)}.todo-notification-title{display:flex;align-items:center;gap:10px;color:var(--notification-text);font-size:18px;font-weight:600}.todo-notification-title i{color:#2f759f;font-size:20px}.todo-notification-close{width:36px;height:36px}.todo-notification-slider{padding:24px;min-height:0;overflow-x:hidden;overflow-y:auto}.todo-notification-slider .swiper-wrapper{height:auto}.todo-notification-slider .swiper-slide{min-width:0;height:auto}.todo-notification-modal .todo_tasks__task{margin:0;animation:none;background:#fff;border:2px solid var(--task-accent, #2f759f);border-radius:12px;box-shadow:none}.todo-notification-modal .todo_tasks__task:hover{transform:none}.todo-notification-modal .todo_tasks__task-header{cursor:default;padding:15px;border-bottom:1px solid var(--todo-task-border)}.todo-notification-modal .todo_tasks__task-header,.todo-notification-modal .todo_tasks__task-body{background:#fff}.todo-notification-modal .todo_tasks__task-title{font-size:15px;font-weight:650}.todo-notification-modal .todo_tasks__task-body{padding:10px}.todo-notification-modal .todo_tasks__task-description{overflow-wrap:anywhere}.todo-notification-modal .todo_tasks__task_footer{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px}.todo-notification-modal .todo_tasks__task-date{flex:0 0 auto;margin-left:auto;padding:3px 10px;border-radius:40px;background:var(--todo-task-date-bg);color:var(--todo-task-date-color);font-size:11px;font-weight:600;white-space:nowrap}body:has(.todo-notification-modal) .swal2-container{z-index:10001}.todo-notification-slider .swiper-navigation{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.todo-notification-slider :is(.swiper-button-prev,.swiper-button-next){position:relative;top:auto;right:auto;bottom:auto;left:auto;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;border:1px solid var(--notification-border);border-radius:8px;background:var(--notification-bg);color:var(--notification-text);cursor:pointer}.todo-notification-slider :is(.swiper-button-prev,.swiper-button-next):after{display:none}.todo-notification-slider :is(.swiper-button-prev,.swiper-button-next):hover{border-color:#2f759f;color:#2f759f}.todo-notification-slider .swiper-button-disabled{opacity:.4;cursor:default}@media (max-width: 640px){.todo-notification-header{padding:16px 20px}.todo-notification-slider{padding:16px}}