.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.login-container:before{background:#ffffff1a;border-radius:50%;content:"";height:500px;position:absolute;right:-250px;top:-250px;width:500px}.login-container:after{background:#ffffff12;border-radius:50%;bottom:-200px;content:"";height:400px;left:-200px;position:absolute;width:400px}.login-container .login-form{animation:fadeIn .8s ease,slideUp .8s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 15px 35px #0003;max-width:450px;padding:2.5rem;width:100%;z-index:1}.login-container .login-form h2{align-items:center;color:#4361ee;display:flex;font-size:1.8rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:2rem;text-align:center}.login-container .login-form .form-group{margin-bottom:1.5rem;position:relative}.login-container .login-form .form-group label{align-items:center;color:#2d3748;display:block;display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem}.login-container .login-form .form-group input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.login-container .login-form .form-group input:focus{background-color:#fff;border-color:#4361ee;box-shadow:0 0 0 3px #4361ee26;outline:none}.login-container .login-form .form-group i{color:#a0aec0;left:1rem;position:absolute;top:2.6rem}.login-container .login-form .error{align-items:center;background-color:#e639461a;border:1px solid #e6394633;border-radius:8px;color:#e63946;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.75rem;text-align:center}.login-container .login-form button{align-items:center;background:linear-gradient(135deg,#4361ee,#3f37c9);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.login-container .login-form button:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.login-container .login-form button:hover:not(:disabled){box-shadow:0 7px 14px #4361ee66;transform:translateY(-2px)}.login-container .login-form button:active:not(:disabled){transform:translateY(0)}@keyframes slideUp{0%{transform:translateY(30px)}to{transform:translateY(0)}}@media(max-width:576px){.login-container .login-form{padding:2rem 1.5rem}.login-container .login-form h2{font-size:1.5rem}}.modal-overlay{align-items:flex-start;animation:fadeIn .3s ease;background-color:#000000b3;bottom:0;direction:rtl;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.modal-overlay .modal-content{animation:slideDown .4s ease;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;margin-bottom:2rem;margin-top:2rem;max-height:calc(100vh - 4rem);max-width:500px;width:100%}.modal-overlay .modal-content .modal-header{align-items:center;background:linear-gradient(135deg,#4361ee,#3f37c9);border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-overlay .modal-content .modal-header h3{align-items:center;display:flex;font-weight:600;gap:.5rem;margin:0}.modal-overlay .modal-content .modal-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.modal-overlay .modal-content .modal-header .close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-overlay .modal-content .modal-body{flex-grow:1;overflow-y:auto;padding:1.5rem}.modal-overlay .modal-content .modal-body .subscriber-info{margin-bottom:1.5rem}.modal-overlay .modal-content .modal-body .subscriber-info p{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.modal-overlay .modal-content .modal-body .subscriber-info p strong{color:#2d3748;min-width:80px}.modal-overlay .modal-content .modal-body .subscriber-info p span{color:#718096}.modal-overlay .modal-content .modal-body .form-group{margin-bottom:1.5rem}.modal-overlay .modal-content .modal-body .form-group label{align-items:center;color:#2d3748;display:block;display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.modal-overlay .modal-content .modal-body .form-group input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.modal-overlay .modal-content .modal-body .form-group input:focus{background-color:#fff;border-color:#4361ee;box-shadow:0 0 0 3px #4361ee26;outline:none}.modal-overlay .modal-content .modal-body .error{align-items:center;background-color:#e639461a;border:1px solid #e6394633;border-radius:8px;color:#e63946;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem}.modal-overlay .modal-content .modal-body .modal-actions{display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;margin-top:auto}.modal-overlay .modal-content .modal-body .modal-actions button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.modal-overlay .modal-content .modal-body .modal-actions button:first-child{background-color:#e2e8f0;color:#2d3748}.modal-overlay .modal-content .modal-body .modal-actions button:first-child:hover{background-color:#cbd5e0}.modal-overlay .modal-content .modal-body .modal-actions button:last-child{background:linear-gradient(135deg,#4361ee,#3f37c9);color:#fff}.modal-overlay .modal-content .modal-body .modal-actions button:last-child:hover:not(:disabled){box-shadow:0 4px 8px #4361ee4d;transform:translateY(-2px)}.modal-overlay .modal-content .modal-body .modal-actions button:last-child:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:576px){.modal-overlay{align-items:flex-start;padding:.5rem}.modal-overlay .modal-content{margin-bottom:1rem;margin-top:1rem;max-height:calc(100vh - 2rem)}.modal-overlay .modal-content .modal-header{padding:1.25rem;position:-webkit-sticky;position:sticky;top:0}.modal-overlay .modal-content .modal-body{padding:1.25rem}.modal-overlay .modal-content .modal-body .modal-actions{flex-direction:column-reverse}.modal-overlay .modal-content .modal-body .modal-actions button{justify-content:center;width:100%}}body.modal-open{overflow:hidden}@media(max-height:600px){.modal-overlay{align-items:flex-start}.modal-overlay .modal-content{margin-top:.5rem;max-height:calc(100vh - 1rem)}}.subscribers-container{direction:rtl;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.subscribers-container h2{align-items:center;color:#4361ee;display:flex;font-size:2rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:2rem;text-align:center}.subscribers-container .search-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.subscribers-container .search-container .search-box{position:relative}.subscribers-container .search-container .search-box input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 5px #0000000d;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.subscribers-container .search-container .search-box input:focus{background-color:#fff;border-color:#4361ee;box-shadow:0 0 0 3px #4361ee26;outline:none}.subscribers-container .search-container .search-box i{color:#a0aec0;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.subscribers-container .search-container .results-count{align-items:center;color:#718096;display:flex;font-size:.9rem;gap:.5rem}.subscribers-container .table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow-x:auto}.subscribers-container .table-container table{background:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;overflow:hidden;width:100%}.subscribers-container .table-container table td,.subscribers-container .table-container table th{border-bottom:1px solid #e2e8f0;padding:1rem .75rem;text-align:right}.subscribers-container .table-container table th{background-color:#f7fafc;color:#2d3748;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.subscribers-container .table-container table th:first-child{border-right:none}.subscribers-container .table-container table th:last-child{border-left:none}.subscribers-container .table-container table tr{transition:background-color .2s ease}.subscribers-container .table-container table tr:hover{background-color:#f8fafc}.subscribers-container .table-container table tr:last-child td{border-bottom:none}.subscribers-container .table-container table .no-data{color:#a0aec0;padding:2rem;text-align:center}.subscribers-container .table-container table .no-data i{display:block;font-size:2rem;margin-bottom:1rem}.subscribers-container .table-container table .edit-btn{align-items:center;background:linear-gradient(135deg,#4361ee,#3f37c9);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.subscribers-container .table-container table .edit-btn:hover{box-shadow:0 4px 8px #4361ee4d;transform:translateY(-2px)}.subscribers-container .table-container table .edit-btn:active{transform:translateY(0)}.subscribers-container .error,.subscribers-container .loading{align-items:center;display:flex;flex-direction:column;font-size:1.2rem;gap:1rem;padding:3rem;text-align:center}.subscribers-container .error i,.subscribers-container .loading i{font-size:2.5rem}.subscribers-container .loading{color:#4361ee}.subscribers-container .loading i{animation:spin 1s linear infinite}.subscribers-container .error{color:#e63946}.mobile-cards{display:none;flex-direction:column;gap:1rem}.mobile-cards .subscriber-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1.5rem}.mobile-cards .subscriber-card .card-row{display:flex;justify-content:space-between;margin-bottom:.75rem}.mobile-cards .subscriber-card .card-row .label{color:#2d3748;font-weight:600}.mobile-cards .subscriber-card .card-row .value{color:#718096}.mobile-cards .subscriber-card .card-actions{display:flex;justify-content:flex-end;margin-top:1rem}.mobile-cards .subscriber-card .card-actions .edit-btn{align-items:center;background:linear-gradient(135deg,#4361ee,#3f37c9);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem 1rem;transition:all .3s ease;white-space:nowrap}.mobile-cards .subscriber-card .card-actions .edit-btn:hover{box-shadow:0 4px 8px #4361ee4d;transform:translateY(-2px)}.mobile-cards .subscriber-card .card-actions .edit-btn:active{transform:translateY(0)}@media(max-width:992px){.subscribers-container{padding:1.5rem}.subscribers-container h2{font-size:1.7rem}}@media(max-width:768px){.subscribers-container{padding:1rem}.subscribers-container h2{font-size:1.5rem}.subscribers-container .table-container{display:none}.subscribers-container .mobile-cards{display:flex}}@media(max-width:576px){.subscribers-container .search-container .search-box input{font-size:.9rem;padding:.875rem .875rem .875rem 2.5rem}.subscribers-container .search-container .search-box i{right:.875rem}}@media(max-width:400px){.mobile-cards .subscriber-card .card-actions .edit-btn{justify-content:center;width:100%}}.pagination-controls{align-items:center;background-color:#f5f5f5;border-radius:5px;display:flex;justify-content:space-between;margin:15px 0;padding:10px}.pagination-controls.bottom{justify-content:center;margin-top:20px}.pagination-controls .items-per-page{align-items:center;display:flex}.pagination-controls .items-per-page label{font-weight:700;margin-right:10px}.pagination-controls .items-per-page select{border:1px solid #ddd;border-radius:3px;padding:5px}.pagination-controls .pagination-buttons{align-items:center;display:flex;gap:15px}.pagination-controls .pagination-buttons button{background-color:#4a6fa5;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:8px 15px}.pagination-controls .pagination-buttons button:disabled{background-color:#ccc;cursor:not-allowed}.pagination-controls .pagination-buttons button:hover:not(:disabled){background-color:#3a5a8a}@media(max-width:768px){.pagination-controls{flex-direction:column;gap:10px}.pagination-controls .items-per-page,.pagination-controls .pagination-buttons{justify-content:center;width:100%}}.search-container{display:flex;flex-direction:column;gap:15px;margin:20px 0}.search-container .search-box{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:30px;box-shadow:0 4px 15px #0000001a;display:flex;padding:5px;transition:all .3s ease}.search-container .search-box:focus-within{border-color:#4a90e2;box-shadow:0 4px 20px #4a90e233}.search-container .search-box input{background:#0000;border:none;border-radius:30px 0 0 30px;flex:1 1;font-size:16px;outline:none;padding:12px 20px}.search-container .search-box input::placeholder{color:#999}.search-container .search-box .search-btn{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:30px;box-shadow:0 4px 10px #4a90e24d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 25px;transition:all .3s ease}.search-container .search-box .search-btn:hover{background:linear-gradient(135deg,#357abd,#2a65a0);box-shadow:0 6px 15px #4a90e266;transform:translateY(-2px)}.search-container .search-box .search-btn:active{box-shadow:0 2px 5px #4a90e24d;transform:translateY(0)}.search-container .search-box .search-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.search-container .search-box .search-btn i{font-size:16px}.search-container .reset-search-btn{align-items:center;align-self:flex-start;background:#f1f1f1;border:1px solid #ddd;border-radius:20px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 15px;transition:all .2s ease}.search-container .reset-search-btn:hover{background:#e0e0e0;color:#333}.search-container .results-count{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;padding:5px 0}.search-container .results-count i{color:#4a90e2}.search-loading{align-items:center;background:#f8fbff;border-radius:8px;color:#4a90e2;display:flex;font-weight:500;gap:10px;justify-content:center;margin:10px 0;padding:15px}@media(max-width:768px){.search-container .search-box{border-radius:15px;flex-direction:column;padding:10px}.search-container .search-box input{border-radius:10px;margin-bottom:10px;width:100%}.search-container .search-box .search-btn{border-radius:10px;justify-content:center;width:100%}.search-container .reset-search-btn{align-self:center}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f2f5;color:#2d3748;direction:rtl;font-family:Tajawal,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.app .app-header{align-items:center;background:linear-gradient(135deg,#4361ee,#3f37c9);box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.app .app-header h1{align-items:center;display:flex;font-size:1.8rem;font-weight:700;gap:.5rem;margin:0}.app .app-header h1 i{font-size:1.5rem}.app .app-header .user-info{align-items:center;display:flex;gap:1rem}.app .app-header .user-info span{font-weight:500}.app .app-header .user-info .logout-btn{align-items:center;background-color:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.app .app-header .user-info .logout-btn:hover{background-color:#ffffff4d;transform:translateY(-2px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .5s ease forwards}.pulse{animation:pulse .6s ease infinite}@media(max-width:992px){.app .app-header{padding:1rem}.app .app-header h1{font-size:1.5rem}}@media(max-width:768px){.app .app-header{flex-direction:column;gap:1rem;text-align:center}.app .app-header .user-info{flex-direction:column;gap:.5rem}}@media(max-width:576px){.app .app-header h1{font-size:1.3rem}}.loading-fullscreen{align-items:center;color:#4361ee;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center}.loading-fullscreen i{font-size:2.5rem}.loading-fullscreen span{font-size:1.2rem;font-weight:500}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s,transform .4s}.page-exit{opacity:1}.page-exit-active{opacity:0;transform:translateY(20px);transition:opacity .4s,transform .4s}
/*# sourceMappingURL=main.f4e0d848.css.map*/