:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%}h1{font-size:2em;line-height:1.1;margin:0}h2{font-size:1.5em;margin:0 0 1em}h3{font-size:1.1em;margin:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,textarea,select{font-family:inherit;font-size:1em;padding:.5em;border-radius:4px;border:1px solid #444;background-color:#1a1a1a;color:#ffffffde;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #646cff;border-color:#646cff}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}input,textarea,select{background-color:#f9f9f9;color:#213547;border-color:#ccc}}.pwa-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;max-width:400px;width:calc(100% - 40px);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.pwa-prompt-content{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #00000026;border:1px solid #e0e0e0}.pwa-prompt h3{margin:0 0 10px;font-size:18px;color:#333}.pwa-prompt p{margin:0 0 15px;font-size:14px;color:#666;line-height:1.5}.pwa-prompt-actions{display:flex;gap:10px}.pwa-install-btn,.pwa-dismiss-btn{flex:1;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.pwa-install-btn{background:#4a90e2;color:#fff}.pwa-install-btn:hover{background:#357abd}.pwa-dismiss-btn{background:#f5f5f5;color:#666}.pwa-dismiss-btn:hover{background:#e0e0e0}@media(max-width:768px){.pwa-prompt{bottom:10px;width:calc(100% - 20px)}.pwa-prompt-content{padding:15px}.pwa-prompt h3{font-size:16px}.pwa-prompt p{font-size:13px}}.update-notification{position:fixed;top:20px;right:20px;z-index:1000;max-width:350px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.update-notification-content{background:#fff;border-radius:8px;padding:16px;box-shadow:0 4px 12px #00000026;border-left:4px solid #4a90e2}.update-notification p{margin:0 0 12px;font-size:14px;color:#333;font-weight:500}.update-notification-actions{display:flex;gap:8px}.update-btn,.update-close-btn{padding:8px 16px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.update-btn{background:#4a90e2;color:#fff;flex:1}.update-btn:hover{background:#357abd}.update-close-btn{background:#f5f5f5;color:#666;flex:1}.update-close-btn:hover{background:#e0e0e0}@media(max-width:768px){.update-notification{top:10px;right:10px;left:10px;max-width:none}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.app-header h1{margin-bottom:.5rem}.app-nav{margin-top:1rem;display:flex;gap:1rem;justify-content:center}.nav-btn{background-color:#ffffff1a;color:#fff;border:2px solid transparent;padding:.6em 1.5em;border-radius:6px;cursor:pointer;font-size:1em;transition:all .2s}.nav-btn:hover{background-color:#fff3}.nav-btn.active{background-color:#fff;color:#667eea;border-color:#fff}.app-subtitle{margin:0;font-size:.9em;opacity:.9}.app-content{flex:1;display:grid;grid-template-columns:350px 1fr;gap:2rem;padding:2rem;max-width:1600px;margin:0 auto;width:100%}.sidebar{background-color:#ffffff0d;padding:1.5rem;border-radius:12px;height:fit-content;position:sticky;top:2rem}.main-content{flex:1}.task-lists{display:grid;gap:2rem}.task-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.form-group label{font-weight:500;font-size:.9em}.btn-primary{background-color:#667eea;color:#fff;border:none;padding:.8em 1.5em;margin-top:.5rem}.btn-primary:hover{background-color:#5568d3;border-color:transparent}.btn-secondary{background-color:transparent;color:#667eea;border:1px solid #667eea;padding:.4em 1em;font-size:.85em;margin-right:.5rem}.btn-secondary:hover{background-color:#667eea1a;border-color:#667eea}.btn-warn{background-color:transparent;color:#ffc107;border:1px solid #ffc107;padding:.4em 1em;font-size:.85em;margin-right:.5rem}.btn-warn:hover{background-color:#ffc1071a;border-color:#ffc107}.task-list{background-color:#ffffff0d;padding:1.5rem;border-radius:12px}.task-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.1)}.task-count{font-size:1.2em;font-weight:700;padding:.3em .8em;border-radius:20px;background-color:#667eea4d}.task-count.warning{background-color:#ffc1074d;color:#ffc107}.task-count.max{background-color:#f443364d;color:#f44336}.alert{padding:.8em;border-radius:6px;margin-bottom:1rem;font-size:.9em}.alert-warning{background-color:#ffc10733;border-left:4px solid #ffc107}.alert-danger{background-color:#f4433633;border-left:4px solid #f44336}.alert-success{background-color:#4caf5033;border-left:4px solid #4caf50;color:#4caf50}.task-items{display:flex;flex-direction:column;gap:1rem}.empty-message{text-align:center;color:#ffffff80;padding:2rem;font-style:italic}.task-item{background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:8px;transition:all .2s}.task-item:hover{background-color:#ffffff0d;border-color:#667eea80}.task-item.completed{opacity:.6}.task-item.completed .task-title{text-decoration:line-through}.task-header{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:.5rem}.task-checkbox{width:20px;height:20px;margin-top:.2rem;cursor:pointer;flex-shrink:0}.task-title{flex:1;word-break:break-word}.task-description{margin:.5rem 0 .5rem 2rem;color:#ffffffb3;font-size:.9em;white-space:pre-wrap}.task-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.1)}.task-actions{display:flex;gap:.5rem;align-items:center}.task-date{font-size:.8em;color:#ffffff80}.task-item.editing{padding:1.5rem}.task-item.editing .form-group{margin-bottom:1rem}.task-item.editing .task-footer{border-top:none;margin-top:0;padding-top:0;justify-content:flex-end}.status-filter{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.status-filter label{font-size:.9em;font-weight:500}.filter-select{padding:.5em .8em;border-radius:4px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff0d;color:inherit;cursor:pointer}.filter-select:hover{background-color:#ffffff14}.btn-danger{background-color:transparent;color:#f44336;border:1px solid #f44336;padding:.4em 1em;font-size:.85em}.btn-danger:hover{background-color:#f443361a;border-color:#f44336}.completed-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid rgba(255,255,255,.1)}.completed-section summary{cursor:pointer;font-weight:500;padding:.5rem;border-radius:4px;-webkit-user-select:none;user-select:none}.completed-section summary:hover{background-color:#ffffff0d}.completed-section .task-items{margin-top:1rem}.app-footer{background-color:#ffffff0d;padding:1.5rem;text-align:center;color:#fff9;font-size:.9em}.app-footer p{margin:0}@media(max-width:1024px){.app-content{grid-template-columns:1fr}.sidebar{position:static}}@media(prefers-color-scheme:light){.sidebar,.task-list,.task-item{background-color:#00000005;border-color:#0000001a}.task-item:hover{background-color:#0000000d}.task-list-header{border-bottom-color:#0000001a}.task-description,.task-date{color:#0009}.empty-message{color:#0006}.task-footer{border-top-color:#0000001a}.filter-select{border-color:#0003;background-color:#0000000d}.filter-select:hover{background-color:#00000014}.app-footer{background-color:#00000005;color:#0009}}.review-form{display:flex;flex-direction:column;gap:1rem}.checklist{display:flex;flex-direction:column;gap:.8rem;padding:.5rem 0}.checkbox-label{display:flex;align-items:center;gap:.8rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.checkbox-label:hover{background-color:#ffffff0d}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label span{font-size:1em}.checkbox-label.disabled{cursor:default;opacity:.8}.checkbox-label.disabled:hover{background-color:transparent}.review-history,.review-log-list{display:flex;flex-direction:column;gap:1.5rem}.review-log-item{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1.5rem;border-radius:12px}.review-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.1)}.review-log-header h3{margin:0;font-size:1.2em}.review-log-content{display:flex;flex-direction:column;gap:1.5rem}.review-checklist h4,.review-notes h4{margin:0 0 .8rem;font-size:1em;color:#ffffffb3}.checklist-items{display:flex;flex-direction:column;gap:.5rem}.notes-content{margin:0;white-space:pre-wrap;line-height:1.6;padding:1rem;background-color:#ffffff08;border-radius:6px;border-left:3px solid #667eea}@media(prefers-color-scheme:light){.checkbox-label:hover{background-color:#0000000d}.review-log-item{background-color:#00000005;border-color:#0000001a}.review-log-header{border-bottom-color:#0000001a}.review-checklist h4,.review-notes h4{color:#0009}.notes-content{background-color:#00000008}}.weekly-view{background-color:#ffffff0d;padding:1.5rem;border-radius:12px}.weekly-view h2{margin-top:0;margin-bottom:.5rem}.week-info{color:#ffffffb3;font-size:.9em;margin-bottom:1.5rem}.weekly-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem}.day-column{background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;min-height:200px}.day-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:.8rem;text-align:center}.day-header h3{margin:0;font-size:1em;color:#fff}.day-routines{padding:.8rem;display:flex;flex-direction:column;gap:.8rem}.no-routines{text-align:center;color:#fff6;font-size:.85em;font-style:italic;margin:1rem 0}.routine-item{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.8rem;border-radius:6px;transition:all .2s;display:flex;flex-direction:column;gap:.5rem}.routine-item:hover{background-color:#ffffff14;border-color:#667eea80}.routine-item.completed{opacity:.7}.routine-item.completed .routine-title{text-decoration:line-through}.routine-content{display:flex;align-items:flex-start;gap:.6rem}.routine-checkbox{width:18px;height:18px;margin-top:.1rem;cursor:pointer;flex-shrink:0}.routine-details{flex:1;display:flex;flex-direction:column;gap:.3rem}.routine-title{word-break:break-word;font-size:.95em}.routine-time{font-size:.8em;color:#fff9}.btn-delete{background-color:transparent;color:#f44336;border:1px solid rgba(244,67,54,.3);padding:.3em .6em;font-size:.75em;align-self:flex-end}.btn-delete:hover{background-color:#f443361a;border-color:#f44336}@media(max-width:1400px){.weekly-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.weekly-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.weekly-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:light){.weekly-view{background-color:#00000005}.week-info{color:#0009}.day-column{background-color:#00000005;border-color:#0000001a}.no-routines{color:#0006}.routine-item{background-color:#00000008;border-color:#0000001a}.routine-item:hover{background-color:#0000000d}.routine-time{color:#0009}}.monthly-task-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.monthly-task-item{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:8px;transition:all .2s}.monthly-task-item:hover{background-color:#ffffff14;border-color:#667eea4d}.monthly-task-header{margin-bottom:.8rem}.monthly-task-info{display:flex;flex-direction:column;gap:.4rem}.monthly-task-title{font-size:1em;font-weight:500}.monthly-task-category{font-size:.85em;color:#fff9}.monthly-task-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.btn-action{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);padding:.5em 1em;border-radius:6px;cursor:pointer;font-size:.9em;transition:all .2s;color:inherit}.btn-action:hover{background-color:#ffffff1a;border-color:#667eea80}.btn-action.active{background-color:#667eea4d;border-color:#667eea;color:#667eea;font-weight:500}.btn-action.btn-archive.active{background-color:#f443364d;border-color:#f44336;color:#f44336}.category-change-group{display:flex;gap:.5rem;align-items:center}.category-select{padding:.5em .8em;border-radius:6px;border:1px solid rgba(102,126,234,.5);background-color:#ffffff0d;color:inherit;cursor:pointer;font-size:.9em}.category-select:hover{background-color:#ffffff1a}@media(prefers-color-scheme:light){.monthly-task-item{background-color:#00000005;border-color:#0000001a}.monthly-task-item:hover{background-color:#0000000d;border-color:#667eea4d}.monthly-task-category{color:#0009}.btn-action{background-color:#00000008;border-color:#0003}.btn-action:hover{background-color:#0000000d}.category-select{background-color:#00000008;border-color:#667eea80}.category-select:hover{background-color:#0000000d}}.dashboard{background-color:#ffffff0d;padding:1.5rem;border-radius:12px;margin-bottom:2rem}.dashboard-title{margin-top:0;margin-bottom:1.5rem;font-size:1.5em;color:#667eea}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard-card{background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:1.5rem;border-radius:10px;transition:all .2s}.dashboard-card:hover{background-color:#ffffff0d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dashboard-card h3{margin:0 0 1rem;font-size:1.1em;color:#ffffffe6}.dashboard-count{font-size:2em;font-weight:700;margin-bottom:1rem;color:#667eea}.dashboard-today .dashboard-count{color:#4caf50}.dashboard-month .dashboard-count{color:#2196f3}.dashboard-future .dashboard-count{color:#ff9800}.dashboard-warning{background-color:#ffc10733;border-left:4px solid #ffc107;padding:.8rem;border-radius:4px;margin-bottom:1rem;font-size:.9em;font-weight:500}.dashboard-task-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.dashboard-task-list li{padding:.6rem;background-color:#ffffff0d;border-radius:6px;font-size:.9em;border-left:3px solid #667eea}.dashboard-task-list .dashboard-more{border-left-color:#ffffff4d;font-style:italic;color:#fff9}.dashboard-empty{color:#ffffff80;font-style:italic;margin:0}.dashboard-note{color:#ffffffb3;font-size:.9em;margin:0}.dashboard-review{grid-column:1 / -1}.review-info{display:flex;flex-direction:column;gap:1rem}.review-item{display:flex;flex-direction:column;gap:.5rem}.review-label{font-weight:500;color:#ffffffe6}.review-dates{display:flex;gap:1.5rem;padding-left:1rem}.review-next{color:#4caf50;font-weight:500}.review-last{color:#fff9;font-size:.9em}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}.review-dates{flex-direction:column;gap:.5rem}}@media(prefers-color-scheme:light){.dashboard{background-color:#00000005}.dashboard-card{background-color:#00000005;border-color:#0000001a}.dashboard-card:hover{background-color:#0000000a}.dashboard-card h3{color:#000c}.dashboard-task-list li{background-color:#00000008}.dashboard-empty,.dashboard-note{color:#0009}.review-label{color:#000c}.review-last{color:#0009}}.data-management-content{grid-template-columns:1fr;max-width:900px}.data-management{background-color:#ffffff0d;padding:2rem;border-radius:12px}.data-management h2{margin-top:0;margin-bottom:.5rem;font-size:1.8em;color:#667eea}.data-management-description{color:#ffffffb3;margin-bottom:2rem;line-height:1.6}.data-management-section{background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:1.5rem;border-radius:10px;margin-bottom:2rem}.data-management-section h3{margin-top:0;margin-bottom:.8rem;font-size:1.3em;color:#ffffffe6}.section-description{color:#ffffffb3;margin-bottom:1.5rem;font-size:.95em}.import-mode-selector{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.import-mode-label{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s}.import-mode-label:hover{background-color:#ffffff0d;border-color:#667eea4d}.import-mode-label input[type=radio]{margin-top:.2rem;width:20px;height:20px;cursor:pointer;flex-shrink:0}.import-mode-label input[type=radio]:checked+.import-mode-content{color:#667eea}.import-mode-label input[type=radio]:checked{accent-color:#667eea}.import-mode-label:has(input[type=radio]:checked){border-color:#667eea;background-color:#667eea1a}.import-mode-content{display:flex;flex-direction:column;gap:.5rem;flex:1}.import-mode-content strong{font-size:1.05em}.import-mode-desc{font-size:.9em;color:#fff9;line-height:1.4}.file-input-wrapper{position:relative}.file-input{position:absolute;opacity:0;width:0;height:0}.file-label{display:inline-block;cursor:pointer;margin:0}.file-label:hover{background-color:#5568d3}.data-management-info{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3);padding:1.5rem;border-radius:10px}.data-management-info h4{margin-top:0;margin-bottom:1rem;color:#667eea;font-size:1.1em}.data-management-info p{color:#fffc;margin-bottom:.8rem}.data-management-info ul{margin:0;padding-left:1.5rem;color:#ffffffb3;line-height:1.8}.pwa-info{background:linear-gradient(135deg,#4a90e21a,#357abd1a);border:1px solid rgba(74,144,226,.3)}.pwa-benefits,.pwa-instructions{margin-top:1rem}.pwa-benefits h4,.pwa-instructions h4{color:#4a90e2;margin-bottom:.5rem;font-size:1em}.pwa-benefits ul,.pwa-instructions ol{color:#fffc;line-height:1.6;margin:.5rem 0;padding-left:1.5rem}.pwa-platform{margin:1rem 0;padding:1rem;background:#0003;border-radius:8px}.pwa-platform strong{color:#4a90e2;display:block;margin-bottom:.5rem}.pwa-platform ol{margin:.5rem 0 0;padding-left:1.5rem;color:#fffc}@media(prefers-color-scheme:light){.data-management{background-color:#00000005}.data-management-description{color:#000000b3}.data-management-section{background-color:#00000005;border-color:#0000001a}.data-management-section h3{color:#000000e6}.section-description{color:#000000b3}.import-mode-label{border-color:#0000001a}.import-mode-label:hover{background-color:#00000008;border-color:#667eea4d}.import-mode-desc{color:#0009}.data-management-info p{color:#000c}.data-management-info ul{color:#000000b3}.pwa-benefits h4,.pwa-instructions h4{color:#357abd}.pwa-benefits ul,.pwa-instructions ol{color:#000c}.pwa-platform{background:#4a90e20d}.pwa-platform strong{color:#357abd}.pwa-platform ol{color:#000c}}