:root{--primary-color:#0d6efd;--secondary-color:#6c757d;--success-color:#198754;--info-color:#0dcaf0;--warning-color:#ffc107;--danger-color:#dc3545;--light-color:#f8f9fa;--dark-color:#212529}*{margin:0;padding:0;box-sizing:border-box;font-variant-numeric:lining-nums}body{font-family:'Roboto',sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa;font-feature-settings:"numr" 0}body[dir="rtl"]{font-family:'Cairo',sans-serif}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}.navbar{box-shadow:0 2px 4px rgba(0,0,0,.1)}.navbar-brand{font-size:1.5rem;font-weight:700}.nav-link{font-weight:500;padding:0.5rem 1rem !important;transition:all 0.3s ease}.nav-link:hover{transform:translateY(-2px)}.card{border-radius:12px;transition:transform 0.3s ease,box-shadow 0.3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)!important}.card-header{border-radius:12px 12px 0 0 !important;font-weight:600}.btn{border-radius:8px;padding:0.5rem 1.5rem;font-weight:500;transition:all 0.3s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.btn-lg{padding:0.75rem 2rem;font-size:1.1rem}.form-control,.form-select{border-radius:8px;border:2px solid #dee2e6;transition:all 0.3s ease}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 0.2rem rgba(13,110,253,0.25)}.form-label{font-weight:500;margin-bottom:0.5rem}.feature-box{padding:2rem 1rem;transition:all 0.3s ease}.feature-box:hover{transform:translateY(-5px)}.feature-box h3{font-size:3rem;margin-bottom:1rem}footer{margin-top:auto}footer a{color:#adb5bd;text-decoration:none;transition:color 0.3s ease}footer a:hover{color:#fff}.alert{border-radius:10px;border:none}.list-group-item{border-left:none;border-right:none}.list-group-item:first-child{border-top:none}.list-group-item:last-child{border-bottom:none}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.display-1{font-size:3rem}.display-3{font-size:2rem}.display-4{font-size:2.5rem}.card-body{padding:1rem}.btn-lg{padding:0.5rem 1rem;font-size:1rem}}@media(max-width:576px){h1{font-size:1.75rem}.display-1{font-size:2.5rem}.display-3{font-size:1.75rem}.display-4{font-size:2rem}.navbar-brand{font-size:1.2rem}}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}@media print{.navbar,footer,.btn,form{display:none !important}.card{box-shadow:none !important;border:1px solid #ddd !important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 0.5s ease-in}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.display-number{font-weight:700;font-variant-numeric:tabular-nums}body.dark-mode{background-color:#1a1a1a;color:#e0e0e0}body.dark-mode .card{background-color:#2d2d2d;border-color:#404040;color:#e0e0e0}body.dark-mode .card-header{background-color:#353535;border-color:#404040;color:#e0e0e0}body.dark-mode .form-control,body.dark-mode .form-select{background-color:#353535;border-color:#505050;color:#e0e0e0}body.dark-mode .form-control:focus,body.dark-mode .form-select:focus{background-color:#3a3a3a;border-color:#0d6efd;color:#e0e0e0}body.dark-mode .table{color:#e0e0e0}body.dark-mode .table-bordered{border-color:#404040}body.dark-mode .table-bordered th,body.dark-mode .table-bordered td{border-color:#404040}body.dark-mode .list-group-item{background-color:#2d2d2d;border-color:#404040;color:#e0e0e0}body.dark-mode .alert{background-color:#353535;border-color:#505050}body.dark-mode .bg-light{background-color:#2d2d2d !important}body.dark-mode .text-muted{color:#b0b0b0 !important}body.dark-mode::-webkit-scrollbar-track{background:#2d2d2d}body.dark-mode::-webkit-scrollbar-thumb{background:#505050}body.dark-mode::-webkit-scrollbar-thumb:hover{background:#606060}.dark-mode-toggle{position:fixed;bottom:20px;right:20px;z-index:1000;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;color:white;font-size:24px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.3);transition:all 0.3s ease}.dark-mode-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,0.4)}.dark-mode-toggle:active{transform:scale(0.95)}@media(max-width:768px){.dark-mode-toggle{bottom:15px;right:15px;width:45px;height:45px;font-size:20px}}.dropdown-menu-scrollable{max-height:450px;overflow-y:auto}.dropdown-menu-scrollable::-webkit-scrollbar{width:8px}.dropdown-menu-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dropdown-menu-scrollable::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.dropdown-menu-scrollable::-webkit-scrollbar-thumb:hover{background:#555}.dropdown-menu-scrollable{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.dropdown-menu .dropdown-item{text-decoration:none !important}.dropdown-menu .dropdown-item:hover{text-decoration:none !important;background-color:#f8f9fa}.dropdown-menu .dropdown-item:active,.dropdown-menu .dropdown-item:focus{text-decoration:none !important}.dropdown-header{font-weight:600;color:#6c757d;text-decoration:none !important}*{font-variant-numeric:lining-nums !important;-moz-font-feature-settings:"numr" 0 !important;-webkit-font-feature-settings:"numr" 0 !important;font-feature-settings:"numr" 0 !important}html,body,div,span,p,h1,h2,h3,h4,h5,h6,input,select,textarea,button,label,option,.form-control,.form-select,.btn,.card,.alert,.badge{font-variant-numeric:lining-nums !important}input[type="number"]{direction:ltr !important;unicode-bidi:embed !important}html[lang^="ar"] *,html[lang="ar-u-nu-latn"] *{font-variant-numeric:lining-nums !important}select option,.form-select option{font-variant-numeric:lining-nums !important;direction:ltr}ul:not(.navbar-nav):not(.dropdown-menu):not(.list-group):not(.list-inline):not(.pagination),ol:not(.breadcrumb){padding-right:2.5rem !important;padding-left:2.5rem !important;margin-bottom:1.5rem !important}ul:not(.navbar-nav):not(.dropdown-menu):not(.list-group):not(.list-inline)li,ol:not(.breadcrumb)li{margin-bottom:0.75rem !important;line-height:1.8 !important;padding-right:0.5rem !important;padding-left:0.5rem !important}ul:not(.navbar-nav):not(.dropdown-menu):not(.list-group)ul,ul:not(.navbar-nav):not(.dropdown-menu):not(.list-group)ol,ol:not(.breadcrumb)ul,ol:not(.breadcrumb)ol{margin-top:0.5rem !important;margin-bottom:0.5rem !important;padding-right:1.5rem !important;padding-left:1.5rem !important}ul:not(.navbar-nav):not(.dropdown-menu):not(.list-group)ul li,ul:not(.navbar-nav):not(.dropdown-menu):not(.list-group)ol li,ol:not(.breadcrumb)ul li,ol:not(.breadcrumb)ol li{margin-bottom:0.5rem !important}.card-body ul:not(.navbar-nav):not(.dropdown-menu):not(.list-group),.card-body ol:not(.breadcrumb){padding-right:2.5rem !important;padding-left:2.5rem !important;margin-bottom:1.5rem !important}.card-body ul:not(.navbar-nav):not(.dropdown-menu):not(.list-group)li,.card-body ol:not(.breadcrumb)li{margin-bottom:0.75rem !important;line-height:1.8 !important;padding-right:0.5rem !important;padding-left:0.5rem !important}.card-body ul ul,.card-body ul ol,.card-body ol ul,.card-body ol ol{margin-top:0.5rem !important;margin-bottom:0.5rem !important;padding-right:1.5rem !important;padding-left:1.5rem !important}.card-body ul ul li,.card-body ul ol li,.card-body ol ul li,.card-body ol ol li{margin-bottom:0.5rem !important}.alert ul:not(.navbar-nav):not(.dropdown-menu):not(.list-group),.alert ol:not(.breadcrumb){padding-right:2rem !important;padding-left:2rem !important;margin-bottom:0.5rem !important}.alert ul li,.alert ol li{margin-bottom:0.5rem !important}table ul:not(.navbar-nav):not(.dropdown-menu):not(.list-group),table ol:not(.breadcrumb){padding-right:1.5rem !important;padding-left:1.5rem !important;margin-bottom:0.5rem !important}table ul li,table ol li{margin-bottom:0.25rem !important}[dir="rtl"] ul:not(.navbar-nav):not(.dropdown-menu):not(.list-group):not(.list-inline),[dir="rtl"] ol:not(.breadcrumb){padding-right:2.5rem !important;padding-left:0 !important}[dir="rtl"] .card-body ul:not(.navbar-nav):not(.dropdown-menu):not(.list-group),[dir="rtl"] .card-body ol:not(.breadcrumb){padding-right:2.5rem !important;padding-left:0 !important}[dir="rtl"] ul:not(.navbar-nav):not(.dropdown-menu):not(.list-group)li,[dir="rtl"] ol:not(.breadcrumb)li{padding-right:0.5rem !important;padding-left:0 !important}[dir="ltr"] ul:not(.navbar-nav):not(.dropdown-menu):not(.list-group):not(.list-inline),[dir="ltr"] ol:not(.breadcrumb){padding-left:2.5rem !important;padding-right:0 !important}[dir="ltr"] .card-body ul:not(.navbar-nav):not(.dropdown-menu):not(.list-group),[dir="ltr"] .card-body ol:not(.breadcrumb){padding-left:2.5rem !important;padding-right:0 !important}[dir="ltr"] ul:not(.navbar-nav):not(.dropdown-menu):not(.list-group)li,[dir="ltr"] ol:not(.breadcrumb)li{padding-left:0.5rem !important;padding-right:0 !important}.list-group,.list-unstyled,.navbar-nav,.dropdown-menu,.list-inline,.pagination,.breadcrumb{padding-right:0 !important;padding-left:0 !important}.list-group li,.list-unstyled li,.navbar-nav li,.dropdown-menu li,.list-inline li{padding-right:0 !important;padding-left:0 !important;margin-bottom:0 !important}body.dark-mode ul li::marker,body.dark-mode ol li::marker{color:#b0b0b0}@media(max-width:768px){ul,ol{padding-right:2rem;padding-left:2rem}.card-body ul,.card-body ol{padding-right:2rem;padding-left:2rem}}@media(max-width:576px){ul,ol{padding-right:1.5rem;padding-left:1.5rem}.card-body ul,.card-body ol{padding-right:1.5rem;padding-left:1.5rem}}@media(max-width:768px){input[type="text"],input[type="number"],input[type="email"],input[type="tel"],input[type="date"],input[type="url"],input[type="password"],select,textarea{font-size:16px !important}}@media(max-width:768px){.btn,button,[role="button"]{min-height:44px;min-width:44px}.form-select,.form-control{min-height:44px;padding:0.5rem 0.75rem}.nav-link{padding:0.75rem 1rem}.breadcrumb{font-size:0.8rem}.card{margin-bottom:1rem}.card-body{padding:0.875rem}.result-section .row>div{margin-bottom:0.5rem}.card-body .btn-lg{width:100%}}@media(max-width:376px){.container{padding-left:12px;padding-right:12px}h1{font-size:1.5rem}h2{font-size:1.25rem}.card-body{padding:0.75rem}}