body{font-family:Segoe UI,sans-serif;background-color:#f7f9fc;margin:0;padding:20px;color:#333}.dashboard,.login,.home,.task-detail{max-width:600px;margin:40px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a}input,textarea,select{display:block;width:100%;padding:10px;margin-bottom:12px;border-radius:4px;border:1px solid #ddd;box-sizing:border-box}button{background-color:#4e73df;color:#fff;padding:10px 16px;border-radius:6px;cursor:pointer;border:none;margin-top:10px}button:hover{background-color:#2e59d9}ul{padding:0}ul li{list-style:none;padding:10px;border-bottom:1px solid #ddd}a{color:#4e73df;text-decoration:none}textarea{resize:vertical}.task-item{padding:12px 0;border-bottom:1px solid #e0e0e0}.task-buttons{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.task-buttons button{background-color:#4e73df;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s}.task-buttons button:hover{background-color:#365ac4}.task-buttons a{color:#4e73df;text-decoration:none;padding:6px 12px;border-radius:4px}.task-buttons a:hover{text-decoration:underline}.page-logo{width:120px;height:auto;display:block;margin:0 auto 16px;max-width:100%}body.dark-mode{background-color:#18191a;color:#fff}body.dark-mode .dashboard,body.dark-mode .login,body.dark-mode .home,body.dark-mode .task-detail{background-color:#242526;color:#fff}body.dark-mode input,body.dark-mode textarea,body.dark-mode select{background-color:#303134;color:#fff;border-color:#3a3b3c}body.dark-mode .task-item{border-bottom-color:#2c2f33}.dark-toggle-btn{background-color:transparent;border:none;cursor:pointer;font-size:18px;margin-bottom:16px}.dark-toggle-btn:hover{opacity:.8}body.dark-mode .task-item.completed{background:#383a3b;color:#b0b3b8;border:1px solid #4a4b4c}.task-item.completed{opacity:.7;text-decoration:line-through;background:#f0f0f0;padding:10px;border-radius:4px}.home-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}.home-box{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 8px 20px #00000026,0 0 15px 5px #4e73df33,0 0 0 1px #0000000d;text-align:center;width:320px;position:relative;z-index:1;filter:drop-shadow(0 0 20px rgba(0,0,0,.6));animation:float 4s ease-in-out infinite}@keyframes float{0%{transform:translateY(0);filter:drop-shadow(0 0 20px rgba(0,0,0,.6))}50%{transform:translateY(-10px);filter:drop-shadow(0 0 30px rgba(0,0,0,.8))}to{transform:translateY(0);filter:drop-shadow(0 0 20px rgba(0,0,0,.6))}}.home-box:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(45deg,#12c2e9,#fff,#c471ed,#f64f59,#fff,#0240fb,#00f2fe,#001d66);background-size:800% 800%;border-radius:16px;z-index:-1;animation:colorful-gradient 12s ease infinite;filter:blur(1px)}@keyframes colorful-gradient{0%{background-position:0% 50%}20%{background-position:20% 30%}40%{background-position:40% 60%}60%{background-position:60% 40%}80%{background-position:80% 70%}to{background-position:0% 50%}}.page-logo{width:60px;height:60px;border-radius:50%;background-color:#4e73df;color:#fff;display:inline-flex;justify-content:center;align-items:center;font-size:24px;margin-bottom:16px}.login-button{background-color:#4e73df;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;border:none;transition:background-color .3s ease;width:100%}.login-button:hover{background-color:#2e59d9}.google-login-button{display:flex;align-items:center;justify-content:center;background-color:#fff;color:#757575;border:1px solid #ddd;padding:10px 16px;border-radius:6px;cursor:pointer;transition:background-color .3s,box-shadow .3s;width:100%;margin-top:10px;height:40px}.google-login-button:hover{background-color:#000;color:#fff;box-shadow:0 1px 3px #0003}.google-icon{width:20px;height:20px;margin-right:10px;vertical-align:middle}.or-divider{display:flex;align-items:center;text-align:center;margin:20px 0}.or-divider:before,.or-divider:after{content:"";flex:1;border-bottom:1px solid #ddd}.or-divider span{padding:0 10px;color:#777;font-size:14px}.login button{background-color:#fff;color:#020202;padding:10px 16px;border-radius:6px;cursor:pointer;border:2px solid #000000;margin-top:10px;width:100%;height:40px;transition:all .3s ease}.login button:hover{background-color:#000;color:#fff;border-color:#000}