@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap";body{background-color:#f4f7f6;font-family:Cairo,sans-serif;margin:0;display:flex;justify-content:center;padding:20px}.app-container{width:600px;border-radius:15px;box-shadow:0 4px 20px #00000014;direction:rtl;min-height:100vh;padding:20px;background-color:#fff;color:#000;font-family:Cairo,sans-serif}.dark-mode{background-color:#1a1a1a;color:#fff}@media(max-width:600px){.app-container{width:100%}}.header-icon{width:24px;height:24px;cursor:pointer}.task-buttons{margin-top:10px;display:flex;gap:10px;justify-content:flex-end;position:absolute;top:15px;left:0;margin-left:36px;margin-bottom:10px}.task-buttons button.btn-delete{background-color:#dc3545}.task-buttons button.btn-archive{background-color:#ffc107;color:#333}.task-buttons button.btn-alarm{background-color:#28a745}.task-buttons button.recurring-btn{background-color:#17a2b8}.task-buttons button:hover,.btn-alarm button:hover,.recurring-options button:hover{opacity:.9}.task-buttons button{background-color:#dc3545;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:14px}button,input{font-family:inherit}.recurring-sub-options{background-color:#fafafa;border-radius:4px;padding:10px;box-shadow:3px 3px 4px #c6c6c6;order:2;margin:10px 0}.task-item{position:relative}.add-task-btn{background-color:#3498db;color:#fff;border:none}.view-archive-btn{background-color:#9b59b6;color:#fff;border:none}.alarm-options{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.option-btn{padding:8px 15px;border:1px solid #ddd;background:#fff;border-radius:4px;transition:.3s}.option-btn.active{background-color:#3498db;color:#fff;border-color:#2980b9}.repeat-input-wrapper{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:15px}.time-input{width:120px;padding:8px;font-weight:700;border-radius:5px;border:1px solid #ccc}.input-label{font-weight:600;color:#555}.modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:#fff;padding:30px;border-radius:15px;width:90%;max-width:360px;text-align:center;box-shadow:0 10px 30px #0000004d}.modal-content input{width:100%;padding:12px;margin:10px 0;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:1rem}.modal-actions{display:flex;gap:10px;margin-top:20px}.confirm-btn{flex:1;padding:12px;background-color:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700}.cancel-btn{flex:1;padding:12px;background-color:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700}.dark-mode .modal-content{background-color:#333!important;color:#fff!important}.dark-mode .modal-content input{background-color:#444;color:#fff;border-color:#555}.icon-btn-style{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center}.action-btn-style{padding:10px 20px;cursor:pointer;border-radius:5px;border:1px solid rgb(204,204,204)}.modal-btn-style{padding:10px;cursor:pointer;border-radius:5px;border:1px solid rgb(204,204,204)}@keyframes scaleUp{0%{transform:scale(0)}to{transform:scale(1.2)}}.success-icon{font-size:50px;color:#2ecc71;display:inline-block;animation:scaleUp .3s ease-out forwards}.task-title{font-size:1.05rem;font-weight:700;text-decoration:none;cursor:pointer;max-width:360px;display:inline-block}.modal-description{font-size:.8rem;color:#666;transition:color .3s ease}.dark-mode .modal-description{color:#aaa}