/* ===== RWANDA eVISA WEBSITE STYLES ===== */

/* ===== CSS VARIABLES (RWANDA FLAG COLORS) ===== */
:root{--rwanda-blue:#0066CC;--rwanda-green:#00AA44;--rwanda-yellow:#FFD700;--primary-dark:#004499;--primary-light:#3388DD;--success-green:#28A745;--warning-orange:#FFC107;--danger-red:#DC3545;--white:#FFFFFF;--light-gray:#F8F9FA;--medium-gray:#6C757D;--dark-gray:#343A40;--border-color:#DEE2E6;--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-size-base:16px;--line-height-base:1.6;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 25px rgba(0,0,0,0.15);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--dark-gray);background-color:var(--white);margin:0;padding:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:var(--spacing-md);color:var(--dark-gray)}h1{font-size:2.5rem;font-weight:700;color:var(--rwanda-blue)}h2{font-size:2rem;color:var(--rwanda-blue)}h3{font-size:1.5rem;color:var(--primary-dark)}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md);color:var(--dark-gray)}a{color:var(--rwanda-blue);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary-dark);text-decoration:underline}.btn{border-radius:var(--border-radius-md);font-weight:500;padding:0.75rem 1.5rem;transition:var(--transition-fast);border:none;cursor:pointer;align-items:center;gap:0.5rem;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--rwanda-blue),var(--primary-dark));color:var(--white);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--rwanda-blue));transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--white)}.btn-success{background:linear-gradient(135deg,var(--rwanda-green),#008833);color:var(--white)}.btn-success:hover{background:linear-gradient(135deg,#008833,var(--rwanda-green));transform:translateY(-2px);color:var(--white)}.btn-warning{background:linear-gradient(135deg,var(--rwanda-yellow),#E6C200);color:var(--dark-gray)}.btn-warning:hover{background:linear-gradient(135deg,#E6C200,var(--rwanda-yellow));transform:translateY(-2px);color:var(--dark-gray)}.btn-outline-primary{border:2px solid var(--rwanda-blue);color:var(--rwanda-blue);background:transparent}.btn-outline-primary:hover{background:var(--rwanda-blue);color:var(--white)}.btn-lg{padding:12px 16px;font-size:1.1rem}.btn-sm{padding:0.5rem 1rem;font-size:0.9rem}.header{background:linear-gradient(135deg,var(--rwanda-blue),var(--primary-dark));box-shadow:var(--shadow-md);position:sticky;top:0;z-index:1000}.navbar{padding:0.5rem 0}.navbar-brand{font-size:1.5rem;font-weight:700;color:var(--white)!important;display:flex;align-items:center;gap:0.5rem}.navbar-brand img{height:40px;width:auto}.navbar-nav .nav-link{color:var(--white)!important;font-weight:500;padding:0.5rem 1rem!important;transition:var(--transition-fast);border-radius:var(--border-radius-sm);margin:0 0.25rem}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{background:rgba(255,255,255,0.1);color:var(--rwanda-yellow)!important}.navbar-toggler{border:none;padding:0.25rem 0.5rem}.navbar-toggler:focus{box-shadow:none}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.hero{background:linear-gradient(135deg,var(--rwanda-blue),var(--rwanda-green));color:var(--white);padding:3rem 0;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('/images/rwanda-landscape.jpg') center/cover;opacity:0.1;z-index:1}.hero .container{position:relative;z-index:2}.hero h1{color:var(--white);font-size:3rem;margin-bottom:var(--spacing-lg)}.hero p{font-size:1.2rem;margin-bottom:var(--spacing-xl);color:rgba(255,255,255,0.9)}.card{border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-normal);overflow:hidden;height:max-content}.card-header{background:linear-gradient(135deg,var(--light-gray),var(--white));border-bottom:2px solid var(--rwanda-blue);padding:1.5rem}.card-body{padding:1.5rem}.card-title{color:var(--rwanda-blue);font-weight:600;margin-bottom:var(--spacing-md)}.card-text{color:var(--medium-gray);line-height:1.6}.section{padding:3rem 0}.section-light{background:var(--light-gray)}.section-primary{background:linear-gradient(135deg,var(--rwanda-blue),var(--primary-dark));color:var(--white)}.section-success{background:linear-gradient(135deg,var(--rwanda-green),#008833);color:var(--white)}.section-title{text-align:center;margin-bottom:var(--spacing-xxl);position:relative}.section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--rwanda-yellow);border-radius:2px}.feature-item{text-align:center;padding:10px;border-radius:var(--border-radius-lg);transition:var(--transition-normal);height:100%}.feature-item:hover{background:var(--light-gray);transform:translateY(-5px)}.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--rwanda-blue),var(--rwanda-green));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);color:var(--white);font-size:2rem}.feature-title{color:var(--rwanda-blue);font-weight:600;margin-bottom:var(--spacing-md)}.stats-item{text-align:center;padding:2rem 1rem}.stats-number{font-size:3rem;font-weight:700;color:var(--rwanda-yellow);display:block;line-height:1}.stats-label{font-size:1.1rem;color:var(--white);margin-top:0.5rem}.form-control{border:2px solid var(--border-color);border-radius:var(--border-radius-md);padding:0.50rem 1rem;transition:var(--transition-fast);font-size:1rem}.form-control:focus{border-color:var(--rwanda-blue);box-shadow:0 0 0 0.2rem rgba(0,102,204,0.25)}.form-label{font-weight:500;color:var(--dark-gray);margin-bottom:0.5rem}.form-group{margin-bottom:var(--spacing-lg)}.table{border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.table thead th{background:var(--rwanda-blue);color:var(--white);border:none;font-weight:600;padding:1rem}.table tbody td{padding:1rem;border-color:var(--border-color)}.table-striped tbody tr:nth-of-type(odd){background:rgba(0,102,204,0.05)}.alert{border:none;border-radius:var(--border-radius-md);padding:1rem;margin-bottom:var(--spacing-lg)}.alert-info{background:rgba(0,102,204,0.1);color:var(--rwanda-blue);border-left:4px solid var(--rwanda-blue)}.alert-success{background:rgba(0,170,68,0.1);color:var(--rwanda-green);border-left:4px solid var(--rwanda-green)}.alert-warning{background:rgba(255,215,0,0.1);color:#B8860B;border-left:4px solid var(--rwanda-yellow)}.footer{background:var(--dark-gray);color:var(--white);padding:3rem 0 1rem}.footer h5{color:var(--rwanda-yellow);margin-bottom:var(--spacing-lg)}.footer a{color:rgba(255,255,255,0.8);text-decoration:none;transition:var(--transition-fast)}.footer a:hover{color:var(--rwanda-yellow)}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:var(--spacing-lg);margin-top:0.5rem;text-align:center;color:rgba(255,255,255,0.6)}.breadcrumb{background:var(--light-gray);padding:1rem;margin:0}.breadcrumb-item a{color:var(--rwanda-blue)}.breadcrumb-item.active{color:var(--medium-gray);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breadcrumb-item+.breadcrumb-item{padding:0 10px}.progress{height:8px;border-radius:var(--border-radius-sm);background:var(--light-gray)}.progress-bar{background:linear-gradient(90deg,var(--rwanda-blue),var(--rwanda-green));border-radius:var(--border-radius-sm)}@media (min-width:1400px){.container-xxl{max-width:1600px}.hero h1{font-size:3.5rem}}@media (min-width:1200px){.container-xl{max-width:1140px}}@media (max-width:1199.98px){.hero h1{font-size:2.5rem}.section{padding:1rem 0}.feature-item{padding:10px}.btn{margin-bottom:10px}}@media (max-width:767.98px){:root{--spacing-xs:0.2rem;--spacing-sm:0.4rem;--spacing-md:0.8rem;--spacing-lg:1.2rem;--spacing-xl:1.6rem;--spacing-xxl:2rem}.hero{padding:2rem 0}.hero h1{font-size:2rem}.hero p{font-size:1rem}.section{padding:1rem 0}.card-body{padding:1rem}.feature-item{padding:10px;margin-bottom:5px}.feature-icon{width:60px;height:60px;font-size:1.5rem}.stats-number{font-size:2rem}.btn{padding:0.6rem 1.2rem;font-size:0.9rem}.btn-lg{padding:0.8rem 1.6rem;font-size:1rem}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.3rem}.navbar-nav{padding-top:1rem}}@media (max-width:575.98px){.hero h1{font-size:1.8rem}.section{padding:1rem 0}.card-body{padding:0.8rem}.feature-item{padding:5px}.btn{width:100%;margin-bottom:0.5rem}.btn:last-child{margin-bottom:0}.stats-item{padding:1rem 0.5rem}.footer{padding:2rem 0 1rem}}

/* ===== UTILITY CLASSES ===== */
.text-rwanda-blue{color:var(--rwanda-blue)!important}.text-rwanda-green{color:var(--rwanda-green)!important}.text-rwanda-yellow{color:var(--rwanda-yellow)!important}.bg-rwanda-blue{background-color:var(--rwanda-blue)!important}.bg-rwanda-green{background-color:var(--rwanda-green)!important}.bg-rwanda-yellow{background-color:var(--rwanda-yellow)!important}.border-rwanda-blue{border-color:var(--rwanda-blue)!important}.border-rwanda-green{border-color:var(--rwanda-green)!important}.border-rwanda-yellow{border-color:var(--rwanda-yellow)!important}.shadow-custom{box-shadow:var(--shadow-md)}.rounded-custom{border-radius:var(--border-radius-lg)}.mb-custom{margin-bottom:var(--spacing-xl)}.mt-custom{margin-top:var(--spacing-xl)}.py-custom{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp 0.6s ease-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.pulse-animation{animation:pulse 2s infinite}.loading{position:relative;overflow:hidden}.loading::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}100%{left:100%}}@media print{.header,.footer,.btn,.navbar{display:none!important}body{font-size:12pt;line-height:1.4;color:black}.container{width:100%!important;max-width:none!important}}@media only screen and (max-width:480px){.section{padding:15px 0}.hero-section{padding:40px 0}.hero-section h1{font-size:1.8rem;line-height:1.3}.hero-section .lead{font-size:1rem}.btn{width:100%;margin-bottom:10px}.card{margin-bottom:15px}.navbar-brand{font-size:1.2rem}.dropdown-menu{position:static!important;transform:none!important;width:100%;border:none;box-shadow:none;background:#f8f9fa}.table-responsive{font-size:0.85rem}.breadcrumb{font-size:0.8rem;padding:8px}.page-header h1{font-size:1.6rem}.stats-grid{grid-template-columns:1fr;gap:15px}.feature-grid{grid-template-columns:1fr}.footer{padding:30px 0}.footer-section{margin-bottom:25px}}@media only screen and (min-width:481px) and (max-width:767px){.hero-section h1{font-size:2.2rem}.btn-group-mobile{display:flex;flex-direction:column;gap:10px}.btn-group-mobile .btn{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.card-deck{flex-direction:column}}@media only screen and (min-width:768px) and (max-width:1024px){.container{max-width:100%}.hero-section{padding:60px 0}.hero-section h1{font-size:2.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:25px}.navbar-nav{justify-content:center}.navbar-nav .nav-item{margin:0 5px}.dropdown-menu{min-width:250px}.table-responsive{font-size:0.9rem}.btn-group-tablet{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.btn{margin:10px 0}}@media only screen and (min-width:1025px){.container{max-width:100%}.hero-section{padding:80px 0}.hero-section h1{font-size:3rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:30px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:30px}.navbar-expand-lg .navbar-nav{margin-left:auto;margin-right:auto}.dropdown-menu{min-width:300px}.btn-group-desktop{display:flex;justify-content:center;gap:20px}.section{padding:40px 0}}@media only screen and (min-width:1400px){.container{max-width:1820px;margin:0 auto}.hero-section h1{font-size:3.5rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:40px}.feature-grid{grid-template-columns:repeat(4,1fr)}}@media (hover:none) and (pointer:coarse){.btn{min-height:44px;min-width:44px}.nav-link{min-height:44px;display:flex;align-items:center}.dropdown-toggle::after{margin-left:10px}.card{transition:none}.card:hover{transform:none}.btn:hover{transform:none}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi){.logo img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.hero-background{background-size:cover;background-position:center}}@media (prefers-color-scheme:dark){.navbar{background-color:#1a202c!important}.navbar-light .navbar-nav .nav-link{color:#e2e8f0}.dropdown-menu{background-color:#2d3748;border-color:#4a5568}.dropdown-item{color:#e2e8f0}.dropdown-item:hover{background-color:#4a5568}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}.btn:hover{transform:none}.card:hover{transform:none}}@media print{.navbar,.footer,.btn,.breadcrumb{display:none!important}.container{max-width:100%!important}.section{padding:20px 0!important}.page-break{page-break-before:always}a[href]:after{content:" ("attr(href)")";font-size:0.8em;color:#666}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:6px;background:var(--rwanda-blue);color:white;padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.skip-link:focus{top:6px}.btn:focus,.nav-link:focus{outline:2px solid var(--rwanda-blue);outline-offset:2px}@media (prefers-contrast:high){.btn{border:2px solid currentColor}.card{border:2px solid #000}.navbar{border-bottom:2px solid #000}}.lazy-load{opacity:0;transition:opacity 0.3s}.lazy-load.loaded{opacity:1}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:gray;border-radius:4px}.loading{position:relative;pointer-events:none}.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid var(--rwanda-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.error{color:#dc3545;border-color:#dc3545}.success{color:#28a745;border-color:#28a745}

.text-rwanda-blue{color:var(--rwanda-blue)!important}.text-rwanda-green{color:var(--rwanda-green)!important}.text-rwanda-yellow{color:var(--rwanda-yellow)!important}.bg-rwanda-blue{background-color:var(--rwanda-blue)!important}.bg-rwanda-green{background-color:var(--rwanda-green)!important}.bg-rwanda-yellow{background-color:var(--rwanda-yellow)!important}.border-rwanda-blue{border-color:var(--rwanda-blue)!important}.border-rwanda-green{border-color:var(--rwanda-green)!important}.border-rwanda-yellow{border-color:var(--rwanda-yellow)!important}.shadow-rwanda{box-shadow:0 5px 20px rgba(0,102,204,0.2)!important}.rounded-rwanda{border-radius:15px!important}.gradient-rwanda{background:linear-gradient(135deg,var(--rwanda-blue),var(--rwanda-green))!important}.fade-in{animation:fadeIn 0.5s ease-in}.slide-up{animation:slideUp 0.5s ease-out}.bounce-in{animation:bounceIn 0.6s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(0.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1);opacity:1}}.form-floating{position:relative}.form-floating>.form-control{height:calc(3.5rem + 2px);padding:1rem 0.75rem}.form-floating>label{position:absolute;top:0;left:0;height:100%;padding:1rem 0.75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity 0.1s ease-in-out,transform 0.1s ease-in-out}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label{opacity:0.65;transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.interactive-map{cursor:pointer;transition:all 0.3s ease}.interactive-map:hover{transform:scale(1.02);box-shadow:0 10px 30px rgba(0,0,0,0.2)}.tooltip-custom{position:relative;display:inline-block}.tooltip-custom .tooltip-text{visibility:hidden;width:200px;background-color:#333;color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity 0.3s;font-size:0.9rem}.tooltip-custom:hover .tooltip-text{visibility:visible;opacity:1}.progress-rwanda{height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.progress-rwanda .progress-bar{background:linear-gradient(90deg,var(--rwanda-blue),var(--rwanda-green));height:100%;transition:width 0.6s ease}.status-online{color:#28a745}.status-offline{color:#dc3545}.status-pending{color:#ffc107}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-indicator.online{background-color:#28a745;animation:pulse 2s infinite}.status-indicator.offline{background-color:#dc3545}.status-indicator.pending{background-color:#ffc107;animation:blink 1s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(40,167,69,0.7)}70%{box-shadow:0 0 0 10px rgba(40,167,69,0)}100%{box-shadow:0 0 0 0 rgba(40,167,69,0)}}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0.5}}