:root{--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--accent:#2fd9c4;--accent-strong:#1fb8a6;--accent-secondary:#7c8fff;--accent-secondary-strong:#6273e8;--priority-low:#34d399;--priority-medium:#f5b544;--priority-high:#fb7185;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-glass:0 8px 32px #141e3c1f;--shadow-glass-strong:0 16px 48px #141e3c2e;--sidebar-width:260px;--sidebar-width-collapsed:84px;--transition-fast:.16s ease;--transition-medium:.28s cubic-bezier(.22, 1, .36, 1)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-mesh-1:#dce9fa;--bg-mesh-2:#f3e8fb;--bg-mesh-3:#e3f7f2;--bg-base:#eef3fb;--glass-surface:#ffffff8c;--glass-surface-strong:#ffffffbf;--glass-border:#fff9;--glass-highlight:#ffffffe6;--ink:#10151f;--ink-soft:#4b5566;--ink-faint:#8992a3;--divider:#10151f14;--input-bg:#fff9;--input-border:#10151f1f;--danger:#e0405c;--success:#1fa971}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-mesh-1:#1c2440;--bg-mesh-2:#2a1f45;--bg-mesh-3:#12312e;--bg-base:#0b1220;--glass-surface:#ffffff0f;--glass-surface-strong:#ffffff1a;--glass-border:#ffffff1f;--glass-highlight:#ffffff2e;--ink:#eef2f9;--ink-soft:#a6b0c3;--ink-faint:#6b7488;--divider:#ffffff14;--input-bg:#ffffff0d;--input-border:#ffffff24;--danger:#ff6b81;--success:#3ddc97}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg-base);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}.mesh-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.mesh-blob{filter:blur(80px);opacity:.65;will-change:transform;border-radius:50%;position:absolute}[data-theme=dark] .mesh-blob{opacity:.45}.mesh-blob.b1{background:var(--bg-mesh-1);width:560px;height:560px;animation:26s ease-in-out infinite alternate drift1;top:-160px;left:-120px}.mesh-blob.b2{background:var(--bg-mesh-2);width:480px;height:480px;animation:32s ease-in-out infinite alternate drift2;bottom:-140px;right:-100px}.mesh-blob.b3{background:var(--bg-mesh-3);width:420px;height:420px;animation:22s ease-in-out infinite alternate drift3;bottom:10%;left:20%}@keyframes drift1{0%{transform:translate(0)scale(1)}to{transform:translate(60px,40px)scale(1.08)}}@keyframes drift2{0%{transform:translate(0)scale(1)}to{transform:translate(-50px,-30px)scale(1.05)}}@keyframes drift3{0%{transform:translate(0)scale(1)}to{transform:translate(30px,-50px)scale(.95)}}@media (prefers-reduced-motion:reduce){.mesh-blob{animation:none!important}*{scroll-behavior:auto!important}}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0}p{margin:0}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::selection{background:var(--accent);color:#06231f}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.glass-panel{background:var(--glass-surface);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);position:relative}.glass-panel:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--glass-highlight), transparent 40%);-webkit-mask-composite:xor;pointer-events:none;opacity:.6;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-panel-strong{background:var(--glass-surface-strong);-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass-strong)}.glass-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--ink);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);width:100%;padding:10px 14px;font-size:14px}.glass-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2fd9c42e}.glass-input::placeholder{color:var(--ink-faint)}.btn{border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:var(--font-body);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));color:#06231f;box-shadow:0 4px 16px #2fd9c459}.btn-primary:hover:not(:disabled){box-shadow:0 6px 22px #2fd9c473}.btn-ghost{background:var(--glass-surface);color:var(--ink);border:1px solid var(--glass-border)}.btn-ghost:hover{background:var(--glass-surface-strong)}.btn-danger{color:var(--danger);background:#e0405c1f;border:1px solid #e0405c40}.btn-danger:hover{background:#e0405c33}.btn-icon{color:var(--ink-soft);background:0 0;border:1px solid #0000;border-radius:10px;padding:8px}.btn-icon:hover{background:var(--glass-surface-strong);color:var(--ink)}.badge{font-size:11px;font-weight:600;font-family:var(--font-mono);letter-spacing:.02em;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.badge-low{color:var(--priority-low);background:#34d39926}.badge-medium{color:var(--priority-medium);background:#f5b54429}.badge-high{color:var(--priority-high);background:#fb718529}.badge-overdue{color:var(--danger);background:#e0405c29}.badge-neutral{background:var(--glass-surface-strong);color:var(--ink-soft)}.sidebar{width:calc(var(--sidebar-width) - 16px);transition:width var(--transition-medium);z-index:20;flex-direction:column;gap:20px;padding:20px 14px;display:flex;position:fixed;top:16px;bottom:16px;left:16px}.sidebar-collapsed{width:calc(var(--sidebar-width-collapsed) - 16px);align-items:center;padding-left:8px;padding-right:8px}.sidebar-collapse-btn{background:var(--glass-surface-strong);border:1px solid var(--glass-border);width:26px;height:26px;color:var(--ink-soft);box-shadow:var(--shadow-glass);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.sidebar-collapse-btn:hover{color:var(--ink)}.sidebar-collapse-btn svg{width:14px;height:14px}.sidebar-top{border-bottom:1px solid var(--divider);justify-content:center;width:100%;padding-bottom:16px;display:flex;overflow:hidden}.clock{font-family:var(--font-mono);text-align:center;min-width:0}.clock-time{color:var(--ink);letter-spacing:.02em;transition:font-size var(--transition-medium);white-space:nowrap;font-size:24px;font-weight:600}.clock-collapsed .clock-time{font-size:15px}.clock-date{color:var(--ink-faint);text-transform:capitalize;margin-top:2px;font-size:11px}.sidebar-middle{flex-direction:column;flex:1;gap:16px;width:100%;display:flex}.sidebar-new-task{justify-content:flex-start;width:100%;padding:12px 14px}.sidebar-collapsed .sidebar-new-task,.sidebar-collapsed .sidebar-nav-item{justify-content:center;width:44px;height:44px;margin:0 auto;padding:0}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-nav-item{border-radius:var(--radius-sm);width:100%;color:var(--ink-soft);transition:background var(--transition-fast), color var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;display:flex}.sidebar-nav-item:hover{background:var(--glass-surface-strong);color:var(--ink)}.sidebar-nav-item.active{color:var(--ink);background:linear-gradient(135deg,#2fd9c42e,#7c8fff24);box-shadow:inset 0 0 0 1px #2fd9c44d}.sidebar-nav-item svg{flex-shrink:0}.sidebar-bottom{border-top:1px solid var(--divider);flex-direction:column;gap:4px;width:100%;padding-top:12px;display:flex}.sidebar-logout:hover{color:var(--danger);background:#e0405c1f}.app-shell{z-index:1;min-height:100vh;padding-left:calc(var(--sidebar-width) + 16px);transition:padding-left var(--transition-medium);position:relative}.app-shell.shell-collapsed{padding-left:calc(var(--sidebar-width-collapsed) + 16px)}.main-content{width:100%;max-width:1400px;margin:0 auto;padding:32px 32px 40px}.mobile-tabbar{display:none}@media (width<=768px){.sidebar{display:none}.mobile-tabbar{display:flex}.app-shell,.app-shell.shell-collapsed{padding-top:0;padding-bottom:88px;padding-left:0}.main-content{max-width:100%;padding:20px 16px 24px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:fadeIn var(--transition-fast) ease;background:#080c1859;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{width:100%;max-width:480px;max-height:90vh;animation:modalIn var(--transition-medium);padding:24px;overflow-y:auto}.modal-wide{max-width:720px}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{font-size:19px}.task-form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;flex:1;gap:6px;display:flex}.field>span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.field-row{gap:12px;display:flex}textarea.glass-input{resize:vertical;min-height:60px}.reminder-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.reminder-option{text-align:left;border-radius:var(--radius-sm);background:var(--input-bg);border:1px solid var(--input-border);transition:border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.reminder-option:hover{border-color:var(--accent)}.reminder-option.active{border-color:var(--accent);background:#2fd9c41a}.reminder-option-label{color:var(--ink);font-size:13px;font-weight:600}.reminder-option-hint{color:var(--ink-faint);font-size:11px}.form-error{color:var(--danger);border-radius:var(--radius-sm);background:#e0405c1a;padding:8px 12px;font-size:13px}.advance-options{flex-wrap:wrap;gap:8px;display:flex}.advance-option{background:var(--input-bg);border:1px solid var(--input-border);color:var(--ink-soft);border-radius:20px;padding:8px 14px;font-size:13px;font-weight:500}.advance-option:hover:not(:disabled){border-color:var(--accent)}.advance-option.active{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));color:#06231f;border-color:#0000;font-weight:600}.advance-option:disabled{opacity:.4;cursor:not-allowed}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}@media (width<=520px){.field-row{flex-direction:column}.reminder-options{grid-template-columns:1fr}}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-header h3{text-transform:capitalize;font-size:18px}.calendar-nav{align-items:center;gap:6px;display:flex}.calendar-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:6px;display:grid}.calendar-weekdays span{text-align:center;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.03em;padding-bottom:4px;font-size:11px;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{height:64px;color:var(--ink-soft);transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:13px;display:flex;position:relative}.calendar-day:hover{background:var(--glass-surface-strong)}.calendar-day-outside{color:var(--ink-faint);opacity:.4}.calendar-day-today .calendar-day-number{color:var(--accent-strong);font-weight:700}.calendar-day-today{border-color:#2fd9c466}.calendar-day-selected{border-color:var(--accent);background:linear-gradient(135deg,#2fd9c42e,#7c8fff24)}.calendar-day-dots{align-items:center;gap:3px;display:flex}.calendar-dot{border-radius:50%;width:5px;height:5px}.dot-low{background:var(--priority-low)}.dot-medium{background:var(--priority-medium)}.dot-high{background:var(--priority-high)}.dot-done{background:var(--ink-faint)}.calendar-dot-more{color:var(--ink-faint);font-size:9px;font-family:var(--font-mono)}.calendar-day-flag{background:var(--priority-high);width:6px;height:6px;box-shadow:0 0 6px var(--priority-high);border-radius:50%;position:absolute;top:6px;right:8px}@media (width<=520px){.calendar-day{font-size:11px}.calendar-day-number{font-size:12px}}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.page-header h1{font-size:26px}.page-subtitle{color:var(--ink-soft);margin-top:4px;font-size:13px}.stat-chips{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.stat-chip{flex-direction:column;gap:2px;min-width:120px;padding:14px 18px;display:flex}.stat-chip-value{font-family:var(--font-mono);font-size:24px;font-weight:600}.stat-chip-label{color:var(--ink-soft);font-size:11px}.stat-chip-danger .stat-chip-value{color:var(--danger)}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:20px;display:grid}.dashboard-calendar-card,.dashboard-side-card,.upcoming-card{padding:22px}.side-card-title{text-transform:capitalize;margin-bottom:14px;font-size:15px}.empty-hint{color:var(--ink-faint);padding:12px 0;font-size:13px}.task-list-compact{flex-direction:column;display:flex}.task-row{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 4px;display:flex}.task-list-compact .task-row:last-child{border-bottom:none}.task-row-done{opacity:.5}.task-row-done .task-row-title{text-decoration:line-through}.task-row-main{flex:1;min-width:0}.task-row-title{font-size:14px;font-weight:600}.task-row-desc{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.task-row-meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.task-row-actions{flex-shrink:0;gap:2px;display:flex}.list-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.filter-tabs{gap:4px;display:flex}.filter-tab{border-radius:var(--radius-sm);color:var(--ink-soft);background:0 0;border:none;padding:7px 14px;font-size:13px;font-weight:500}.filter-tab:hover{background:var(--glass-surface-strong)}.filter-tab.active{color:var(--ink);background:linear-gradient(135deg,#2fd9c42e,#7c8fff24);box-shadow:inset 0 0 0 1px #2fd9c44d}.sort-control{align-items:center;gap:6px;display:flex}.sort-select{width:auto;min-width:160px}.task-list-panel{padding:8px 20px}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-section{padding:22px}.settings-section-header{align-items:center;gap:12px;margin-bottom:18px;display:flex}.settings-section-body{flex-direction:column;gap:14px;display:flex}.settings-section-icon{width:38px;height:38px;color:var(--accent-strong);background:linear-gradient(135deg,#2fd9c42e,#7c8fff24);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-section h3{font-size:16px}.theme-switcher{gap:10px;display:flex}.theme-option{border-radius:var(--radius-sm);background:var(--input-bg);border:1px solid var(--input-border);color:var(--ink-soft);flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:600;display:flex}.theme-option.active{border-color:var(--accent);color:var(--ink);background:#2fd9c41a}.settings-note{color:var(--ink-faint);background:var(--input-bg);border-radius:var(--radius-sm);padding:8px 12px;font-size:12px}.settings-note-ok{color:var(--success);background:#1fa9711a}.settings-note code,.telegram-status code{font-family:var(--font-mono);background:var(--glass-surface-strong);border-radius:4px;padding:1px 6px}.telegram-status-group{flex-direction:column;gap:8px;display:flex}.telegram-status{border-radius:var(--radius-sm);box-sizing:border-box;border:1px solid #0000;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.telegram-status.ok{color:var(--success);background:#1fa9711a}.telegram-status.ok svg{flex-shrink:0;width:16px;height:16px}.telegram-status.warn{color:var(--priority-medium);background:#f5b54424}.telegram-status-info{background:var(--glass-surface);color:var(--ink-soft);border:1px solid var(--accent)}.login-screen{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.login-card{z-index:1;flex-direction:column;gap:18px;width:100%;max-width:360px;padding:36px 32px;display:flex;position:relative}.login-title{text-align:center;margin-bottom:4px;font-size:22px}.login-submit{width:100%;margin-top:6px;padding:12px}.theme-toggle-floating{z-index:2;background:var(--glass-surface-strong);border:1px solid var(--glass-border);position:absolute;top:24px;right:24px}@media (width<=768px){.dashboard-grid,.settings-grid{grid-template-columns:1fr}}.mobile-tabbar{z-index:30;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));border-bottom:none;border-left:none;border-right:none;border-radius:0;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0}.mobile-tab{color:var(--ink-faint);background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;max-width:76px;padding:6px 10px;font-size:10px;font-weight:600;display:flex}.mobile-tab.active{color:var(--accent-strong)}.mobile-tab:active{background:var(--glass-surface-strong)}.mobile-tab-fab{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));color:#06231f;width:52px;height:52px;transition:transform var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:-26px;display:flex;box-shadow:0 6px 20px #2fd9c473}.mobile-tab-fab:active{transform:scale(.94)}.mobile-tab-fab svg{width:24px;height:24px}@media (width<=768px){.btn-icon{justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.stat-chips{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-chip{min-width:0}.stat-chip:last-child{grid-column:1/-1}.login-screen{padding:20px}.login-card{width:100%;max-width:380px;padding:28px 22px}.glass-panel,.glass-panel-strong{border-radius:var(--radius-md)}.settings-section,.dashboard-calendar-card,.dashboard-side-card,.upcoming-card,.task-list-panel{padding:16px}}@media (width>=769px){.mobile-tabbar{display:none!important}}.habits-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.habit-card{transition:border-color var(--transition-medium), box-shadow var(--transition-medium);border:1px solid #0000;flex-direction:column;gap:14px;padding:20px;display:flex}.habit-card-done{border-color:var(--accent);box-shadow:0 0 0 1px #2fd9c440, var(--shadow-glass)}.habit-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.habit-card-title{margin-bottom:6px;font-size:15px;font-weight:600}.habit-card-streaks{gap:20px;display:flex}.habit-streak{align-items:baseline;gap:6px;display:flex}.habit-flame{color:var(--priority-high);width:18px;height:18px}.habit-streak-value{font-family:var(--font-mono);font-size:20px;font-weight:700}.habit-streak-muted .habit-streak-value{color:var(--ink-soft);font-size:16px}.habit-streak-label{color:var(--ink-faint);font-size:11px}.habit-week{grid-template-columns:repeat(7,1fr);gap:4px;min-width:0;display:grid}.habit-week-day{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.habit-week-label{color:var(--ink-faint);text-transform:uppercase;font-size:10px}.habit-week-cell{aspect-ratio:1;background:var(--input-bg);border:1px solid var(--input-border);box-sizing:border-box;border-radius:7px;width:100%}.habit-week-cell.pending{background:var(--input-bg);border:1px dashed var(--input-border)}.habit-week-cell.inactive{border:1px dashed var(--divider);opacity:.4;background:0 0}.habit-week-cell.done{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));border-color:#0000}.habit-week-cell.is-today{box-shadow:0 0 0 2px var(--accent-secondary)}.habit-toggle-btn{justify-content:center;width:100%}.habit-toggle-done{background:var(--glass-surface);color:var(--ink-soft);border:1px solid var(--glass-border)}.habit-toggle-done:hover{background:var(--glass-surface-strong)}.weekday-picker{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.weekday-btn{aspect-ratio:1;background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--ink-soft);border-radius:12px;font-size:12px;font-weight:600}.weekday-btn.active{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));color:#06231f;border-color:#0000}@media (width<=768px){.habits-grid{grid-template-columns:1fr}.habit-week-label{font-size:9px}}