@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap";:root{--primary-color: #4a90e2;--secondary-color: #f4f4f4;--border-color: #ccc;--shadow-color: rgba(0, 0, 0, .08);--font-stack: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}*{margin:0;padding:0}body{margin:40px;font-family:Lato,Arial,Helvetica,sans-serif;box-sizing:border-box}.app-container{padding:40px;position:relative;background-color:#f3f3f3;border-radius:10px;max-width:80%;margin:auto}.main-header{margin-bottom:15px}.main-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.right-panel{grid-column:span 2 / span 2}.left-panel,.right-panel{background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:20px;min-height:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px}.form-container{display:flex;flex-direction:column;gap:10px}.form-label{font-weight:700;margin-top:10px;margin-bottom:5px}.form-input{padding:10px;border-radius:4px;border:1px solid #ddd;width:100%;box-sizing:border-box}.form-button{padding:12px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s}.form-button:hover{opacity:.9}.task-card{border:1px solid #eee;padding:15px;margin-bottom:15px;border-radius:8px;box-shadow:0 2px 5px #00000014}.task-card-divider{border:none;border-top:1px solid #eee;margin:10px 0}.task-actions{margin-top:10px;display:flex;gap:10px}.task-actions button{padding:6px 10px;border:1px solid var(--border-color);border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease;font-weight:500}.task-actions .status-btn{background:#f0f0f0;color:#444}.task-actions .edit-btn{color:#fff;background-color:#6c63ff;border-color:var(--primary-color)}.task-actions .delete-btn{background:#dc3545;color:#fff;border-color:#dc3545}.task-actions button:hover{opacity:.9;transform:translateY(-1px)}