*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5}body{font-family:Figtree,Cairo,sans-serif;color:#333;background-color:#f8f9fa;min-height:100vh}html[dir=rtl] body,.rtl-layout{font-family:Cairo,Figtree,sans-serif;direction:rtl;text-align:right}html[dir=ltr] body,.ltr-layout{direction:ltr;text-align:left}.rtl-layout .ms-auto{margin-inline-start:auto!important}.rtl-layout .me-auto{margin-inline-end:auto!important}.rtl-layout .ps-3{padding-inline-start:1rem!important}.rtl-layout .pe-3{padding-inline-end:1rem!important}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,#00d4ff,#007bff);color:#fff}.btn-primary:hover{box-shadow:0 4px 15px #00d4ff66;transform:translateY(-1px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.form-control{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:.5rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}[dir=rtl] .form-control{text-align:right}.card{background:#fff;border-radius:1rem;box-shadow:0 4px 15px #00000014;overflow:hidden}.card-header{padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.card-body{padding:1.5rem}.text-center{text-align:center}.text-muted{color:#6c757d}.fw-bold{font-weight:700}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.d-flex{display:flex}.flex-column{flex-direction:column}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:1rem}@media (max-width: 992px){.container{padding:0 .875rem}}@media (max-width: 768px){html{font-size:15px}.container{padding:0 .75rem}.btn{padding:.6rem 1rem}.card-body{padding:1.25rem}}@media (max-width: 576px){html{font-size:14px}.container{padding:0 .625rem}.btn{padding:.5rem .875rem;font-size:.9rem}.card{border-radius:.75rem}.card-header{padding:.875rem 1rem}.card-body{padding:1rem}.form-control{padding:.65rem .875rem;font-size:.95rem}.p-3{padding:.75rem}.p-4{padding:1rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.gap-2{gap:.375rem}.gap-3{gap:.75rem}}@media (max-width: 480px){.container{padding:0 .5rem}.btn{padding:.5rem .75rem;font-size:.85rem}.card-header{padding:.75rem}.card-body{padding:.875rem}}@media (max-width: 380px){html{font-size:13px}.container{padding:0 .375rem}}@media (hover: none) and (pointer: coarse){.btn{min-height:44px}.form-control{min-height:44px;font-size:16px}}@media (max-height: 500px) and (orientation: landscape){.container{padding-top:.5rem;padding-bottom:.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}