body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center}form{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:400px;padding:20px 30px;text-align:center;width:100%}input{margin:10px 0;padding:10px}button,input{border-radius:4px;font-size:16px}button{background-color:#1f5f78;transition:background-color .3s ease}button:hover{background-color:#205a73}a{color:#14303a;font-size:14px}a,a:hover{text-decoration:underline}p{color:#14303a;font-size:14px;margin-top:10px}.consent-form{background-color:#f5f8ff;border:1px solid #c7d7dc;border-radius:8px;margin:50px auto;max-width:500px;padding:20px;text-align:center}.consent-form h1{font-size:24px;margin-bottom:20px}.consent-form p{font-size:16px;margin-bottom:20px}.consent-form .error-message{color:red;margin-bottom:20px}.consent-form button{background-color:#2e9fb3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.consent-form button:disabled{background-color:#c7d7dc;cursor:not-allowed}.clock{align-items:center;background:#fff;border:5px solid #2f80a3;border-radius:50%;box-shadow:0 0 0 6px #d7eaf1,0 8px 24px rgba(47,128,163,.2);display:flex;height:150px;justify-content:center;margin:50px auto;position:relative;width:150px}.clock:before{background:transparent;border-radius:50%;content:"";height:210px;left:-30px;position:absolute;top:-28px;width:210px;z-index:-1}.clock-face{align-items:center;background:#f4f8fb;border-radius:50%;display:flex;height:90%;justify-content:center;position:relative;transform:translateY(0);width:90%}.hand{background:#1f5f78;height:6px;position:absolute;right:50%;top:50%;transform:translate(-50%,-100%);transform-origin:100%;width:50%}.hand,.hour-hand{transform:rotate(90deg);transition:all .05s;transition-timing-function:cubic-bezier(.1,2.7,.58,1)}.hour-hand{background:#14303a;border-radius:4px;height:8px;width:33%;z-index:3;z-index:1}.minute-hand{background:#2f80a3;border-radius:2px;height:4px;width:40%;z-index:2}.minute-hand,.second-hand{transform:rotate(90deg);transition:all .05s;transition-timing-function:cubic-bezier(.1,2.7,.58,1)}.second-hand{background:#e05252;border-radius:1px;height:2px;width:45%;z-index:3}.number{color:#2f5260;font-size:12px;font-weight:700;height:20px;position:absolute;text-align:center;transform:translate(-50%,-50%);width:20px}.number1{left:75%;top:20%}.number2{left:88%;top:35%}.number3{left:90%;top:50%}.number4{left:88%;top:65%}.number5{left:75%;top:80%}.number6{left:50%;top:85%}.number7{left:25%;top:80%}.number8{left:12%;top:65%}.number9{left:10%;top:50%}.number10{left:12%;top:35%}.number11{left:25%;top:20%}.number12{left:50%;top:15%}:root{--nav-bg:#e8f2f4;--nav-text:#14303a;--nav-text-soft:#2f5260;--nav-border:rgba(20,48,58,.12);--nav-hover:rgba(20,48,58,.08)}.navbar{background-color:#e8f2f4;background-color:var(--nav-bg);border-bottom:1px solid rgba(20,48,58,.12);border-bottom:1px solid var(--nav-border);box-shadow:0 4px 12px rgba(20,48,58,.08);height:60px;left:0;padding:0 20px;position:fixed;top:0;transition:height .3s ease,background-color .3s ease;width:100%;z-index:1000}.navbar,.navbar-title{color:#14303a;color:var(--nav-text)}.navbar-title{font-size:18px;font-weight:700}.navbar-content{align-items:center;display:flex;justify-content:space-between;transition:display .3s ease;width:100%}.navbar-left,.navbar-right{display:flex;gap:15px;padding-right:20px}.notification-container:hover{background-color:transparent;background-color:none}.nav-link{border-radius:8px;color:#14303a;color:var(--nav-text);font-size:16px;font-weight:700;padding:5px 10px;text-decoration:none;transition:color .3s ease,background-color .3s ease}.nav-link:hover{background-color:rgba(20,48,58,.08);background-color:var(--nav-hover);text-decoration:none;transform:scale(1.1)}.menu-toggle{background:none;border:none;cursor:pointer;display:none;font-size:24px;font-weight:700;height:-webkit-fit-content;height:fit-content}.menu-toggle,.menu-toggle:hover{color:#14303a;color:var(--nav-text)}.menu-toggle:hover{background-color:transparent;transform:scale(1.1)}.notification-container{display:inline-block;position:relative}.dropdown-menu{border:1px solid rgba(20,48,58,.12);border:1px solid var(--nav-border);box-shadow:0 4px 8px rgba(0,0,0,.1);box-sizing:border-box;display:flex;flex-direction:column;padding:10px;position:fixed;right:16px;top:68px;width:min(340px,calc(100vw - 32px));z-index:2000}.dropdown-menu h3{border-bottom:1px solid #f0f0f0;color:#14303a;color:var(--nav-text);font-size:16px;font-weight:700;margin:0 0 10px;padding-bottom:5px}.notification-item{border-bottom:1px solid #f0f0f0;color:#2f5260;color:var(--nav-text-soft);cursor:pointer;font-size:14px;overflow-wrap:anywhere;padding:10px;transition:background-color .3s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#f4f8f9}.dropdown-menu p{color:#6a808a;font-size:14px;margin:10px 0;text-align:center}.dropdown-menu{max-height:calc(100vh - 88px);overflow-y:auto}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-thumb{background-color:#c7d7dc;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background-color:#aaa}.notification-badge{background-color:red;border-radius:50%;color:#fff;font-size:12px;font-weight:700;line-height:1;min-width:12px;padding:2px 6px;position:absolute;right:-5px;text-align:center;top:-5px}.menu-button{border:none;color:#14303a;color:var(--nav-text);cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .3s ease}.menu-button:hover{background-color:rgba(20,48,58,.08);background-color:var(--nav-hover);border-radius:8px;transform:scale(1.05)}.dropdown-button,.icon-button{background:transparent;border:none;border-radius:8px;color:#14303a;color:var(--nav-text);cursor:pointer;padding:6px}.dropdown-button:hover,.icon-button:hover{background:rgba(20,48,58,.08);background:var(--nav-hover)}@media (max-width:768px){.navbar{background-color:#e8f2f4;background-color:var(--nav-bg);height:auto}.menu-toggle{display:block}.navbar-content{align-items:flex-start;background-color:#e8f2f4;background-color:var(--nav-bg);box-shadow:0 2px 4px rgba(0,0,0,.1);display:none;flex-direction:column;left:0;padding:10px 20px;position:absolute;top:60px;width:100%}.navbar-content.open{display:flex}.navbar-left,.navbar-right{flex-direction:column;gap:10px;width:15%}.navbar-left:hover,.navbar-right{background-color:transparent}.dropdown-menu{left:12px;right:12px;top:60px;width:auto}.nav-link{text-align:left;width:100%}.content{margin-top:610px;transition:margin-top .3s ease}}.drawer{background-color:#fff;box-shadow:-2px 0 5px rgba(0,0,0,.2);height:100%;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:300px;z-index:1000}.drawer.open{transform:translateX(0)}.drawer-content{box-sizing:border-box;height:100%;justify-content:flex-start}.close-drawer{background:none;border:none;border-radius:5px;color:#14303a;cursor:pointer;font-weight:700;margin-bottom:20px;padding:5px 250px 5px 5px}.close-drawer:hover{background:none;border:none;color:#0f2730;transform:scale(1.05)}.account-header-menubar{align-items:center;background-color:#edf4f5;border-radius:5%;height:100px}.user-profile{font-size:18px;font-weight:700;padding:20px}.menu-items{list-style:none;margin:0;padding:10px}.menu-items li{color:#14303a;cursor:pointer;padding:10px 0;transition:color .3s ease}.menu-items li:hover{color:#0f2730;font-weight:700;transition:background-color .3s ease}.auth-buttons .login-option,.auth-buttons .logout-option{align-items:center;background-color:transparent;border-radius:5px;color:#14303a;color:none;cursor:pointer;display:inline-block;font-size:16px;transition:background-color .3s ease,transform .3s ease;width:100%}.auth-buttons .login-option:hover,.auth-buttons .logout-option:hover{font-weight:700;transform:scale(1.05)}:root{--accent:#2f80a3;--accent-deep:#1f5f78;--accent-light:#d7eaf1;--ink:#14303a;--ink-soft:#2f5260;--bg:#f4f8fb;--surface:#fff;--radius:16px;--shadow:0 8px 28px rgba(20,48,58,.1)}.home{background:linear-gradient(175deg,#e8f4f8,#f4f8fb 55%,#e3eef4);color:#14303a;color:var(--ink);font-family:inherit;min-height:100vh;padding-top:70px}.h-hero{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:60px 28px 40px}.h-badge,.h-hero{align-items:center}.h-badge{background:#d7eaf1;background:var(--accent-light);border-radius:999px;color:#1f5f78;color:var(--accent-deep);display:inline-flex;font-weight:700;gap:6px;letter-spacing:.06em;margin-bottom:18px;padding:6px 14px;text-transform:uppercase}.h-badge,.h-badge-icon{font-size:.75rem}.h-hero-title{color:#14303a;color:var(--ink);font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 0 18px}.h-hero-sub{color:#2f5260;color:var(--ink-soft);font-size:1.05rem;line-height:1.7;margin:0 0 28px;max-width:50ch}.h-hero-btns{display:flex;flex-wrap:wrap;gap:12px}.h-btn-primary{background:linear-gradient(135deg,#2f80a3,#1f5f78);background:linear-gradient(135deg,var(--accent),var(--accent-deep));border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:13px 26px;transition:transform .2s,box-shadow .2s}.h-btn-primary:hover{box-shadow:0 10px 22px rgba(31,95,120,.35);transform:translateY(-2px)}.h-btn-ghost{background:transparent;border:2px solid #2f80a3;border:2px solid var(--accent);border-radius:12px;color:#1f5f78;color:var(--accent-deep);cursor:pointer;font-size:.95rem;font-weight:700;padding:11px 24px;transition:background .2s,color .2s}.h-btn-ghost:hover{background:#d7eaf1;background:var(--accent-light)}.h-hero-visual{position:relative}.h-hero-img{border-radius:24px;display:block;max-height:420px;object-fit:cover;width:100%}.h-hero-img,.h-tip-card{box-shadow:0 8px 28px rgba(20,48,58,.1);box-shadow:var(--shadow)}.h-tip-card{background:#fff;background:var(--surface);border-left:4px solid #2f80a3;border-left:4px solid var(--accent);border-radius:14px;bottom:-18px;left:-18px;padding:14px 16px 14px 42px;position:absolute;width:min(86%,300px)}.h-tip-icon{color:#2f80a3;color:var(--accent);font-size:1rem;left:14px;position:absolute;top:16px}.h-tip-text{animation:fadeSlide .45s ease;color:#2f5260;color:var(--ink-soft);font-size:.85rem;line-height:1.45;margin:0}@keyframes fadeSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.h-stats-bar{grid-gap:1px;background:#d7eaf1;background:var(--accent-light);border-bottom:1px solid rgba(47,128,163,.2);border-top:1px solid rgba(47,128,163,.2);display:grid;gap:1px;grid-template-columns:repeat(4,1fr);margin:40px 0 0}.h-stat{align-items:center;background:#fff;background:var(--surface);display:flex;flex-direction:column;gap:4px;justify-content:center;padding:24px 16px;text-align:center}.h-stat-value{color:#2f80a3;color:var(--accent);font-size:2rem;font-weight:800;line-height:1}.h-stat-label{color:#2f5260;color:var(--ink-soft);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.h-section{margin:0 auto;max-width:1200px;padding:60px 28px}.h-section-header{margin-bottom:36px;text-align:center}.h-section-header h2{color:#14303a;color:var(--ink);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin:0 0 8px}.h-section-header p{color:#2f5260;color:var(--ink-soft);font-size:1rem;margin:0}.h-features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.h-feature-card{animation:riseIn .55s ease both;background:#fff;background:var(--surface);border:1px solid rgba(20,48,58,.08);border-radius:16px;border-radius:var(--radius);border-top:4px solid #2f80a3;border-top:4px solid var(--card-accent,var(--accent));box-shadow:0 8px 28px rgba(20,48,58,.1);box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:22px 18px 18px;position:relative;text-align:left;transition:transform .22s,box-shadow .22s}.h-feature-card:hover{box-shadow:0 18px 36px rgba(20,48,58,.17);transform:translateY(-6px)}.h-feature-icon-wrap{align-items:center;background:#d7eaf1;background:var(--accent-light);border-radius:12px;color:#2f80a3;color:var(--card-accent,var(--accent));display:flex;font-size:1.2rem;height:44px;justify-content:center;margin-bottom:4px;width:44px}.h-feature-card h3{color:#14303a;color:var(--ink);font-size:1.05rem;font-weight:700;margin:0}.h-feature-card p{color:#2f5260;color:var(--ink-soft);flex:1 1;font-size:.88rem;line-height:1.5;margin:0}.h-feature-arrow{color:#2f80a3;color:var(--card-accent,var(--accent));font-size:1.1rem;font-weight:700;margin-top:4px;transition:transform .2s}.h-feature-card:hover .h-feature-arrow{transform:translateX(4px)}.h-how{background:linear-gradient(135deg,rgba(47,128,163,.06),rgba(31,95,120,.04));border-radius:24px}.h-steps{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(4,1fr)}.h-step{align-items:center;display:flex;flex-direction:column;gap:10px;padding:0 20px;position:relative;text-align:center}.h-step-num{color:#2f80a3;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.h-step-icon{align-items:center;background:#2f80a3;background:var(--accent);border-radius:50%;box-shadow:0 6px 16px rgba(47,128,163,.35);color:#fff;display:flex;font-size:1.2rem;height:52px;justify-content:center;width:52px}.h-step p{color:#14303a;color:var(--ink);font-size:.9rem;font-weight:600;line-height:1.35;margin:0}.h-step-line{background:linear-gradient(90deg,#2f80a3,transparent);background:linear-gradient(90deg,var(--accent) 0,transparent 100%);height:2px;left:75%;opacity:.4;position:absolute;top:44px;width:50%}.h-cta{background:linear-gradient(135deg,#1f5f78,#2f80a3);background:linear-gradient(135deg,var(--accent-deep) 0,var(--accent) 100%);color:#fff;margin-top:20px;padding:60px 28px;text-align:center}.h-cta h2{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;margin:0 0 10px}.h-cta p{font-size:1rem;margin:0 0 24px;opacity:.88}.h-cta .h-btn-primary{background:#fff;color:#1f5f78;color:var(--accent-deep);display:inline-block;width:auto}.h-cta .h-btn-primary:hover{box-shadow:0 10px 22px rgba(0,0,0,.25)}@keyframes riseIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1000px){.h-features,.h-steps{grid-template-columns:repeat(2,1fr)}.h-step-line{display:none}.h-stats-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.h-hero{gap:28px;grid-template-columns:1fr;padding:32px 18px 28px}.h-tip-card{margin-top:12px;position:static;width:100%}.h-hero-img{max-height:260px}.h-features,.h-steps{grid-template-columns:1fr}.h-stats-bar{grid-template-columns:repeat(2,1fr)}.h-section{padding:36px 18px}.h-hero-btns{flex-direction:column}.h-btn-ghost,.h-btn-primary{width:100%}}@media (prefers-reduced-motion:reduce){.h-btn-primary,.h-feature-arrow,.h-feature-card,.h-tip-text{animation:none!important;transition:none!important}}.add-task-body{background-color:#f5f8ff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-bottom:60px;padding-top:60px;width:100%}.add-task-container{border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;margin:0 auto}.auth-prompt{color:#14303a}.progress-bar-container{background-color:#e0e0e0;border-radius:10px;height:20px;margin:10px 0;overflow:hidden;width:100%}.progress-bar-fill{background-color:#4aa286;height:100%;transition:width .3s ease-in-out;width:0}.add-task-container label{align-items:flex-start;color:#243f4a;display:flex;flex-direction:column;font-size:14px;margin-bottom:15px;width:100%}form input,form select,form textarea{border:1px solid #c7d7dc;border-radius:5px;margin-bottom:15px;padding:10px;width:100%}form textarea{resize:vertical}form input[type=checkbox]{margin-top:5px;width:auto}.schedule-fields{display:flex;gap:10px;margin-bottom:15px;width:100%}form button{background-color:#2f80a3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .3s ease;width:100%}form button:hover{background-color:#266c89}.message{color:green;font-size:14px;margin-bottom:15px;text-align:center}@media (max-width:768px){.add-task-container{padding:15px}form button{font-size:14px}}form label{font-size:14px}form button,form input,form select,form textarea{font-size:14px;padding:8px}.schedule-fields{flex-direction:column}.popup{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:20px;text-align:center}.popup-content p{margin-bottom:20px}.popup-content button{background-color:#2f80a3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;width:20%}.popup-content button:hover{background-color:#205a73}.bottom-nav-bar{background-color:#2f80a3;bottom:0;box-shadow:0 -2px 4px rgba(0,0,0,.1);display:flex;flex-direction:row;flex-wrap:wrap;height:60px;overflow-x:auto;position:fixed;scrollbar-color:#c7d7dc transparent;scrollbar-width:thin;width:100%;z-index:1000}.nav-button{align-items:center;color:#14303a;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;justify-content:center;padding:10px;text-align:center;transition:color .3s ease}.nav-button:hover{color:#1f5f78}.nav-icon{align-items:center;background:none;border:none;color:#14303a;display:flex;font-size:20px;justify-content:center;margin-bottom:5px;padding:0;width:100%}.nav-label{font-size:12px;font-weight:700;text-align:center}.statistics-page{align-items:center;background-color:#f5f8ff;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.statistics-container{background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:1200px;padding:20px;text-align:center;width:100%}.statistics-title{color:#243f4a;font-size:2rem;margin-bottom:20px}.statistics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;margin-top:20px}.chart-container,.table-container{background:#edf4f5;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px}.table-container{grid-column:span 2}.chart-title{color:#14303a;color:var(--text-color);font-size:1.5rem;margin-bottom:10px}.statistics-table{border-collapse:collapse;margin-top:20px;width:100%}.statistics-table td,.statistics-table th{border:1px solid #c7d7dc;color:var(--text-color);color:#14303a;padding:10px;text-align:center}.statistics-table th{background-color:#edf4f5;font-weight:700}.statistics-table tr:nth-child(2n){background-color:#f5f8ff}.statistics-table tr:hover{background-color:#e7eff1}.no-data-message{color:#6a808a;color:var(--text-color);font-size:1.2rem;margin-top:20px}@media (max-width:768px){.statistics-grid{grid-template-columns:1fr}.table-container{grid-column:span 1}}.planner-page{background-color:#f5f8ff;box-sizing:border-box;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding-bottom:60px;padding-top:60px}.navbar,.planner-page{align-items:center;display:flex}.navbar{background-color:#2f80a3;color:#fff;justify-content:space-between;padding:10px 20px}.view-toggle{display:flex;gap:20px;justify-content:center;margin:20px 0}.view-toggle button{border:none;border-radius:5px;color:#14303a;cursor:pointer;font-size:16px;font-weight:700;margin:0 10px;padding:10px 20px;transition:background-color .3s ease}.view-toggle button,.view-toggle button.active{background-color:#2f80a3}.task-list{margin:0 auto;max-width:1200px;padding:20px}.task-card{background-color:#fff;border:1px solid #c7d7dc;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px}.task-card h3{color:#243f4a;margin:0 0 10px}.task-card p{color:#4a606b;margin:5px 0}.task-card strong{color:#243f4a}.task-actions{display:flex;gap:10px;margin-top:15px}.auth-prompt{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center;text-align:center}.completed-task{color:gray;text-decoration:line-through}.task-card button:disabled{background-color:#c7d7dc;cursor:not-allowed}.overdue-task{color:red;font-weight:700}.overdue-label{color:red;font-size:.9rem;margin-left:5px}.auth-prompt p{font-size:18px;margin-bottom:20px}.auth-button{background-color:#266c89;border:none;border-radius:5px;color:#14303a;cursor:pointer;font-size:16px;font-weight:700;margin:10px;padding:10px 20px;transition:background-color .3s ease;width:auto}.auth-button:hover{background-color:#205a73}.task-actions button{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;padding:8px 12px;transition:background-color .3s ease}.start-timer-button{background-color:#4aa286;color:#fff}.start-timer-button:hover{background-color:#3f9a7f}.start-timer-button:disabled{background-color:#a5d6a7;cursor:not-allowed}.stop-timer-button{background-color:#f44336;color:#fff}.stop-timer-button:hover{background-color:#e53935}.stop-timer-button:disabled{background-color:#ef9a9a;cursor:not-allowed}.update-button{background-color:#2c9cb0;color:#fff}.update-button:hover{background-color:#278ea0}.delete-button{background-color:#f44336;color:#fff}.delete-button:hover{background-color:#e53935}.calendar-view{background-color:#fff;border:1px solid #c7d7dc;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-top:20px;padding:20px}.dropdown{position:relative}.dropdown-menu{background-color:#fff;border:1px solid #c7d7dc;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);left:0;position:absolute;top:100%;z-index:1000}.dropdown-menu a{color:#243f4a;display:block;padding:10px 15px;text-decoration:none}.dropdown-menu a:hover{background-color:#e7eff1}.bottom-navigation{background-color:#4aa286;bottom:0;color:#fff;display:flex;justify-content:space-around;left:0;padding:10px 0;position:fixed;width:100%}.bottom-navigation a{color:#fff;font-size:16px;text-decoration:none}.bottom-navigation a:hover{text-decoration:underline}@media (max-width:768px){.task-list{gap:15px;padding:10px}.task-card,.task-list{display:flex;flex-direction:column}.task-card{background-color:#fff;border:1px solid #c7d7dc;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:15px}.task-card h3{font-size:18px;margin-bottom:10px}.task-card p{font-size:14px;margin-bottom:5px}.task-actions{display:flex;flex-direction:column;gap:10px}.task-actions button{font-size:14px;padding:10px;width:100%}}.auth-container{align-items:center;display:flex;height:100vh;justify-content:center;padding:0}.errmsg{background-color:#ffe8e4;border:1px solid red;border-radius:5px;color:red}.errmsg,.successmsg{margin-bottom:15px;padding:10px;text-align:center}.successmsg{background-color:#e6f7ef;border:1px solid green;border-radius:5px;color:green}form.auth-form{align-items:center;background-color:#f5f8ff;border:1px solid #c7d7dc;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:400px;padding:20px;width:100%}label{display:block;font-weight:700;margin-bottom:5px;width:100%}input{border:1px solid #c7d7dc;border-radius:5px;box-sizing:border-box;margin-bottom:15px;padding:8px;width:100%}button{background-color:#2f80a3;border:none;border-radius:5px;color:#14303a;cursor:pointer;margin-top:10px;padding:10px;width:100%}button:hover{background-color:#266c89}.auth-link{display:block;margin-top:10px;text-align:center}.auth-link a{color:#14303a;text-decoration:none}.auth-link a:hover{text-decoration:underline}.offscreen{left:-9999px;position:absolute}.settings-page{background-color:none;margin-top:90px}.settings-container,.settings-page{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;max-width:800px;padding:20px;width:100%}.settings-container{border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);box-sizing:border-box;overflow-y:auto}.account-header-setting{width:100%}.user-profile{margin-bottom:20px}.user-details,.user-profile{align-items:center;display:flex;flex-direction:column}.user-details{color:#14303a;font-size:1rem}.user-profile-img{border-radius:50%;color:red;height:50px;margin-right:10px;width:50px}.user-profile-placeholder{color:#4f6570;font-size:1rem;margin-bottom:20px;text-align:left}.settings-options{color:#14303a;list-style:none;margin:0;padding:0;width:100%}.settings-options li{align-items:center;background-color:transparent;cursor:pointer;display:flex;font-size:1rem;justify-content:flex-start;margin:5px 0;max-width:100%;padding:10px 20px;text-align:left;transition:background-color .3s ease,color .3s ease}.settings-options li:first-child{border-top:1px solid #0f2730;padding-top:15px}.settings-options li:hover{color:var(--hover-text-color);color:#0f2730;font-weight:700;transition:background-color .3s ease,color .3s ease}.settings-notification-row{justify-content:space-between!important}.settings-notification-count{background:transparent;border-radius:0;color:red;flex-shrink:0;font-size:.85rem;font-weight:700;margin-left:12px;min-width:24px;padding:2px 8px;text-align:center}.settings-notifications-section{background:hsla(0,0%,100%,.78);border:1px solid rgba(20,48,58,.12);border-radius:12px;box-shadow:0 6px 18px rgba(20,48,58,.06);margin-top:20px;padding:16px 18px;width:100%}.settings-notifications-section h3{color:#14303a;font-size:1rem;margin:0 0 12px}.settings-notifications-list{list-style:none;margin:0;padding:0}.settings-notification-item{border-bottom:1px solid rgba(20,48,58,.08);color:#2f5260;padding:10px 0}.settings-notification-item:last-child{border-bottom:none}.settings-notification-item p,.settings-notifications-empty{font-size:.95rem;margin:0}.settings-notifications-empty{color:#6a808a}.theme-selection{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;width:50%}.theme-selection label{font-size:1rem}.theme-selection select{color:#14303a;font-size:1rem;padding:5px;width:40%}.usermanual{color:#14303a;list-style:none;margin:0;padding:0;width:100%}.usermanual,.usermanual:hover{text-decoration:none}.auth-buttons{align-items:center;background-color:transparent;color:#14303a;padding:10px 20px;width:100%}.auth-buttons:hover{background-color:transparent;color:#0f2730;font-weight:700;transition:background-color .3s ease}.fb-page{background:#f4f8fb;color:#14303a;min-height:100vh}.fb-container{margin:0 auto;max-width:620px;padding:100px 20px}.fb-back{align-items:center;background:none;border:none;color:#2f80a3;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:0 0 16px;transition:color .2s}.fb-back:hover{color:#1f5f78}.fb-card{background:#fff;border-radius:18px;box-shadow:0 8px 28px rgba(20,48,58,.1);overflow:hidden}.fb-card-header{background:linear-gradient(135deg,#2f80a3,#1f5f78);color:#fff;padding:28px 28px 22px}.fb-title{font-size:1.5rem;font-weight:800;margin:0 0 6px}.fb-subtitle{font-size:.92rem;margin:0;opacity:.88}.fb-form{gap:20px;padding:26px 28px 28px}.fb-field,.fb-form{display:flex;flex-direction:column}.fb-field{gap:6px}.fb-label{color:#14303a;font-size:.88rem;font-weight:700;letter-spacing:.02em}.fb-stars{display:flex;gap:6px}.fb-star{background:none;border:none;color:#c7d7dc;cursor:pointer;font-size:1.8rem;line-height:1;padding:2px;transition:color .15s,transform .15s}.fb-star.active{color:#f5c518}.fb-star:focus,.fb-star:hover{outline:none;transform:scale(1.2)}.fb-rating-text{color:#2f80a3;font-size:.82rem;font-weight:600}.fb-select{-webkit-appearance:none;appearance:none;background:#f4f8fb;border:1.5px solid #c7d7dc;border-radius:10px;color:#14303a;cursor:pointer;font-size:.95rem;padding:11px 14px;transition:border-color .2s;width:100%}.fb-select:focus{border-color:#2f80a3;outline:none}.fb-textarea{background:#f4f8fb;border:1.5px solid #c7d7dc;border-radius:10px;box-sizing:border-box;color:#14303a;font-family:inherit;font-size:.95rem;padding:12px 14px;resize:vertical;transition:border-color .2s;width:100%}.fb-textarea:focus{border-color:#2f80a3;outline:none}.fb-char-count{align-self:flex-end;color:#6a808a;font-size:.78rem}.fb-error{background:#fde8e8;border-left:4px solid #e05252;border-radius:8px;color:#b03030;font-size:.88rem;margin:0;padding:10px 14px}.fb-btn-primary{align-items:center;background:linear-gradient(135deg,#2f80a3,#1f5f78);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;padding:13px;transition:transform .2s,box-shadow .2s;width:100%}.fb-btn-primary:hover{box-shadow:0 10px 22px rgba(31,95,120,.35);transform:translateY(-2px)}.fb-thanks{margin:120px auto 0;max-width:480px;padding:0 20px;text-align:center}.fb-thanks-icon{color:#2f80a3;font-size:3.5rem;margin-bottom:16px}.fb-thanks h2{color:#14303a;font-size:1.6rem;font-weight:800;margin:0 0 10px}.fb-thanks p{color:#2f5260;font-size:.98rem;line-height:1.6;margin:0 0 24px}.fb-thanks .fb-btn-primary{display:inline-flex;padding:13px 28px;width:auto}@media (max-width:660px){.fb-container{padding:88px 12px 90px}.fb-card-header{padding:22px 18px 16px}.fb-form{padding:18px 18px 22px}.fb-title{font-size:1.25rem}}
/*# sourceMappingURL=main.e06d4a11.css.map*/