@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&family=Space+Mono:wght@400;700&display=swap";.login-container{text-align:center;padding:2rem;background:#0a192fd9;border-radius:10px;max-width:400px;margin:auto}.login-container h2{font-size:clamp(1.5rem,4vw,var(--font-size-lg));margin-bottom:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-container p{margin-bottom:1.5rem;color:var(--color-secondary)}.login-form .input-group{margin-bottom:1.5rem;position:relative}.password-input-group{position:relative}.password-toggle-icon{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-text-light);font-size:1.2rem;padding:.5rem}.login-form input{width:100%;padding-right:3rem}.error-message{color:var(--color-danger);margin-top:1rem}.switch-mode-text{margin-top:1.5rem}.link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.link-button:hover{color:var(--color-white)}.timer-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.timer-circle{position:relative}.timer-text{font-family:var(--font-mono);font-size:4.5rem;fill:var(--color-text-light);font-weight:700}.water-fill-wave{animation:water-wave-anim 5s linear infinite}@keyframes water-wave-anim{0%{transform:translate(0)}to{transform:translate(-300px)}}.timer-controls{display:flex;gap:1rem;margin-top:1rem}.timer-mode{font-size:1.3rem;color:var(--color-secondary);text-transform:capitalize;margin-top:1rem}.task-list-container{width:100%;max-width:800px;margin-top:2rem;padding:1.5rem;background:#0a192fbf;border-radius:8px}.task-list-container h3{color:var(--color-primary);margin-bottom:1rem}.task-list{list-style:none;padding:0 10px 0 0;margin:0;display:flex;flex-direction:column;gap:1rem;max-height:300px;overflow-y:auto}.task-list::-webkit-scrollbar{width:8px}.task-list::-webkit-scrollbar-track{background:var(--color-bg-deep);border-radius:10px}.task-list::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:10px}.task-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--color-bg-light);border-radius:5px;border-left:4px solid var(--color-primary);transition:background-color .2s ease}.task-item.is-dragging{background-color:#64ffda1a}.drag-handle{cursor:grab;font-size:1.5rem;color:var(--color-secondary);margin-right:1rem;padding:.5rem;line-height:1}.task-info{display:flex;align-items:center;flex-grow:1;gap:1rem}.task-name{font-weight:700;color:var(--color-text-light)}.task-details{font-size:.9rem;color:var(--color-secondary)}.task-category{background-color:var(--color-secondary);color:var(--color-bg-deep);padding:.2rem .6rem;border-radius:10px;font-size:.8rem;font-weight:700;margin-left:auto}.task-actions{display:flex;gap:.5rem;margin-left:1rem}.task-actions button.delete{background-color:var(--color-danger)}.quotes-container{margin-top:2rem;padding:1.5rem;width:100%;max-width:800px;background:#0a192fbf;border-radius:8px;text-align:center;min-height:100px;display:flex;align-items:center;justify-content:center}.quote-text{font-size:1.1rem;color:var(--color-secondary);font-style:italic;opacity:0;animation:fadeInOut 10s infinite}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.audio-toggle-icon{position:fixed;bottom:1rem;right:1rem;width:50px;height:50px;background:var(--color-primary);border:none;border-radius:50%;color:var(--color-bg-deep);font-size:1.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 15px #0000004d;z-index:100}.audio-player-container{position:fixed;bottom:1rem;right:1rem;background-color:var(--color-bg-light);border-radius:10px;box-shadow:0 4px 15px #0000004d;z-index:100;overflow:hidden;transition:all .3s ease-in-out;display:flex;flex-direction:column;align-items:center;padding:1rem}.audio-player-container.compact{width:250px;height:auto}.audio-player-container.expanded{width:350px;height:auto}.controls{display:flex;flex-direction:column;gap:.75rem;width:100%}.track-list{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.audio-player-container.expanded .track-list{max-height:200px;overflow-y:auto}.track-list button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--color-text-light);padding:.5rem;border-radius:5px;cursor:pointer}.track-list button.active{background-color:var(--color-primary);color:var(--color-bg-deep)}.close-player-button{align-self:center;margin-top:1rem}.rain-effect-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.raindrop{position:absolute;width:2px;height:20px;background:linear-gradient(to bottom,#64ffdacc,#64ffda33);border-radius:50%;animation:fall linear infinite;transform-origin:bottom}@keyframes fall{0%{transform:translateY(-100px) translate(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(100vh) translate(20px) rotate(5deg);opacity:0}}:root{--color-primary: #61dafb;--color-secondary: #ff6b6b;--color-accent: #ffd166;--color-bg-dark: #0a192f;--color-bg-light: #1a2b40;--color-text: #e0e0e0;--color-danger: #e74c3c}.theme-ocean-breeze{--color-primary: #4ecdc4;--color-secondary: #ff6b6b;--color-accent: #f7fff7;--color-bg-dark: #2c3e50;--color-bg-light: #34495e;--color-text: #ecf0f1;--color-danger: #e74c3c}.theme-forest-green{--color-primary: #2ecc71;--color-secondary: #e74c3c;--color-accent: #f1c40f;--color-bg-dark: #27ae60;--color-bg-light: #2d3436;--color-text: #ecf0f1;--color-danger: #c0392b}.theme-funky{--color-primary: #FF00FF;--color-secondary: #00FFFF;--color-accent: #7FFF00;--color-bg-dark: #4B0082;--color-bg-light: #8A2BE2;--color-text: #FFFFFF;--color-danger: #FF4500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-deep: #0a192f;--color-bg-light: #1e3a5f;--color-primary: #64ffda;--color-secondary: #8892b0;--color-text-light: #ccd6f6;--color-white: #ffffff;--color-danger: #ff6b6b;--font-sans: "Poppins", sans-serif;--font-mono: "Space Mono", monospace;--font-size-sm: clamp(.8rem, .17vw + .76rem, .94rem);--font-size-base: clamp(1rem, .34vw + .91rem, 1.25rem);--font-size-md: clamp(1.25rem, .61vw + 1.1rem, 1.69rem);--font-size-lg: clamp(1.56rem, 1vw + 1.31rem, 2.25rem);--font-size-xl: clamp(1.95rem, 1.56vw + 1.56rem, 3rem);--font-size-xxl: clamp(2.44rem, 2.38vw + 1.85rem, 4rem)}body{font-family:var(--font-sans);background-color:var(--color-bg-deep);color:var(--color-text-light);line-height:1.6;font-size:var(--font-size-base)}.background-waves{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.wave{position:absolute;bottom:0;left:0;width:200%;height:100px;background-size:1000px 100px;opacity:.6}.wave.one{animation:wave-anim 15s linear infinite;z-index:10;opacity:.2;bottom:10px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path d="M 0 50 C 250 100 250 0 500 50 S 750 100 1000 50 L 1000 100 L 0 100 Z" fill="%231e3a5f"></path></svg>')}.wave.two{animation:wave-anim 10s reverse linear infinite;z-index:9;opacity:.3;bottom:15px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path d="M 0 50 C 200 75 350 25 500 50 S 700 80 1000 50 L 1000 100 L 0 100 Z" fill="%2364ffda"></path></svg>')}.wave.three{animation:wave-anim 8s linear infinite;z-index:8;opacity:.1;bottom:20px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path d="M 0 60 C 300 20 400 100 500 60 S 700 20 1000 60 L 1000 100 L 0 100 Z" fill="%230a192f"></path></svg>')}@keyframes wave-anim{0%{transform:translate(0)}to{transform:translate(-1000px)}}.app-container{width:100%;max-width:1400px;margin:0 auto;padding:clamp(1rem,5vw,2rem);min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:2}.dashboard-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:clamp(1.5rem,5vw,2.5rem);padding:0 1rem}.header-actions{display:flex;align-items:center;gap:.75rem}.hamburger-icon{display:none;font-size:2rem;background:none;border:none;color:var(--color-primary);cursor:pointer;position:fixed;top:1.5rem;right:1.5rem;z-index:1001}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg-deep);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-menu nav{display:flex;flex-direction:column;gap:2rem}.mobile-menu button{font-size:1.5rem}.close-menu-btn{position:absolute;top:2rem;right:2rem;font-size:2.5rem;background:none;border:none;color:var(--color-white)}.dashboard-main-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:clamp(1.5rem,5vw,3rem);width:100%;flex-grow:1;align-items:start}.timer-area,.task-management-area,.quotes-area{display:flex;flex-direction:column;align-items:center;padding:clamp(1.5rem,4vw,2rem);background:#0a192fbf;border-radius:15px;box-shadow:0 10px 30px #0000004d}.timer-area{grid-column:1 / 2;grid-row:1 / 3;justify-content:center;min-height:550px}.task-management-area{grid-column:2 / 3;grid-row:1 / 2;max-height:60vh;overflow-y:auto}.quotes-area{grid-column:2 / 3;grid-row:2 / 3}@media (max-width: 992px){.dashboard-main-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto}.timer-area,.task-management-area,.quotes-area{grid-column:1 / 2;grid-row:auto;min-height:auto}.task-management-area{max-height:70vh}}@media (max-width: 768px){.header-actions{display:none}.hamburger-icon{display:block}.task-item,.task-info{flex-direction:column;align-items:flex-start;gap:.5rem}.task-category{margin-left:0}.task-actions{width:100%;justify-content:space-around;margin-left:0}.drag-handle{position:absolute;top:.5rem;right:.5rem}}button{font-family:var(--font-sans);background-color:var(--color-primary);color:var(--color-bg-deep);border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 2px 5px #0003}button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #64ffda4d}button:active{transform:translateY(0);box-shadow:0 2px 5px #0003}input{font-family:var(--font-sans);background-color:var(--color-bg-light);color:var(--color-text-light);border:1px solid var(--color-secondary);padding:.8rem 1rem;border-radius:8px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #64ffda4d}.active-task-title{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:1.5rem;font-weight:700;text-align:center;text-shadow:0 0 20px rgba(100,255,218,.4)}