@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono&display=swap);@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;font-family:Inter,system-ui,sans-serif;margin:0;padding:0}body{background:#f1f5f9;color:#1e293b}.app{display:flex;height:100vh;overflow:hidden}.sidebar{background:#1e293b;color:#fff;display:flex;flex-direction:column;flex-shrink:0;gap:6px;overflow-y:auto;padding:20px 14px;width:240px}.sidebar-top{align-items:center;display:flex;gap:10px;margin-bottom:16px;padding:0 4px}.sidebar-logo{font-size:22px}.sidebar h2{color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:-.3px}.add-btn{background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-bottom:8px;padding:10px 14px;text-align:left;transition:background .2s;width:100%}.add-btn:hover{background:#2563eb}.nav{display:flex;flex:1 1;flex-direction:column;gap:2px;list-style:none}.nav li{align-items:center;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:.88rem;justify-content:space-between;padding:9px 12px;transition:all .2s}.nav li:hover{background:#334155;color:#fff}.nav li.active{background:#3b82f6;color:#fff}.nav-label{align-items:center;display:flex;gap:8px}.badge{background:#ef4444;border-radius:999px;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px}.sidebar-bottom{display:flex;flex-direction:column;gap:6px;margin-top:8px}.dark-toggle{background:#0000;border:1px solid #334155;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:.85rem;padding:9px;transition:all .2s;width:100%}.dark-toggle:hover{background:#334155;color:#fff}.logout-btn{background:#0000;border:1px solid #334155;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:.85rem;margin-top:0;padding:9px;transition:all .2s;width:100%}.logout-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.telegram-section{display:flex;flex-direction:column;gap:6px;margin:6px 0}.telegram-btn{background:#08c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;padding:9px;transition:background .2s;width:100%}.telegram-btn:hover{background:#006da8}.telegram-connected{background:#dcfce7;border-radius:8px;color:#15803d;font-size:.82rem;font-weight:600;padding:9px;text-align:center}.telegram-setup{background:#0f172a;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:10px}.setup-steps p,.telegram-setup small{color:#94a3b8;font-size:.75rem}.setup-steps p{line-height:1.8}.setup-steps b{color:#38bdf8}.code-box{align-items:center;background:#1e293b;border:1px solid #3b82f6;border-radius:8px;display:flex;justify-content:space-between;padding:8px 10px}.code-box span{color:#38bdf8;font-family:DM Mono,monospace;font-size:.95rem;font-weight:700;letter-spacing:1px}.copy-btn{background:#0000;border:none;cursor:pointer;font-size:1rem;margin:0;padding:0;width:auto}.waiting{color:#f59e0b!important;font-size:.72rem!important}.check-btn{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.82rem;padding:7px;width:100%}.check-btn:hover{background:#16a34a}.main{background:#f1f5f9;flex:1 1;overflow-y:auto;padding:28px 32px}.main h1{color:#1e293b;font-size:1.6rem;font-weight:700;letter-spacing:-.5px;margin-bottom:16px}.overdue-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.88rem;font-weight:500;margin-bottom:14px;padding:10px 14px}.loading{color:#94a3b8;font-size:.95rem;margin-top:20px}.task-list{display:flex;flex-direction:column;gap:8px;line-height:1.6;list-style:none}.empty-state{color:#94a3b8;margin-top:60px;text-align:center}.empty-state p{font-size:1.3rem;margin-bottom:6px}.task-item{align-items:center;background:#fff;border-left:3px solid #0000;border-radius:10px;box-shadow:0 1px 3px #0000000f;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:box-shadow .2s,transform .1s}.task-item:hover{box-shadow:0 4px 12px #00000017;transform:translateY(-1px)}.task-item.overdue{background:#fff8f8;border-left-color:#ef4444}.task-item.done{opacity:.4}.task-item input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;height:16px;width:16px}.task-body{flex:1 1;min-width:0}.task-title{color:#1e293b;font-size:.92rem;font-weight:500;line-height:1.6}.done .task-title{color:#94a3b8;text-decoration:none}.task-desc{color:#64748b;font-size:.78rem;margin-top:2px}.task-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.task-meta span{color:#94a3b8;font-size:.72rem}.overdue-tag{background:#ef4444;border-radius:999px;color:#fff!important;font-size:.68rem!important;font-weight:600;padding:1px 7px}.task-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.priority-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.delete-btn{background:#0000;border:none;border-radius:6px;color:#cbd5e1;cursor:pointer;font-size:.9rem;margin:0;padding:4px 6px;transition:all .2s;width:auto}.delete-btn:hover{background:#fee2e2;color:#ef4444}.fab{align-items:center;background:#3b82f6;border:none;border-radius:50%;bottom:28px;box-shadow:0 4px 16px #3b82f666;color:#fff;cursor:pointer;display:flex;font-size:26px;height:52px;justify-content:center;position:fixed;right:28px;transition:transform .2s,box-shadow .2s;width:52px}.fab:hover{box-shadow:0 6px 20px #3b82f680;transform:scale(1.1)}.modal-bg{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:100}.modal{animation:slideUp .2s ease;background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;gap:7px;max-width:420px;padding:24px;width:100%}.modal h3{font-size:1.1rem;font-weight:700;margin-bottom:6px}.modal label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.modal textarea{min-height:80px}.modal input,.modal select,.modal textarea{border:1.5px solid #e2e8f0;border-radius:8px;font-size:.9rem;outline:none;padding:9px 11px;transition:border-color .2s;width:100%}.modal input:focus{border-color:#3b82f6}.priority-picker{display:flex;gap:6px;margin-top:4px}.priority-opt{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;flex:1 1;font-size:.78rem;margin:0;padding:7px;text-transform:capitalize;transition:all .2s;width:auto}.priority-opt.selected.low{background:#f0fdf4;border-color:#22c55e;color:#15803d}.priority-opt.selected.medium{background:#fffbeb;border-color:#f59e0b;color:#b45309}.priority-opt.selected.high{background:#fef2f2;border-color:#ef4444;color:#b91c1c}.high-warning{color:#ef4444;font-size:.78rem}.modal-actions{display:flex;gap:8px;margin-top:10px}.cancel-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;margin:0;padding:9px;transition:all .2s;width:auto}.cancel-btn:hover{background:#f8fafc}.save-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:2 1;font-size:.9rem;font-weight:600;margin:0;padding:9px;transition:background .2s;width:auto}.save-btn:hover{background:#2563eb}.auth-page{align-items:center;background:linear-gradient(135deg,#1e293b,#3b82f6);display:flex;justify-content:center;min-height:100vh;padding:16px}.auth-card{background:#fff;border-radius:18px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;gap:10px;max-width:380px;padding:36px 32px;width:100%}.auth-logo{font-size:36px;text-align:center}.auth-card h2{color:#1e293b;font-size:1.4rem;font-weight:700;text-align:center}.auth-sub{color:#94a3b8;font-size:.88rem;margin-bottom:4px;text-align:center}.auth-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.82rem;padding:9px 12px}.auth-card input{border:1.5px solid #e2e8f0;border-radius:10px;font-size:.92rem;outline:none;padding:11px 13px;transition:border-color .2s;width:100%}.auth-card input:focus{border-color:#3b82f6}.auth-btn{background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:4px;padding:11px;transition:background .2s;width:100%}.auth-btn:hover{background:#2563eb}.auth-btn:disabled{background:#93c5fd;cursor:not-allowed}.auth-switch{color:#64748b;font-size:.85rem;text-align:center}.auth-switch span{color:#3b82f6;cursor:pointer;font-weight:600}.auth-switch span:hover{text-decoration:underline}.dark{color:#e2e8f0}.dark,.dark .main{background:#0f172a}.dark .main h1{color:#f1f5f9}.dark .task-item{background:#1e293b;box-shadow:0 1px 3px #0000004d}.dark .task-title{color:#f1f5f9}.dark .task-desc{color:#94a3b8}.dark .modal{background:#1e293b;color:#f1f5f9}.dark .modal input,.dark .modal textarea{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark .modal label{color:#94a3b8}.dark .cancel-btn{background:#334155;border-color:#475569;color:#f1f5f9}.dark .priority-opt{background:#0f172a;border-color:#334155;color:#94a3b8}.hamburger-btn{align-items:center;background:#1e293b;border:none;border-radius:10px;box-shadow:0 4px 14px #0003;color:#fff;cursor:pointer;display:none;font-size:20px;height:44px;justify-content:center;left:14px;position:fixed;top:14px;width:44px;z-index:300}.close-sidebar-btn{background:#0000;border:none;color:#94a3b8;cursor:pointer;display:none;font-size:1.2rem;margin-left:auto;padding:4px 8px}.sidebar-overlay{background:#00000080;inset:0;position:fixed;z-index:250}.sidebar-wrapper{display:flex}@media (min-width:769px){.close-sidebar-btn,.hamburger-btn,.sidebar-overlay{display:none!important}.sidebar-wrapper{left:0!important;position:static;width:auto}.sidebar-wrapper .sidebar{height:100vh;width:240px}}@media (max-width:768px){.hamburger-btn{display:flex}.app,.close-sidebar-btn{display:block}.app{min-height:100vh}.sidebar-wrapper{height:100vh;left:-100%;position:fixed;top:0;transition:left .3s ease;width:min(80vw,320px);z-index:260}.sidebar-wrapper.open{left:0}.sidebar-wrapper .sidebar{height:100vh;overflow-y:auto;padding-top:20px;width:min(80vw,320px)}.main{padding:70px 16px 16px;width:100%}.main h1{font-weight:600;letter-spacing:-.5px;line-height:1.3}.fab{bottom:16px;font-size:22px;height:48px;right:16px;width:48px}.modal{max-width:none;width:calc(100vw - 24px)}.modal-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}@media (max-width:480px){.sidebar-wrapper,.sidebar-wrapper .sidebar{width:85vw}.main{padding:70px 12px 12px}.task-item{flex-wrap:wrap}.task-right{justify-content:flex-end;margin-top:6px;width:100%}.task-meta{flex-direction:column;gap:4px}.auth-card{padding:24px 18px}}.sidebar-logo-img{border-radius:8px;height:32px;object-fit:cover;width:32px}.logged-in-user{background:#0f172a;border-radius:8px;gap:8px;margin:6px 0;padding:8px 10px}.logged-in-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:#3b82f6;border-radius:50%;color:#fff;flex-shrink:0;font-size:.8rem;font-weight:700;height:28px;justify-content:center;width:28px}.user-email-text{color:#94a3b8;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-btn{background:#1e3a5f;border:1px solid #2d5a8e;border-radius:10px;color:#93c5fd;cursor:pointer;font-size:.88rem;font-weight:600;margin-bottom:8px;padding:10px 14px;text-align:left;transition:all .2s;width:100%}.notes-btn:hover{background:#1e40af;border-color:#3b82f6;color:#fff}.notes-modal{animation:slideUp .2s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:560px;overflow:hidden;width:100%}.notes-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.notes-header h3{color:#1e293b;font-size:1.1rem;font-weight:700}.notes-actions{align-items:center;display:flex;gap:8px}.saved-tag{color:#22c55e;font-size:.78rem;font-weight:600}.notes-clear-btn{background:#0000;border:1px solid #fee2e2;border-radius:6px;color:#ef4444;cursor:pointer;font-size:.78rem;margin:0;padding:5px 10px;transition:all .2s;width:auto}.notes-clear-btn:hover{background:#fee2e2}.notes-close-btn{background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.85rem;margin:0;padding:5px 10px;transition:all .2s;width:auto}.notes-close-btn:hover{background:#f1f5f9}.notes-textarea{border:none;color:#1e293b;flex:1 1;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:.95rem;line-height:1.7;min-height:320px;outline:none;padding:16px 20px;resize:none}.notes-textarea::placeholder{color:#cbd5e1}.notes-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 20px}.notes-header small{color:#94a3b8;font-size:.78rem}.dark .notes-modal{background:#1e293b}.dark .notes-header{border-bottom-color:#334155}.dark .notes-header h3{color:#f1f5f9}.dark .notes-textarea{background:#1e293b;color:#f1f5f9}.dark .notes-footer{background:#0f172a;border-top-color:#334155}.dark .notes-close-btn{border-color:#334155;color:#94a3b8}.dark .notes-close-btn:hover{background:#334155}.main-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.main-header h1{margin-bottom:0}.sync-badge{border-radius:999px;font-size:.75rem;font-weight:600;padding:4px 10px}.sync-badge.synced{background:#dcfce7;color:#15803d}.sync-badge.syncing{background:#fef9c3;color:#854d0e}.sync-badge.pending{background:#fee2e2;color:#b91c1c}.offline-banner{background:#f59e0b;border-radius:8px;color:#fff;font-size:.82rem;font-weight:600;margin-bottom:14px;padding:8px 14px;text-align:center}.task-item.pending-sync{border-left-color:#f59e0b}
/*# sourceMappingURL=main.90061444.css.map*/