*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f0f8f0;color:#333;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{background:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.navbar-left{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{width:32px;height:32px;background:#88da8b;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.logo-text{font-size:24px;font-weight:600;color:#333}.navbar-right{display:flex;align-items:center;gap:2rem}.nav-buttons{display:flex;gap:.5rem}.nav-button{padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .2s ease;border:none;background:#fff;color:#4caf50;cursor:pointer}.nav-button:hover{background:#f0f8f0}.nav-button.active{background:#88da8b;color:#fff}.navbar-icons{display:flex;align-items:center;gap:1rem}.notification-icon{font-size:20px;cursor:pointer}.profile-section{display:flex;align-items:center;gap:.5rem}.profile-picture{width:32px;height:32px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:16px}.profile-text{font-weight:500;color:#333}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.task-list-page{background:#f0f8f0;min-height:calc(100vh - 80px);padding:2rem}.page-header{margin-bottom:2rem}.page-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:1rem}.quick-filters{margin-bottom:1rem}.filters-label{color:#666;font-size:.9rem;margin-bottom:.5rem}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-button{padding:.5rem 1rem;border:none;border-radius:6px;background:#fff;color:#88da8b;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-button:hover{background:#f0f8f0}.filter-button.active{background:#88da8b;color:#fff}.list-description{color:#666;font-size:.9rem;margin-top:1rem}.tasks-container{display:flex;flex-direction:column;gap:1rem}.task-item{background:#fff;border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 4px #0000001a}.task-left{display:flex;align-items:center}.task-checkbox{width:24px;height:24px;border:2px solid #4CAF50;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.task-checkbox.checked{background:#88da8b}.checkmark{color:#fff;font-size:14px;font-weight:700}.task-content{flex:1}.task-title{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:.25rem}.task-meta{color:#666;font-size:.9rem}.task-actions{display:flex;gap:.5rem}.action-button{padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-weight:500;font-size:.9rem;cursor:pointer;border:none;transition:all .2s ease}.action-button.view,.action-button.modify{background:#fff;color:#4caf50;border:1px solid #4CAF50}.action-button.view:hover,.action-button.modify:hover{background:#f0f8f0}.action-button.delete{background:#ff6b6b;color:#fff;border:1px solid #ff6b6b}.action-button.delete:hover{background:#ff5252}.task-form-page{background:#f0f8f0;min-height:calc(100vh - 80px);padding:2rem;display:flex;justify-content:center;align-items:flex-start}.form-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a;width:100%;max-width:600px}.form-title{font-size:1.8rem;font-weight:600;color:#333;margin-bottom:2rem}.task-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-label{font-weight:500;color:#666;font-size:.9rem}.form-input,.form-textarea{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#4caf50}.form-textarea{resize:vertical;min-height:100px}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.reset-button,.save-button{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;border:none}.reset-button{background:#fff;color:#4caf50;border:1px solid #4CAF50}.reset-button:hover{background:#f0f8f0}.save-button{background:#4caf50;color:#fff}.save-button:hover{background:#45a049}.button-icon{font-size:1rem}.task-detail-page{background:#f0f8f0;min-height:calc(100vh - 80px);padding:2rem;display:flex;justify-content:center;align-items:flex-start}.detail-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a;width:100%;max-width:800px}.detail-title{font-size:1.8rem;font-weight:600;color:#333;margin-bottom:2rem}.task-header{background:#f0f8f0;border-radius:8px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.task-header-left{display:flex;align-items:center;gap:1rem}.task-icon{font-size:1.5rem}.task-header-info{display:flex;flex-direction:column;gap:.5rem}.task-header-title{font-size:1.3rem;font-weight:600;color:#333}.task-meta{display:flex;gap:1rem;color:#666;font-size:.9rem}.task-header-actions{display:flex;gap:.5rem}.header-action-button{padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;border:none;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.header-action-button.modify{background:#fff;color:#4caf50;border:1px solid #4CAF50}.header-action-button.modify:hover{background:#f0f8f0}.header-action-button.delete{background:#fff;color:#ff6b6b;border:1px solid #ff6b6b}.header-action-button.delete:hover{background:#ffe0e0}.header-action-button.complete{background:#4caf50;color:#fff}.header-action-button.complete:hover{background:#45a049}.action-icon{font-size:.9rem}.task-fields{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.field-group{display:flex;flex-direction:column;gap:.5rem}.field-label{font-weight:500;color:#666;font-size:.9rem}.field-input,.field-textarea{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;background:#fff;transition:border-color .2s ease}.field-input:focus,.field-textarea:focus{outline:none;border-color:#4caf50}.field-input:disabled,.field-textarea:disabled{background:#f9f9f9;color:#333}.field-textarea{resize:vertical;min-height:100px}.status-bar{background:#f0f8f0;border-radius:8px;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.status-left{display:flex;align-items:center;gap:.5rem}.status-icon{font-size:1rem}.status-text{color:#333;font-size:.9rem}.view-history-button{background:#fff;color:#4caf50;border:1px solid #4CAF50;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.view-history-button:hover{background:#f0f8f0}.history-icon{font-size:.9rem}.bottom-actions{display:flex;justify-content:center;gap:1rem}.back-button,.save-changes-button{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;text-decoration:none;border:none}.back-button{background:#fff;color:#4caf50;border:1px solid #4CAF50}.back-button:hover{background:#f0f8f0}.save-changes-button{background:#4caf50;color:#fff}.save-changes-button:hover{background:#45a049}.back-icon,.save-icon{font-size:1rem}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.2rem;color:#666}@media (max-width: 768px){.navbar{padding:1rem;flex-direction:column;gap:1rem}.navbar-right{flex-direction:column;gap:1rem}.nav-buttons{flex-wrap:wrap;justify-content:center}.form-row{grid-template-columns:1fr}.task-header{flex-direction:column;gap:1rem;align-items:flex-start}.task-header-actions{flex-wrap:wrap}.status-bar{flex-direction:column;gap:1rem;align-items:flex-start}.bottom-actions{flex-direction:column}}