:root{--primary-color:#25aa60;--primary-dark:#1d8549;--primary-light:#67c694;--primary-very-light:#e4f7ed;--accent-color:#137a41;--accent-light:#8fdcb4;--text-on-primary:#fff;--text-primary:#2e3c40;--text-secondary:#5c6970;--success-color:#1d8549;--warning-color:#ff9800;--error-color:#d32f2f;--background-light:#f5f5f5;--background-white:#fff;--border-color:#e0e0e0;--divider-color:#eee}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--background-light);color:#2e3c40;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;position:relative}canvas,embed,iframe,img,object,svg,video{height:auto;max-width:100%}#root{min-height:100%;overflow-x:hidden;width:100%}header{box-sizing:border-box;display:flex;justify-content:center;left:0;max-width:100vw!important;padding:1rem 1.5rem!important;right:0;width:100vw!important}header h1{text-align:center;width:100%}main{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:100%!important;overflow-x:hidden;padding:16px 0!important;width:100%!important}main>*{box-sizing:border-box!important;margin-bottom:16px!important;margin-left:auto!important;margin-right:auto!important;max-width:450px!important;width:92%!important}article,aside,div,section{box-sizing:border-box;max-width:100%}.header,header.header{margin-top:0!important;padding-bottom:16px!important;padding-top:16px!important}.fokus,.music-fokus,.musik-fokus,[class*=music-player]{border-radius:12px!important;margin:16px auto!important;max-width:450px!important;overflow:hidden!important;width:92%!important}.content-section,.main-content>*,.music-player,.music-player-container,.pomodoro-container,.pomodoro-timer,.task-form,.task-list-container,.widget-container{border-radius:12px!important;margin-left:auto!important;margin-right:auto!important;max-width:450px!important;overflow:hidden!important;width:92%!important}@media (max-width:767px){body{margin-bottom:5rem;padding-bottom:1rem}.content-section,.sidebar{width:100%!important}.content-section{border-radius:12px;margin-bottom:1rem;padding:1rem!important}.main-content{display:block!important;width:100%!important}}.focus-header,.music-mini-player,.music-player-header{margin:0 auto!important;padding:12px 16px!important;width:100%!important}.form-control,.task-select,input,select{margin:8px auto!important;max-width:100%!important;width:100%!important}.form-group,.task-selection{margin:0 auto!important;padding:12px 16px!important;width:100%!important}.circle-container,.timer-container,.timer-display{align-items:center!important;display:flex!important;justify-content:center!important;margin:0 auto!important;max-width:100%!important;width:100%!important}.time-text,.timer-text{margin:0 auto!important;text-align:center!important}.navigation{background-color:#fff!important;border-top:1px solid #eee!important;bottom:0!important;display:flex!important;justify-content:space-around!important;left:0!important;padding:8px 0!important;position:fixed!important;right:0!important;width:100%!important;z-index:100!important}button{cursor:pointer;font-family:inherit}button.primary{background-color:#25aa60;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;color:var(--text-on-primary);font-weight:500;padding:8px 16px;transition:background-color .2s ease}button.primary:hover{background-color:#1d8549;background-color:var(--primary-dark)}button.secondary{background-color:initial;border:1px solid #25aa60;border:1px solid var(--primary-color);border-radius:4px;color:#25aa60;color:var(--primary-color);font-weight:500;padding:8px 16px;transition:background-color .2s ease}button.secondary:hover{background-color:#e4f7ed;background-color:var(--primary-very-light)}input,select,textarea{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:16px;max-width:100%;padding:8px 12px;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{border-color:#25aa60;border-color:var(--primary-color);box-shadow:0 0 0 2px #e4f7ed;box-shadow:0 0 0 2px var(--primary-very-light);outline:none}a{color:#25aa60;color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:#1d8549;color:var(--primary-dark)}.filter-section{flex-wrap:wrap!important;overflow-x:auto;padding:1rem!important;width:100%!important}@media (max-width:767px){.filter-section{flex-direction:column!important;gap:.75rem!important}.filter-select,.search-input{width:100%!important}}.task-card{margin-bottom:1rem!important;width:100%!important}.modal{padding:1rem!important}.modal-content{max-height:85vh!important;width:95%!important}.nav-link,.navigation a{align-items:center!important;color:#666!important;display:flex!important;flex:1 1;flex-direction:column!important;font-size:.8rem!important;justify-content:center!important;padding:4px 0!important;text-align:center!important;text-decoration:none!important}.nav-link.active,.navigation a.active{color:#25aa60!important}.nav-link i,.navigation a i{font-size:1.5rem!important;margin-bottom:4px!important}.time-text,.timer-digits,.timer-text{color:#25aa60!important;display:flex!important;font-size:3.5rem!important;font-weight:700!important;justify-content:center!important;margin:0 auto!important;text-align:center!important;width:100%!important}.sidebar,aside{margin:0 auto!important;max-width:450px!important;width:92%!important}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.text-primary{color:#25aa60;color:var(--primary-color)}.text-success{color:#1d8549;color:var(--success-color)}.text-warning{color:#ff9800;color:var(--warning-color)}.text-error{color:#d32f2f;color:var(--error-color)}.text-secondary{color:#5c6970;color:var(--text-secondary)}.bg-primary{background-color:#25aa60;background-color:var(--primary-color);color:#fff;color:var(--text-on-primary)}.bg-light{background-color:#e4f7ed;background-color:var(--primary-very-light)}.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.rounded-full{border-radius:9999px}.shadow{box-shadow:0 1px 3px #0000001a}.shadow-md{box-shadow:0 4px 6px #0000001a}.shadow-lg{box-shadow:0 10px 15px #0000001a}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}.notification{border-radius:4px;font-weight:500;margin-bottom:1rem;padding:10px 15px;width:100%}.notification.success{background-color:#e4f7ed;background-color:var(--primary-very-light);border-left:4px solid #1d8549;border-left:4px solid var(--success-color);color:#1d8549;color:var(--success-color)}.notification.warning{background-color:#fff8e1;border-left:4px solid #ff9800;border-left:4px solid var(--warning-color);color:#ff9800;color:var(--warning-color)}.notification.error{background-color:#ffebee;border-left:4px solid #d32f2f;border-left:4px solid var(--error-color);color:#d32f2f;color:var(--error-color)}.loading{animation:spin 1s ease-in-out infinite;border:2px solid #25aa604d;border-radius:50%;border-top:2px solid var(--primary-color);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.task-card-anim-enter{opacity:0;transform:translateY(10px)}.task-card-anim-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.task-card-anim-exit{opacity:1}.task-card-anim-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .2s,transform .2s}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#25aa6080;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#25aa60b3}.focus-shadow:focus{box-shadow:0 0 0 3px #25aa6026;outline:none}.task-item-hover{transition:all .3s ease}.task-item-hover:hover{box-shadow:0 8px 20px #00000012;transform:translateY(-2px)}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.badge-high{background-color:#fee2e2;color:#ef4444}.badge-medium{background-color:#fef3c7;color:#f59e0b}.badge-low{background-color:#d1fae5;color:#10b981}.filter-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #25aa600d;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem;width:100%}.filter-select{-webkit-appearance:none;appearance:none;background-color:#f9fafb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;min-width:100%;padding:.75rem 1rem;transition:all .2s ease}.filter-select:focus,.filter-select:hover{border-color:#25aa60}.filter-select:focus{box-shadow:0 0 0 3px #25aa601a;outline:none}.search-container{flex-grow:1;min-width:100%;position:relative;width:100%}.search-container input{background-color:#f9fafb;border:1px solid #e0e0e0;border-radius:8px;font-size:.9rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s ease;width:100%}.search-container input:focus,.search-container input:hover{border-color:#25aa60}.search-container input:focus{box-shadow:0 0 0 3px #25aa601a;outline:none}.search-icon{color:#9ca3af;font-size:1.25rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.empty-state{background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;color:#6b7280;flex-direction:column;padding:3rem 2rem;text-align:center;width:100%}.empty-state,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{background-color:#f3f4f6;border-radius:50%;height:60px;margin-bottom:1.5rem;width:60px}.empty-state-icon i{color:#9ca3af;font-size:30px}.empty-state-title{color:#4b5563;font-weight:600;margin:0 0 .5rem}.empty-state-text{color:#6b7280;line-height:1.5;margin:0;max-width:300px}.action-button{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:.35rem;transition:all .2s ease}.action-button:hover{background-color:#f3f4f6}.action-button.complete:hover{color:#10b981}.action-button.edit:hover{color:#3b82f6}.action-button.delete:hover{color:#ef4444}.music-player-container,.pomodoro-container{width:100%!important}.pomodoro-container{max-width:100%!important}.widget-container{width:100%!important}.floating-button{align-items:center!important;background-color:#25aa60!important;border-radius:50%!important;bottom:5rem!important;box-shadow:0 4px 12px #25aa6040!important;color:#fff!important;display:flex!important;height:56px!important;justify-content:center!important;position:fixed!important;right:4%!important;width:56px!important;z-index:99!important}.music-fokus,.musik-fokus{margin-bottom:16px!important}.fokus,.fokus-header,.music-fokus,.musik-fokus{background-color:#25aa60!important;border-radius:12px!important;color:#fff!important;max-width:450px!important;width:92%!important}.fokus,.fokus-header,.task-selection,.white-card{margin:0 auto 16px!important;padding:16px!important}.task-selection,.white-card{background-color:#fff!important;border-radius:12px!important;max-width:450px!important;width:92%!important}@media (min-width:576px){.filter-section{flex-direction:row!important}.filter-select{min-width:160px;width:auto}}@media (min-width:768px){body{margin-bottom:0}.main-content{grid-gap:1.5rem!important;display:grid!important;gap:1.5rem!important;grid-template-columns:3fr 1fr!important;max-width:1000px!important}main>*{max-width:1000px}.content-section,.music-player-container,.pomodoro-container,.widget-container{max-width:100%!important}.floating-button{bottom:1.5rem!important;margin-right:0!important;right:1.5rem!important;transform:none!important}.filter-select,.search-container{min-width:auto}}header{margin-bottom:16px!important}.music-fokus,.music-player-container,.musik-fokus,header+div,header+section{margin-top:16px!important}.mini-player,.player-mini,[class*=mini-player]{align-items:center!important;background-color:#ffffff1a!important;border-radius:8px!important;display:flex!important;margin:8px!important;padding:8px 12px!important}.album-art,.track-thumbnail,[class*=thumbnail]{border-radius:4px!important;height:40px!important;margin-right:12px!important;object-fit:cover!important;width:40px!important}.track-details,.track-info,[class*=track-info]{flex:1 1!important;overflow:hidden!important}.song-title,.track-title,[class*=title]{color:#fff!important;font-size:.9rem!important;font-weight:600!important}.artist-name,.song-title,.track-artist,.track-title,[class*=artist],[class*=title]{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.artist-name,.track-artist,[class*=artist]{color:#fffc!important;font-size:.8rem!important;opacity:.8!important}@media (min-width:992px){main{max-width:1200px!important;padding:1.5rem!important}}@media (min-width:1200px){main{padding:2rem!important}}
/*# sourceMappingURL=main.d6b28b34.css.map*/