@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Montserrat:wght@700&family=Poppins:wght@400;600&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{grid-gap:1rem;background-color:var(--bg);box-sizing:border-box;display:grid;gap:1rem;grid-template-areas:"minichatbot tasks searchMusic  music-controller" "minichatbot tasks searchMusic pomodoro";grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:100vh;padding:1rem;width:100%}.pomodoro{grid-area:pomodoro}.tasks{grid-area:tasks}.mini-chat-bot{grid-area:minichatbot}.search-music{grid-area:searchMusic}.music-controller{grid-area:music-controller}.notifications-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:9999}.notification{align-items:center;animation:fadeIn .3s ease-in-out;border-radius:6px;box-shadow:0 2px 6px #0003;color:#fff;display:flex;font-family:var(--font-text);font-weight:400;justify-content:left;padding:12px 16px;text-align:left;width:15rem}.notification.success{background-color:#336b3591;border:2px solid green}.notification.error{background-color:#f44336}@keyframes fadeIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:0;transform:translateX(0)}to{opacity:1;transform:translateX(-10px)}}:root{--color-orange:#ff6f00;--color-orange-b:#ff6f0080;--color-pink:#ff4081;--color-yellow:#ffd500;--color-green:#00e676;--color-green-hover:#006d38;--color-purple:#6200ea;--bg:#0b0f14;--bg-elev:#11161b;--surface:#151a20;--muted:#22272d;--text-high:#e6eef3;--text-medium:#a9b3bd;--text-faint:#7e8a94;--primary:#4ea8ff;--primary-700:#2e8ce6;--accent:#9b7dff;--success:#46dca3;--warning:#ffb86b;--danger:#ff6b6b;--color-bg:#fff;--color-card-bg:#f5f5f5;--color-text-primary:#212121;--color-text-secondary:#616161;--color-border:#111;--color-overlay:#0000000d;--font-title:"Montserrat",sans-serif;--font-text:"Inter",sans-serif;--font-button:"Poppins",sans-serif}.title-gadget{color:#e6eef3;color:var(--text-high);font-family:Montserrat,sans-serif;font-family:var(--font-title);left:1rem;position:absolute;top:-.5rem}.gadget-pomodoro{align-items:center;color:var(--color-text-primary);display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;width:100%}.clock-content,.timer-content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:1rem;width:100%}.timer-content{height:100%}.clock{height:100%!important}.gadget{align-items:center;background-color:var(--bg-elev);border:1px solid var(--muted);border-radius:1rem;box-sizing:border-box;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:space-around;padding:1rem;position:relative;width:100%}.clock .time,.date{color:var(--text-high);font-family:var(--font-text);font-size:200%;margin:0;text-align:center}.buttons-cicles{align-items:center;display:flex;gap:.5rem;justify-content:center}.buttons-cicles button{background-color:initial;border:1px solid var(--muted);border-radius:.5rem;color:var(--text-high);cursor:pointer;font-family:var(--font-title);font-size:1rem;padding:.5rem 1.5rem;transition:background-color .3s ease,transform .3s ease,color .3s ease}.buttons-cicles button:active{transform:scale(.9)}.buttons-cicles button:hover{background-color:var(--primary-700)}.buttons-cicles .active{background-color:var(--primary);color:#000}.pomodoro .timer{color:var(--text-high);font-family:var(--font-text);font-size:300%;margin:0;text-align:center}.buttons-box button{background-color:var(--primary);border:1px solid var(--muted);border-radius:.5rem;cursor:pointer;font-family:var(--font-title);font-size:1rem;padding:.5rem 1.5rem;transition:background-color .3s ease,transform .3s ease}.buttons-box button:hover{background-color:var(--primary-700)}.buttons-box button:active{transform:scale(.9)}.pomodoro .buttons-box{display:flex;gap:.5rem}.gadget-music-controller{gap:1rem;height:100%}.gadget-music-controller,.video{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.video{border-radius:1rem;flex:1 1;height:80%}.buttons-controller{align-items:center;background-color:var(--bg-elev);border:1px solid var(--muted);border-radius:1rem;box-sizing:border-box;color:var(--text-high);display:flex;height:100%;justify-content:space-around;padding:2rem .5rem .5rem;position:relative;width:100%}.buttons-controller button{background-color:var(--primary);border:1px solid var(--muted);border-radius:.5rem;font-family:var(--font-text);padding:.5rem 1rem;transition:transform .3s ease,background-color .3s ease}button:hover{background-color:var(--primary-700)}button:active{transform:scale(.9)}.gadget-todolist{background-color:var(--bg-elev);border:1px solid var(--muted);border-radius:1rem;box-sizing:border-box;color:var(--text-high);height:100%;justify-content:center;max-height:100vh;max-width:100%;padding:1rem;position:relative}.gadget-todolist,.gadget-todolist ul{align-items:center;display:flex;flex-direction:column;width:100%}.gadget-todolist ul{flex:1 1;gap:.5rem;list-style:none;overflow-y:auto;padding:0 5px 0 0}.gadget-todolist ul::-webkit-scrollbar{width:10px}.gadget-todolist ul::-webkit-scrollbar-track{background-color:var(--primary);border-radius:4px;margin:0 5ch}.gadget-todolist ul::-webkit-scrollbar-thumb{background-color:var(--bg);border:2px solid var(--primary);border-radius:5px}.gadget-todolist ul::-webkit-scrollbar-thumb:hover{background-color:var(--primary-700)}.gadget-todolist .tasks-empty{align-items:center;display:flex;justify-content:center}.gadget-todolist h3{color:var(--color-text-);font-family:var(--font-text)}.done{background-color:var(--primary-700)}.add-category{align-items:center;background-color:var(--bg);border:1px solid var(--muted);border-radius:1rem;display:none;gap:1rem;justify-content:center;padding:2rem 3rem;position:absolute}.add-category .input-text{background-color:var(--bg-elev);color:var(--text-high);padding:.5rem}.add-category .input-text,.add-category button{border:1px solid var(--muted);border-radius:.5rem}.add-category button{background-color:var(--primary);cursor:pointer;font-family:var(--font-text);padding:.5rem 1rem;transition:transform .3s ease,background-color .3s ease}.color-category{height:10rem;left:0;position:absolute;top:0;width:5px}.task{border:1px solid var(--primary);border-radius:.25rem;box-sizing:border-box;height:3rem;justify-content:space-between;margin:0;overflow:hidden;padding:.25rem 0 .25rem .5rem;position:relative;-webkit-user-select:none;user-select:none;width:100%}.task,.task div{align-items:center;display:flex}.task div{font-family:var(--font-text);font-size:.85rem;gap:.5rem;justify-content:center}.drag-handle{cursor:grab;margin-right:8px}.gadget-todolist li{box-sizing:border-box;flex-shrink:0;width:100%}.task button{background-color:var(--primary);border:1px solid var(--muted);border-radius:.5rem;cursor:pointer;padding:.5rem;transition:background-color .3s ease,transform .3s ease}.task-input{align-items:center;box-sizing:border-box;flex-direction:column;justify-content:center}.task-input,.task-input .button-cont{display:flex;gap:.5rem;width:100%}.task-input input{background-color:var(--bg);box-sizing:border-box;color:var(--text-high);padding:.5rem;width:100%}.task-input button,.task-input input{border:1px solid var(--muted);border-radius:.5rem;font-family:var(--font-text)}.task-input button{background-color:var(--primary);cursor:pointer;flex:1 1;font-size:.8rem;padding:.5rem 1.5rem;transition:background-color .3s ease,transform .3s ease}.gadget-todolist button:hover{background-color:var(--primary-700)}.gadget-todolist button:active{transform:scale(.9)}.gadget-search-music{align-items:center;background-color:var(--bg-elev);border:1px solid var(--muted);border-radius:1rem;color:var(--text-high);justify-content:flex-start;padding:2rem .5rem .5rem;position:relative}.gadget-search-music,.gadget-search-music ul{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.gadget-search-music ul{gap:1.5rem;list-style:none;overflow:auto;padding:0}ul{box-sizing:border-box}.form-search-music{align-items:center;display:flex;gap:.5rem;justify-content:center;width:100%}.form-search-music input{background-color:var(--bg);border:1px solid var(--color-text-primary);border-radius:.5rem;color:var(--text-high);font-family:var(--font-text);padding:.5rem;width:100%}.form-search-music button{background-color:var(--primary);border:1px solid var(--muted);border-radius:.5rem;padding:.5rem 1rem}.video-item{border-radius:.5rem;box-sizing:border-box;cursor:pointer;display:flex;gap:1rem;margin:0;padding:.5rem;transition:background-color .3s ease;width:100%}.video-container:hover{background-color:var(--primary-700)}.video-container:hover p{color:#fff}.video-item img{border-radius:.5rem;height:5rem;width:5rem}.description-video{box-sizing:border-box;color:var(--color-text-primary);flex:1 1;flex-direction:column;overflow:hidden;text-align:left}.buttons-container,.description-video{align-items:center;display:flex;justify-content:center;width:100%}.buttons-container{gap:1rem;margin-bottom:.5rem}.buttons-container button{background-color:initial;background-color:var(--bg);border:1px solid var(--muted);border-radius:.5rem;color:var(--text-high);cursor:pointer;font-family:var(--font-title);font-size:1rem;padding:.5rem 1.5rem;transition:background-color .3s ease,transform .3s ease,color .3s ease}.video-container{border-radius:.5rem;box-sizing:border-box;display:flex;margin-right:.5rem}.label-notSearch{align-items:center;display:flex;font-family:var(--font-title);font-size:1rem;height:100%;justify-content:center;text-align:center;width:100%}.buttons-container button:active{transform:scale(.9)}.buttons-container button:hover{background-color:var(--primary-700)}.buttons-container .active{background-color:var(--primary);color:#000}.description-video h3{-webkit-line-clamp:2;color:var(--text-high);font-family:var(--font-title)}.description-video h3,.description-video p{-webkit-box-orient:vertical;display:-webkit-box;font-size:.75rem;margin:0;overflow:hidden;text-overflow:ellipsis;width:100%;word-break:break-word}.description-video p{-webkit-line-clamp:3;color:var(--text-medium);font-family:var(--font-text);transition:color .3 ease}ul::-webkit-scrollbar{width:10px}ul::-webkit-scrollbar-track{background-color:var(--primary);border-radius:4px;margin:0 5ch}ul::-webkit-scrollbar-thumb{background-color:var(--bg);border:2px solid var(--primary);border-radius:5px}ul::-webkit-scrollbar-thumb:hover{background-color:var(--primary-700)}.gadget-chat{background-color:var(--bg-elev);border:1px solid var(--muted);border-radius:1rem;box-sizing:border-box;color:var(--text-medium);flex-direction:column;gap:1rem;height:100%;justify-content:flex-start;padding:2rem 1rem 1rem;position:relative}.form-chat,.gadget-chat{align-items:center;display:flex;width:100%}.form-chat{gap:.5rem;justify-content:center}.form-chat input{background-color:var(--bg);color:var(--text-high);flex:1 1;padding:.5rem}.form-chat button,.form-chat input{border:1px solid var(--muted);border-radius:.5rem}.form-chat button{background-color:var(--primary);cursor:pointer;padding:.5rem 1rem;transition:background-color .5 ease}.form-chat button:hover{background-color:var(--primary-700);cursor:pointer}.messages-box{color:var(--color-medium);display:flex;flex-direction:column;font-family:var(--font-text);font-size:.85rem;gap:1rem;height:100%;overflow:auto;position:relative;width:100%}.user-message{background-color:var(--primary);color:var(--text-high);right:0;width:50%}.chatbot-message,.user-message{border-radius:.5rem;box-sizing:border-box;font-size:1rem;padding:.5rem}.chatbot-message{background-color:var(--bg);border:1px solid var(--primary);left:0;width:100%;z-index:1}.messages-box p{margin:0}.message-box{align-content:center;box-sizing:border-box;display:flex;width:100%}.user-chat-box{justify-content:right}.bot-chat-box{flex:1 1;justify-content:left}
/*# sourceMappingURL=main.b969c07d.css.map*/