:root{--primary: #6E52E1;--primary-dark: #2A0B63;--primary-light: #A74BB8;--primary-glass: rgba(110, 82, 225, .1);--accent: #E46286;--accent-dark: #C256A1;--accent-glass: rgba(228, 98, 134, .15);--background: #f8fafc;--white: #ffffff;--text: #2A0B63;--text-light: #B025A4;--success: #68d391;--card-shadow: 0 8px 32px rgba(110, 82, 225, .08);--card-border: rgba(255, 255, 255, .18)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tajawal,sans-serif;background:linear-gradient(135deg,var(--primary-glass),var(--accent-glass));color:var(--text);line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased}.navbar{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;width:100%;z-index:100;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a}.navbar-title{color:var(--primary-dark);font-size:1.8rem;font-weight:700;text-align:center;width:100%}.container{max-width:1400px;margin:100px auto 0;padding:2rem;background:var(--background);border-radius:16px;box-shadow:0 4px 16px #0000001a}.title{color:var(--primary-dark);font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.filter-container{background:var(--white);padding:1.5rem;border-radius:12px;box-shadow:var(--card-shadow);margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between}.filter-item{display:flex;flex-direction:column}.filter-label{margin-bottom:.5rem;font-weight:600;color:var(--primary-dark)}.filter-input,.filter-select{padding:.75rem 1.2rem;border:2px solid var(--accent-glass);border-radius:8px;font-size:1rem;background:var(--white);transition:border-color .3s,box-shadow .3s;width:250px;font-family:inherit}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glass)}.filter-input::placeholder,.filter-select::placeholder{color:var(--text-light);opacity:1}.filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5" stroke="%232A0B63" stroke-width="2" fill="none" fill-rule="evenodd"/></svg>') no-repeat right 1rem center;background-size:16px}.count-item{font-size:1.2rem;font-weight:600;color:var(--text-dark)}.table-responsive{overflow-x:auto;border-radius:12px;box-shadow:var(--card-shadow);background:var(--white);padding:1rem}.results-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;min-width:1000px}.results-table th,.results-table td{border:1px solid var(--card-border);padding:1rem;text-align:center;font-size:.95rem;color:var(--text-dark);font-family:inherit}.results-table th{background-color:var(--primary);color:var(--white);position:sticky;top:0;z-index:2;font-weight:600}.results-table tbody tr{transition:background .3s}.results-table tbody tr:nth-child(odd){background-color:var(--white)}.results-table tbody tr:nth-child(2n){background-color:var(--primary-glass)}.results-table tbody tr:hover{background-color:var(--accent-glass)}.pagination{display:flex;list-style:none;justify-content:center;align-items:center;margin-top:1.5rem;padding:0;gap:.5rem}.page-item{margin:0 .3rem}.page-link{border:1px solid var(--primary);padding:.5rem .75rem;border-radius:5px;background-color:var(--white);color:var(--primary-dark);cursor:pointer;transition:background-color .3s,color .3s;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;font-family:inherit}.page-link:hover{background-color:var(--primary);color:var(--white)}.active-page .page-link{background-color:var(--primary);color:var(--white);border-color:var(--primary-dark)}.disabled .page-link{cursor:not-allowed;opacity:.5}.page-link svg{width:16px;height:16px}.footer{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 0;margin-top:4rem;border-top:1px solid var(--card-border);position:relative;width:100%}.footer-content{text-align:center;color:var(--text-dark);max-width:1400px;margin:0 auto}.footer p{margin:.5rem 0}.footer a{color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s ease;font-family:inherit}.footer a:hover{color:var(--primary-dark);text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh}.spinner{border:6px solid var(--primary-glass);border-top:6px solid var(--primary);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.navigation-buttons{display:flex;justify-content:center;margin-top:2rem}.nav-btn{background:var(--primary-light);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease;font-family:inherit}.nav-btn:hover{background:var(--primary)}.submit-btn{display:block;margin:0 auto;font-family:inherit}input,select,button,textarea,option{font-family:inherit}.delete-button{background:transparent;border:none;cursor:pointer;font-size:1.2rem;line-height:0;color:#6e52e1;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:background-color .3s,box-shadow .3s}.delete-button:hover{background-color:#f443361a;box-shadow:0 2px 4px #0000001a}.delete-button:focus{outline:none;box-shadow:0 0 0 3px #f4433633}.delete-button:active{background-color:#f4433633}