@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Cinzel:wght@600;700;800&display=swap";:root{--bg-page:#f8fafc;--bg-card:#fff;--bg-subtle:#f1f5f9;--navy-primary:#1f4d33;--navy-dark:#0f2e1d;--navy-light:#2f7048;--gold-primary:#c8a951;--gold-hover:#b3923b;--gold-subtle:#fef3c7;--green-kenya:#237a4a;--green-light:#dcfce7;--red-alert:#8c1d23;--red-light:#fbe4e4;--amber-warning:#d97706;--amber-light:#fef3c7;--text-heading:#0f172a;--text-body:#334155;--text-muted:#64748b;--text-dim:#94a3b8;--border-subtle:#e2e8f0;--border-focus:#c8a951;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0f172a0d;--shadow-card:0 4px 20px -2px #1f4d330d;--shadow-hover:0 12px 30px -4px #1f4d3317;--shadow-modal:0 20px 40px -8px #0f172a33;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html{overflow-x:hidden}body{background-color:var(--bg-page);color:var(--text-body);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}.login-split-container{background:var(--bg-card);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}@media (width<=960px){.login-split-container{grid-template-columns:1fr}.login-right-hero{display:none!important}}.login-left-panel{background:var(--bg-card);flex-direction:column;justify-content:space-between;padding:3.5rem 4rem;display:flex}.login-brand-header{align-items:center;gap:.85rem;display:flex}.login-brand-header img{height:44px}.login-brand-header span{color:var(--navy-primary);letter-spacing:.03em;font-size:.95rem;font-weight:700}.login-form-wrapper{width:100%;max-width:440px;margin:0 auto;padding:2.5rem 0}.login-title-h1{color:var(--navy-primary);letter-spacing:-.02em;margin-bottom:.4rem;font-size:2.25rem;font-weight:800}.login-subtitle{color:var(--text-muted);margin-bottom:2.25rem;font-size:.95rem;line-height:1.5}.login-left-footer{color:var(--text-dim);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:1.25rem;font-size:.8rem;display:flex}.login-right-hero{background:linear-gradient(135deg, var(--navy-dark) 0%, var(--navy-primary) 65%, var(--navy-light) 100%);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex;position:relative;overflow:hidden}.login-right-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#c8a95129 0%,#0000 70%);border-radius:50%;width:650px;height:650px;position:absolute;top:-20%;right:-20%}.hero-coat-of-arms{filter:drop-shadow(0 12px 28px #00000059);z-index:2;height:175px;margin-bottom:2rem;position:relative}.hero-gov-title{color:var(--gold-primary);letter-spacing:.08em;text-transform:uppercase;z-index:2;margin-bottom:.5rem;font-family:Cinzel,serif;font-size:2rem;font-weight:700;position:relative}.hero-gov-sub{color:#e2e8f0;z-index:2;max-width:500px;font-size:1.15rem;font-weight:500;line-height:1.45;position:relative}.hero-gov-banner-pill{border-radius:var(--radius-full);color:var(--gold-subtle);letter-spacing:.05em;text-transform:uppercase;z-index:2;background:#ffffff14;border:1px solid #c8a95159;margin-top:2.5rem;padding:.6rem 1.5rem;font-size:.85rem;font-weight:600;position:relative}.gov-top-header{background:var(--navy-primary);color:#fff;border-bottom:3px solid var(--gold-primary);z-index:90;box-shadow:var(--shadow-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 2rem;display:flex;position:sticky;top:0}.gov-top-branding{align-items:center;gap:1rem;display:flex}.header-coat-logo{filter:drop-shadow(0 2px 6px #0003);height:48px}.header-title-group h1{color:var(--gold-subtle);letter-spacing:.05em;text-transform:uppercase;font-family:Cinzel,serif;font-size:1.05rem;font-weight:700}.header-title-group p{color:#cbd5e1;font-size:.76rem;font-weight:500}.header-event-badge{border-radius:var(--radius-full);color:#fff;background:#ffffff14;border:1px solid #c8a9514d;align-items:center;gap:.5rem;min-width:0;max-width:min(360px,60vw);padding:.4rem 1rem;font-size:.82rem;display:flex}.header-event-badge select{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}@media (width<=640px){.header-event-badge{max-width:100%}}.header-user-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.realtime-eat-clock{color:var(--gold-subtle);border-radius:var(--radius-sm);background:#00000040;border:1px solid #ffffff1a;padding:.35rem .75rem;font-family:monospace;font-size:.85rem;font-weight:700}.user-profile-chip{border-radius:var(--radius-full);background:#ffffff0f;border:1px solid #ffffff1f;align-items:center;gap:.65rem;padding:.35rem .85rem;display:flex}.user-avatar{background:var(--gold-primary);width:28px;height:28px;color:var(--navy-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.app-layout-grid{min-height:calc(100vh - 72px);display:flex}.floating-sidebar{border-right:1px solid var(--border-subtle);width:260px;transition:width var(--transition-normal);background:#fff;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:1.25rem .85rem;display:flex}.floating-sidebar.collapsed{width:64px}.floating-sidebar.collapsed .sidebar-item-btn{justify-content:center;padding:.7rem}.floating-sidebar.collapsed .sidebar-item-btn span{display:none}.sidebar-menu-list{flex-direction:column;gap:.3rem;list-style:none;display:flex}.sidebar-item-btn{border-radius:var(--radius-sm);width:100%;color:var(--text-body);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.65rem;padding:.7rem 1rem;font-size:.88rem;font-weight:600;display:flex}.sidebar-item-btn:hover{background:var(--bg-subtle);color:var(--navy-primary);border-left-color:var(--gold-primary)}.sidebar-item-btn.active{background:var(--navy-primary);color:#fff;border-left-color:var(--gold-primary);box-shadow:0 2px 8px #1f4d3326}.sidebar-toggle-btn{background:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;margin-top:1rem;padding:.55rem;font-size:.82rem;font-weight:600;display:flex}.sidebar-toggle-btn:hover{background:var(--border-subtle);color:var(--text-heading)}.main-content-viewport{flex:1;width:100%;min-width:0;max-width:1440px;margin:0 auto;padding:1.25rem 1.75rem}@media (width<=900px){.app-layout-grid{flex-direction:column}.floating-sidebar,.floating-sidebar.collapsed{flex-direction:row;align-items:center;width:100%;padding:.5rem .75rem;overflow-x:auto}.sidebar-menu-list{flex-direction:row;flex:1;overflow-x:auto}.sidebar-item-btn{border-bottom:3px solid #0000;border-left:none}.sidebar-item-btn.active{border-left-color:#0000;border-bottom-color:var(--gold-primary)}.sidebar-toggle-btn{display:none}.main-content-viewport{padding:1rem}.login-left-panel{padding:2rem 1.5rem}.gov-top-header{padding:.65rem 1rem}.diplomatic-pass-card{width:min(350px,100%)}[style*=grid-template-columns]{grid-template-columns:1fr!important}}@media (width<=640px){.floating-sidebar,.floating-sidebar.collapsed,.sidebar-menu-list{flex-wrap:wrap;row-gap:.35rem;overflow-x:visible}.sidebar-item-btn{white-space:normal;text-align:center;flex:auto;justify-content:center;padding:.6rem .75rem;font-size:.8rem}.sub-tab-bar{flex-wrap:wrap;overflow-x:visible}.gate-selector-bar{gap:.4rem}.gate-selector-btn{flex:auto;padding:.55rem .75rem;font-size:.8rem}.diplomatic-pass-card{width:100%}.pass-visitor-name{font-size:1.1rem}}.executive-welcome-banner{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding:1.25rem 1.5rem;display:flex}.executive-welcome-title h2{color:var(--navy-primary);letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.executive-welcome-title p{color:var(--text-muted);margin-top:.2rem;font-size:.85rem}.attendance-progress-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:1.25rem;padding:1.25rem 1.5rem}.progress-header-row{justify-content:space-between;align-items:baseline;margin-bottom:.75rem;display:flex}.progress-title{color:var(--navy-primary);font-size:.95rem;font-weight:700}.progress-stats-num{color:var(--navy-primary);font-size:1.55rem;font-weight:800}.progress-bar-container{background:var(--bg-subtle);border-radius:var(--radius-full);border:1px solid var(--border-subtle);height:14px;margin-bottom:.85rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--green-kenya) 0%, #10b981 100%);border-radius:var(--radius-full);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-details-grid{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;padding-top:.85rem;display:grid}.progress-detail-item{flex-direction:column;display:flex}.progress-detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.progress-detail-val{color:var(--text-heading);margin-top:.15rem;font-size:1.15rem;font-weight:700}.white-section-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal);margin-bottom:1.25rem;padding:1.25rem 1.5rem}.white-section-card:hover{box-shadow:var(--shadow-hover)}.card-title-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.card-title-text{color:var(--navy-primary);align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;display:flex}.sub-tab-bar{border-bottom:1px solid var(--border-subtle);gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.sub-tab-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.sub-tab-btn.active{background:var(--navy-primary);color:#fff}.registration-stepper-wrapper{max-width:820px;margin:0 auto}.stepper-header-bar{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex;position:relative}.stepper-header-bar:before{content:"";background:var(--border-subtle);z-index:1;height:2px;position:absolute;top:20px;left:10%;right:10%}.step-node{z-index:2;background:var(--bg-card);flex-direction:column;align-items:center;padding:0 .5rem;display:flex;position:relative}.step-circle{background:var(--bg-card);border:2px solid var(--border-subtle);width:40px;height:40px;color:var(--text-muted);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.4rem;font-size:.95rem;font-weight:700;display:flex}.step-node.active .step-circle{background:var(--navy-primary);border-color:var(--navy-primary);color:#fff;box-shadow:0 0 0 4px #1f4d3326}.step-node.completed .step-circle{background:var(--green-kenya);border-color:var(--green-kenya);color:#fff}.step-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.step-node.active .step-label{color:var(--navy-primary);font-weight:700}.photo-drag-drop-zone{border:2px dashed var(--border-subtle);border-radius:var(--radius-md);text-align:center;background:var(--bg-subtle);cursor:pointer;transition:all var(--transition-fast);padding:3rem 2rem}.photo-drag-drop-zone:hover{border-color:var(--gold-primary);background:var(--gold-subtle)}.scan-result-toast{z-index:500;border-radius:var(--radius-lg);text-align:center;width:min(440px,92vw);max-height:calc(100vh - 110px);box-shadow:var(--shadow-modal);padding:1rem 1.25rem;animation:.2s ease-out scanToastIn;position:fixed;top:88px;left:50%;overflow-y:auto;transform:translate(-50%)}@keyframes scanToastIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.scan-result-toast-close{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;padding:.2rem;display:flex;position:absolute;top:.5rem;right:.6rem}.scan-result-toast-close:hover{opacity:1}.scan-result-toast.GREEN{background:var(--green-light);border:2px solid var(--green-kenya)}.scan-result-toast.RED{background:var(--red-light);border:2px solid var(--red-alert)}.scan-result-toast.YELLOW{background:var(--amber-light);border:2px solid var(--amber-warning)}.scan-result-toast.BLACK{color:#fff;background:#000;border:2px solid #64748b}@media (width<=640px){.scan-result-toast{width:min(440px,94vw);top:auto;bottom:.75rem}}.gate-status-headline{letter-spacing:.02em;text-transform:uppercase;font-size:1.3rem;font-weight:900}.gate-status-headline.GREEN{color:var(--green-kenya)}.gate-status-headline.RED{color:var(--red-alert)}.gate-status-headline.YELLOW{color:var(--amber-warning)}.gate-status-headline.BLACK{color:#fff}.gate-visitor-photo{border-radius:var(--radius-md);object-fit:cover;border:3px solid #fff;flex-shrink:0;width:68px;height:68px;box-shadow:0 4px 12px #00000026}.gate-selector-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.gate-selector-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-body);cursor:pointer;transition:all var(--transition-fast);padding:.6rem 1.2rem;font-size:.85rem;font-weight:600}.gate-selector-btn.active{background:var(--navy-primary);color:#fff;border-color:var(--navy-primary);box-shadow:0 4px 10px #1f4d3333}.diplomatic-pass-card{border-radius:var(--radius-lg);width:320px;box-shadow:var(--shadow-modal);background:#fff;border:1px solid #cbd5e1;flex-direction:column;justify-content:space-between;margin:0 auto;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.diplomatic-pass-card:before{content:"";opacity:.075;pointer-events:none;z-index:0;background-image:url(/Coat_of_arms_of_Kenya.svg);background-position:0 0;background-repeat:repeat;background-size:52px 52px;width:160%;height:160%;position:absolute;top:-30%;left:-30%;transform:rotate(-18deg)}.pass-header,.pass-body,.pass-footer-banner{z-index:1;position:relative}.pass-header{background:linear-gradient(135deg, var(--navy-dark) 0%, var(--navy-primary) 100%);color:#fff;text-align:center;border-bottom:3px solid var(--gold-primary);padding:.85rem 1rem .7rem}.pass-header img{height:34px;margin-bottom:.3rem}.pass-header h2{color:var(--gold-subtle);letter-spacing:.06em;text-transform:uppercase;font-family:Cinzel,serif;font-size:.85rem}.pass-header p{color:#cbd5e1;margin-top:.15rem;font-size:.72rem}.pass-body{text-align:center;flex:1;padding:.9rem 1.1rem}.pass-photo{border-radius:var(--radius-md);object-fit:cover;border:3px solid var(--gold-primary);width:76px;height:76px;margin:0 auto .6rem;box-shadow:0 4px 12px #0000001a}.pass-visitor-name{color:var(--navy-primary);font-size:1.05rem;font-weight:800}.pass-field{color:var(--text-muted);margin-top:.18rem;font-size:.78rem}.pass-field strong{color:var(--text-heading)}.pass-qr-container{justify-content:center;margin:.65rem auto .5rem;display:flex}.pass-badge-serial{letter-spacing:.1em;background:var(--bg-subtle);border-radius:var(--radius-sm);color:var(--navy-primary);padding:.3rem .7rem;font-family:monospace;font-size:.82rem;font-weight:700;display:inline-block}.pass-footer-banner{background:var(--navy-primary);color:var(--gold-subtle);text-align:center;letter-spacing:.08em;text-transform:uppercase;padding:.4rem;font-size:.68rem;font-weight:700}.btn-primary-gov{background:var(--gold-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #c8a95140}.btn-primary-gov:hover{background:var(--gold-hover);transform:translateY(-1px);box-shadow:0 6px 16px #c8a95159}.btn-navy-gov{background:var(--navy-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #1f4d3333}.btn-navy-gov:hover{background:var(--navy-dark);transform:translateY(-1px)}.btn-secondary-white{border:1px solid var(--border-subtle);color:var(--text-heading);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#fff;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.btn-secondary-white:hover{background:var(--bg-subtle);border-color:var(--text-muted)}.form-input-gov{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;min-width:0;color:var(--text-heading);transition:all var(--transition-fast);background:#fff;outline:none;padding:.85rem 1rem;font-size:.95rem}.form-input-gov:focus{border-color:var(--gold-primary);box-shadow:0 0 0 3px #c8a9512e}.gov-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.gov-data-table th{background:var(--bg-subtle);color:var(--text-muted);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.05em;padding:.65rem .85rem;font-size:.75rem;font-weight:700}.gov-data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-body);vertical-align:middle;padding:.75rem .85rem}.gov-data-table tr:hover td{background:#f8fafc}.official-gov-footer{background:var(--navy-primary);color:#94a3b8;border-top:4px solid var(--gold-primary);margin-top:4rem;padding:3rem 2rem 2rem;font-size:.85rem}.footer-inner-grid{border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr;gap:2rem;max-width:1300px;margin:0 auto;padding-bottom:2rem;display:grid}@media (width<=768px){.footer-inner-grid{grid-template-columns:1fr}}@media print{body *{visibility:hidden}.printable-pass-area,.printable-pass-area *{visibility:visible}.printable-pass-area{width:100%;position:absolute;top:0;left:0}}