body{margin:0}.navbar{align-items:center;background-color:#a2c7a2;border-radius:10px;padding:10px}.navbar,.navbar ul{display:flex;justify-content:center}.navbar ul{list-style:none;margin:0;padding:0}.navbar li{margin:0 15px}.navbar a{border-radius:5px;color:#fff;padding:5px 10px;text-decoration:none}.navbar a.active{background-color:#5d7a69}.navbar a:hover{background-color:#5c726e;border-radius:5px}header{padding:20px;text-align:center}header h1{color:#fff;font-size:2em;margin:0}nav{align-items:center;display:flex;justify-content:center;padding:10px 0}nav ul li{margin:0 10px}.url-input{margin-bottom:10px;padding:8px;width:90%}.url-description{color:#888;font-size:12px;margin-bottom:20px}nav ul li button.active,nav ul li button:hover{background-color:#fff;border-radius:5px;color:#a2c7a2}.nav-link.active{background-color:#8fb08f;color:#fff}body{font-size:14px}.container{margin:0 auto;padding:20px}h1{background-color:#a2c7a2;color:#fff;font-size:calc(.5em + 1vw);padding:20px}h1,h2{font-family:Tajawal,sans-serif;text-align:center}h2{color:#333;font-size:calc(.4em + 1vw)}nav{background-color:#a2c7a2;box-shadow:0 4px 8px #0000001a}nav ul{justify-content:center;margin:0}nav ul li button{padding:10px}nav ul li .active-link,nav ul li button:hover{background-color:#fff;border-radius:5px;color:#a2c7a2}nav ul li .active-link{text-decoration:underline}.my-table{min-width:1200px}.my-table thead th{background-color:#fff}.my-table tbody td:first-child,.my-table thead th:first-child{background-color:#fff;left:0;position:sticky;z-index:3}@media (max-width:600px){.my-table,.my-table tbody,.my-table td,.my-table th,.my-table thead,.my-table tr{display:block}.my-table thead{display:none}.my-table tr{margin-bottom:10px}.my-table td{border:none;padding:8px 0;position:relative}td,th{width:100%;word-break:break-word}td,th,tr{display:block}tr{margin-bottom:10px}thead{display:none}}form{align-items:flex-start;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin:20px auto;max-width:600px;padding:20px;width:80%}form h1,form input,form select,form textarea{color:#555;font-family:Tajawal,sans-serif}form input,form select,form textarea{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:block;font-size:1em;margin:10px 0;padding:10px}form input[type=date],form input[type=email],form input[type=password],form input[type=text],form input[type=url]
form select,form select,form textarea{width:calc(90% - 10px)}form input:focus,form select:focus,form textarea:focus{border-color:#a2c7a2;box-shadow:0 0 5px #a2c7a280;outline:none}form button{background-color:#a2c7a2;border:none;border-radius:4px;color:#555;cursor:pointer;display:block;font-family:Tajawal,sans-serif;font-size:1em;margin:0 auto;padding:8px 16px;transition:background-color .3s,box-shadow .3s}form button:hover{background-color:#8fb08f}form div{margin:10px 0}.search-container{align-items:center;flex-direction:column;margin-bottom:20px}.search-container,.search-row{display:flex;gap:10px}.search-container input,.search-container select{border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0000001a;font-family:Tajawal;font-size:.75em;padding:10px}.search-container h2{color:#555;font-weight:400;margin:0}.checkbox-container label{align-items:center;display:flex;margin-bottom:10px}.checkbox-container input[type=checkbox]{margin-left:10px}button.delete-btn,button.edit-btn{background-color:#a2c7a2;border:none;border-radius:4px;color:#555;cursor:pointer;font-family:Tajawal,sans-serif;font-size:1.1em;margin:5px;padding:15px 30px;transition:background-color .3s,box-shadow .3s}button.edit-btn:hover{background-color:#8fb08f;box-shadow:0 2px 5px #0003}button.delete-btn{background-color:#c0392b;color:#fff}button.delete-btn:hover{background-color:#e60000}.modal button{background-color:#a2c7a2;border:none;border-radius:4px;color:#555;cursor:pointer;font-family:Tajawal,sans-serif;font-size:1.1em;padding:10px 20px;transition:background-color .3s,box-shadow .3s}.modal button:hover{background-color:#8fb08f;box-shadow:0 2px 5px #0003}button.add-button{background-color:#a2c7a2;border:none;border-radius:4px;color:#555;cursor:pointer;font-size:1.1em;padding:5px 10px}button.add-button:hover{background-color:#8fb08f}button{background-color:#a2c7a2;border:none;border-radius:5px;color:#555;cursor:pointer;font-family:Tajawal,sans-serif;font-size:1em;padding:5px 10px;transition:background-color .3s,box-shadow .3s}button:hover{background-color:#8fb08f}button.edit-button{background-color:#a2c7a2}button.edit-button:hover{background-color:#45a049}button.reset-button{background-color:#f1c40f}button.reset-button:hover{background-color:#d4ac0d}button.small-delete-button{background-color:#e74c3c!important}button.small-delete-button,button.small-edit-button{border:none!important;border-radius:5px!important;color:#fff!important;cursor:pointer!important;font-size:.9em!important;padding:5px 10px!important;transition:background-color .3s,box-shadow .3s!important}button.small-edit-button{background-color:#7d7c6e!important}button.small-delete-button:hover{background-color:red!important}.user-form input,.user-form select,.user-form textarea{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#555;font-family:Tajawal;font-size:1em;margin:10px 0;padding:10px;width:calc(100% - 20px)}.search-input{border-radius:5px;box-shadow:0 2px 4px #0000001a;display:block;font-family:Tajawal;font-size:.75em;margin:5px 0;padding:5px}.user-form button.add-button,.user-form button.edit-button{background-color:#a2c7a2;border:none;color:#555;cursor:pointer;font-size:1.1em;margin-right:auto;padding:15px 30px}.user-form button.add-button:hover,.user-form button.edit-button:hover{background-color:#8fb08f}.user-form .delete-button{background-color:#c0392b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1em;padding:15px 30px}.user-form .delete-button:hover{background-color:#e60000}.settings-table{border-collapse:collapse;margin:20px auto;table-layout:fixed;width:50%}.settings-table td{border:1px solid #ddd;padding:8px;text-align:center}.settings-item{word-wrap:break-word;width:80%}.settings-action{word-wrap:break-word;width:20%}.settings-delete-button{padding:8px 0;width:100%}@media (max-width:600px){.settings-table td{display:block;width:100%;word-break:break-word}.settings-table tr{display:block;margin-bottom:10px}.settings-table{border:0}.settings-action,.settings-item{width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{direction:rtl;font-family:Tajawal,sans-serif;font-size:16px;height:100%;line-height:1.5;text-align:right;width:100%}.App{margin:0 auto;max-width:1200px;padding:20px}header{background-color:#a2c7a2;box-shadow:0 4px 8px #0000001a;padding:20px 0}nav ul{display:flex;flex-wrap:wrap;font-size:1em;justify-content:space-around;list-style:none;padding:0}nav ul li{margin:10px}nav ul li button{background:none;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .3s,color .3s}nav ul li button.active,nav ul li button:hover{background-color:#8fb08f;color:#000}main{margin:20px 0}.small-delete-button,.small-edit-button{margin:2px;padding:5px 10px}.small-edit-button{background-color:#4caf50}.small-delete-button,.small-edit-button{border:none;border-radius:5px;color:#fff;cursor:pointer}.small-delete-button{background-color:#f44336}.small-delete-button:hover,.small-edit-button:hover{opacity:.8}.login-mode .content,.login-mode .navbar{display:none}.login-container{background:#fff;border-radius:5px;box-shadow:0 0 10px #0000001a;left:50%;padding:20px;position:fixed;text-align:center;top:70%;transform:translate(-50%,-50%);width:500px}.login-container h2{margin-bottom:20px}.login-container .error{color:#f44336;margin-bottom:20px}.login-container form label{display:block;margin-bottom:10px;text-align:right;width:100%}.login-container form input{border:1px solid #ddd;border-radius:5px;margin-bottom:10px;padding:8px;width:100%}.login-container form .password-input-container{position:relative}.login-container form .show-password-button{background:none;border:none;color:#a2c7a2;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.login-container form .show-password-button i{font-size:1.2em}.login-container form button{background:#a8c5a8;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;width:100%}.login-container form button:hover{background:#a2bba2}.login-container form .remember-me{align-items:center;display:flex;justify-content:center}.login-container form .remember-me label{margin-bottom:0;margin-left:5px}.login-container form .show-password-text{color:#007bff;cursor:pointer;display:block;font-size:.8em;margin-top:-10px;text-align:right}.header-content{align-items:center;display:flex;justify-content:space-between;position:relative}.header-content .welcome-message{color:#fff;position:absolute;right:20px;top:10px}.header-content .logout-button{color:#f44336;cursor:pointer;left:20px;position:absolute;top:10px}.log-section{padding:20px;text-align:center}.log-filters{display:flex;justify-content:center;margin-bottom:20px}.log-filters input{border:1px solid #ddd;border-radius:5px;box-shadow:0 0 5px #0000001a;margin:0 10px;padding:10px}.modal{background-color:#000;background-color:#0006;display:block;height:40%;left:0;overflow:auto;position:fixed;top:0;width:50%;z-index:1}.modal-content{background-color:#fefefe;border:1px solid #888;margin:15% auto;padding:20px;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.description-hover{color:blue;cursor:pointer;position:relative}.description-hover .tooltip-text{background-color:#f9f9f9;border:1px solid #ddd;color:#000;left:0;padding:8px;position:absolute;text-align:left;top:20px;visibility:hidden;width:300px;z-index:1}.description-hover:hover .tooltip-text{visibility:visible}button.small-more-button{border:none;color:#555;cursor:pointer;font-family:Tajawal,sans-serif;font-size:1em;padding:5px 10px}.show-more-link{color:blue;cursor:pointer;text-decoration:underline}.modal{border:1px solid #ccc;bottom:50%;left:50%;margin-right:-50%;position:absolute;right:auto;top:50%;transform:translate(-50%,-50%);width:100%}.overlay{background-color:#000000bf;z-index:1000}.table-container{max-height:500px}.sticky-col{background-color:#fff;left:0;z-index:10}.my-table thead th{background-color:#f2f2f2;z-index:11}.table-container{border:1px solid #ccc;margin-top:20px;max-height:400px;max-width:100%;overflow:auto}.my-table{border-collapse:collapse;min-width:1500px;width:100%}.my-table td,.my-table th{border:1px solid #ccc;padding:8px;text-align:left;white-space:nowrap}.my-table thead th{background-color:#f0f0f0;position:sticky;top:0;z-index:2}.sticky-col{left:auto;position:sticky;right:0}.modal{background-color:#fff;border-radius:4px;margin:auto;max-width:500px;padding:20px;position:relative;top:20%}.overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0}
/*# sourceMappingURL=main.fb0cbb0e.css.map*/