:root{--font-primary: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--color-bg-app: #f8fafc;--color-bg-card: #ffffff;--color-primary: #3b82f6;--color-primary-hover: #1d4ed8;--color-primary-soft: #eff6ff;--color-success: #10b981;--color-success-hover: #047857;--color-success-soft: #ecfdf5;--color-warning: #f59e0b;--color-warning-soft: #fef3c7;--color-text-main: #0f172a;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-border-hover: #cbd5e1;--border-radius-lg: 16px;--border-radius-md: 10px;--border-radius-sm: 6px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .04), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-premium: 0 20px 25px -5px rgba(15, 23, 42, .06), 0 8px 10px -6px rgba(15, 23, 42, .04);--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--color-bg-app);color:var(--color-text-main);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;line-height:1.6}.top-gradient-bar{height:5px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);width:100%;position:fixed;top:0;left:0;z-index:1000}.header-container,.content-container,.footer-container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.main-header{background-color:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:99;padding:16px 0}.header-container{display:flex;justify-content:space-between;align-items:center}.logo-area{display:flex;align-items:center;gap:12px}.logo-icon-box{background:linear-gradient(135deg,var(--color-primary) 0%,#4f46e5 100%);color:#fff;width:40px;height:40px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.logo-icon{width:20px;height:20px}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:16px;font-weight:800;letter-spacing:.1em;color:var(--color-text-main)}.logo-subtitle{font-size:11px;font-weight:500;color:var(--color-text-muted)}.header-nav{display:flex;align-items:center;gap:8px}.nav-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--border-radius-md);font-size:14px;font-weight:600;color:var(--color-text-muted);text-decoration:none;transition:var(--transition-smooth)}.nav-link i{width:16px;height:16px}.nav-link:hover{color:var(--color-text-main);background-color:var(--color-primary-soft)}.nav-link.active{color:var(--color-primary);background-color:var(--color-primary-soft)}.nav-btn{background-color:var(--color-text-main);color:#fff!important}.nav-btn:hover{background-color:#1e293b;box-shadow:var(--shadow-sm)}.nav-btn-logout{color:#ef4444}.nav-btn-logout:hover{background-color:#fef2f2;color:#dc2626}.main-content{flex:1;padding:40px 0}.main-footer{border-top:1px solid var(--color-border);background-color:#fff;padding:24px 0;text-align:center;font-size:13px;color:var(--color-text-muted)}.alert-card{background-color:#fff;border-left:4px solid var(--color-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;gap:16px;position:relative}.success-alert{border-left-color:var(--color-success);background-color:var(--color-success-soft)}.alert-icon-box{color:var(--color-success);display:flex;align-items:center;justify-content:center}.alert-icon-box i{width:24px;height:24px}.alert-content h3{font-size:15px;font-weight:700;color:#064e3b;margin-bottom:2px}.alert-content p{font-size:13px;color:#047857}.alert-close{position:absolute;right:16px;top:16px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-smooth)}.alert-close:hover{color:var(--color-text-main)}.mini-alert{padding:12px 16px;border-left-width:3px}.mini-alert p{font-size:13px;color:#047857;font-weight:600}.animate-fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.guestbook-container{max-width:1140px;margin:0 auto}.split-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:start}@media (max-width: 992px){.split-layout{grid-template-columns:1fr;gap:32px}}.side-info-panel{background-color:var(--color-text-main);color:#fff;border-radius:var(--border-radius-lg);padding:48px 40px;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.panel-glow{position:absolute;top:-20%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,rgba(99,102,241,.05) 50%,transparent 100%);border-radius:50%;pointer-events:none}.panel-inner{position:relative;z-index:2}.badge-premium{display:inline-block;background-color:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#93c5fd;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:6px 12px;border-radius:50px;margin-bottom:24px}.panel-main-title{font-size:32px;font-weight:800;line-height:1.25;margin-bottom:16px;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.panel-desc{font-size:15px;color:#94a3b8;margin-bottom:32px}.live-clock-card{background-color:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius-md);padding:20px 24px;display:flex;align-items:center;gap:16px;margin-bottom:40px;box-shadow:var(--shadow-sm)}.clock-icon{background-color:#3b82f626;color:#60a5fa;width:44px;height:44px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center}.clock-icon i{width:22px;height:22px}.clock-details{display:flex;flex-direction:column}.clock-time{font-size:20px;font-weight:700;color:#f8fafc;letter-spacing:.02em}.clock-date{font-size:13px;color:#94a3b8}.info-list{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;align-items:center;gap:12px}.info-icon{color:#60a5fa;display:flex;align-items:center}.info-icon i{width:18px;height:18px}.info-text{font-size:14px;color:#cbd5e1;font-weight:500}.form-panel{background-color:var(--color-bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-premium);overflow:hidden}.form-card{padding:40px}@media (max-width: 576px){.form-card{padding:24px}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 576px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:span 2}@media (max-width: 576px){.form-group.full-width{grid-column:span 1}}.form-group label{font-size:13.5px;font-weight:600;color:#334155;display:inline-flex;align-items:center;gap:6px}.form-group label i{width:15px;height:15px;color:var(--color-text-muted)}.required{color:#ef4444}.form-control{width:100%;height:46px;font-family:var(--font-primary);font-size:14.5px;font-weight:500;padding:0 16px;background-color:#f8fafc;border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-main);transition:var(--transition-smooth);outline:none}.form-control::placeholder{color:#94a3b8}.form-control:focus{background-color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #3b82f614}.select-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:40px;cursor:pointer}.text-area-control{height:auto;padding:12px 16px;resize:vertical}.error-msg{font-size:12px;color:#ef4444;font-weight:500;margin-top:2px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;font-family:var(--font-primary);font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,#4f46e5 100%);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 10px #3b82f62e}.btn-primary i{width:16px;height:16px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 14px #3b82f640;background:linear-gradient(135deg,#2563eb,#4338ca)}.btn-primary:active{transform:translateY(0)}.btn-block{width:100%}.btn-secondary{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;font-family:var(--font-primary);font-size:14px;font-weight:600;color:#334155;background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;text-decoration:none;transition:var(--transition-smooth)}.btn-secondary i{width:16px;height:16px}.btn-secondary:hover{background-color:var(--color-bg-app);border-color:var(--color-border-hover)}.form-actions{margin-top:12px;display:flex;justify-content:flex-end}.signature-group{margin-top:10px}.signature-wrapper{position:relative;border:1px solid var(--color-border);background-color:#f8fafc;border-radius:var(--border-radius-md);overflow:hidden;height:200px}.signature-canvas{width:100%;height:100%;cursor:crosshair;display:block}.btn-clear-sig{position:absolute;right:12px;bottom:12px;background-color:#fffffff2;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:6px 12px;font-size:12px;font-weight:600;color:#475569;cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--transition-smooth)}.btn-clear-sig i{width:14px;height:14px}.btn-clear-sig:hover{background-color:#ef4444;border-color:#ef4444;color:#fff}.sig-hint{font-size:12px;color:var(--color-text-muted)}.login-wrapper{max-width:440px;margin:40px auto}.login-card{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-premium);padding:40px}.login-header{text-align:center;margin-bottom:32px}.login-icon-box{width:52px;height:52px;background-color:var(--color-primary-soft);color:var(--color-primary);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}.login-icon-box i{width:24px;height:24px}.login-header h2{font-size:20px;font-weight:800;color:var(--color-text-main);margin-bottom:6px}.login-header p{font-size:13.5px;color:var(--color-text-muted)}.login-card form{display:flex;flex-direction:column;gap:20px}.login-help{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:var(--border-radius-sm);padding:12px 14px}.credentials-hint{font-size:12px;color:#475569;display:flex;align-items:center;gap:6px;line-height:1.4}.credentials-hint i{width:14px;height:14px;color:var(--color-primary)}.dashboard-wrapper{display:flex;flex-direction:column;gap:28px}.dashboard-header{display:flex;justify-content:space-between;align-items:center}@media (max-width: 576px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}}.dash-title{font-size:28px;font-weight:800;color:var(--color-text-main);letter-spacing:-.02em}.dash-subtitle{font-size:14px;color:var(--color-text-muted)}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1.8fr;gap:20px}@media (max-width: 992px){.stats-grid{grid-template-columns:1fr 1fr}.stat-wide{grid-column:span 2}}@media (max-width: 576px){.stats-grid{grid-template-columns:1fr}.stat-wide{grid-column:span 1}}.stat-card{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:24px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-sm)}.stat-icon-box{width:56px;height:56px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center}.stat-icon-box i{width:26px;height:26px}.bg-primary-soft{background-color:#eff6ff}.bg-success-soft{background-color:#ecfdf5}.bg-warning-soft{background-color:#fffbeb}.color-primary{color:var(--color-primary)}.color-success{color:var(--color-success)}.color-warning{color:var(--color-warning)}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:13.5px;font-weight:600;color:var(--color-text-muted)}.stat-val{font-size:28px;font-weight:800;color:var(--color-text-main);line-height:1.2;margin-top:4px}.purposes-breakdown{flex:1}.breakdown-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.purpose-pill{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:50px;padding:4px 12px;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#475569}.pill-val{background-color:#fff;color:var(--color-text-main);border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000d}.no-pill-data{font-size:13px;color:var(--color-text-muted);font-style:italic}.filter-panel{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.filter-form{display:flex;flex-direction:column;gap:16px}.filter-group-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px}@media (max-width: 768px){.filter-group-row{grid-template-columns:1fr}}.filter-input-wrapper{position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-muted)}.filter-control{padding-left:42px;height:44px}.filter-select{padding-left:42px}.filter-buttons{display:flex;justify-content:flex-end;align-items:center;gap:12px}.btn-search-submit{height:40px;padding:0 20px;font-size:13.5px}.btn-clear-filters{font-size:13.5px;font-weight:600;color:var(--color-text-muted);text-decoration:none;transition:var(--transition-smooth)}.btn-clear-filters:hover{color:#ef4444}.table-card{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.table-responsive{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.data-table th{background-color:#f8fafc;border-bottom:1px solid var(--color-border);padding:16px 20px;font-weight:700;color:#475569;text-transform:uppercase;font-size:11px;letter-spacing:.05em}.data-table td{padding:18px 20px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.data-table tbody tr{transition:var(--transition-smooth)}.data-table tbody tr:hover{background-color:#f8fafc}.col-num{color:var(--color-text-muted);font-weight:500}.col-time{display:flex;flex-direction:column}.time-block{font-weight:600;color:var(--color-text-main)}.time-sub{font-size:11px;color:var(--color-text-muted);margin-top:2px}.font-semibold{font-weight:600;color:var(--color-text-main)}.badge-purpose{display:inline-block;background-color:#f1f5f9;border:1px solid #e2e8f0;color:#334155;padding:4px 10px;border-radius:50px;font-size:12px;font-weight:600}.btn-table-action{display:inline-flex;align-items:center;gap:6px;background-color:#fff;border:1px solid var(--color-border);color:#334155;padding:6px 12px;border-radius:var(--border-radius-sm);font-size:12.5px;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.btn-table-action i{width:14px;height:14px}.btn-table-action:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-soft)}.no-data-cell{padding:60px 20px!important;text-align:center}.no-data-box{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-text-muted)}.no-data-box i{width:48px;height:48px;stroke-width:1.5}.no-data-box p{font-size:14px;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:0 25px 50px -12px #00000026;border:1px solid var(--color-border);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;transform:scale(.95);transition:transform .3s ease}.modal-overlay.active .modal-card{transform:scale(1)}.modal-header{padding:20px 24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header-title{font-size:18px;font-weight:800;color:var(--color-text-main);display:flex;align-items:center;gap:8px}.modal-header-title i{color:var(--color-primary);width:20px;height:20px}.modal-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.modal-close:hover{background-color:#f1f5f9;color:var(--color-text-main)}.modal-body{padding:24px;overflow-y:auto}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.modal-field{display:flex;flex-direction:column;gap:4px}.modal-field.full-width{grid-column:span 2}.field-lbl{font-size:11.5px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.field-val{font-size:14.5px;font-weight:600;color:var(--color-text-main)}.notes-content-box{background-color:#f8fafc;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:12px 16px;font-size:14px;color:#475569;line-height:1.5;min-height:60px}.sig-display-box{border:1px solid var(--color-border);background-color:#f8fafc;border-radius:var(--border-radius-md);height:140px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.sig-display-box img{max-height:120px;max-width:90%;object-fit:contain}.sig-display-box.no-signature:after{content:attr(data-text);font-size:13px;font-weight:500;color:var(--color-text-muted);font-style:italic}.nav-btn-qr{background:none;border:none;cursor:pointer;font-family:var(--font-primary)}.qr-modal-card{max-width:440px}.qr-modal-body{display:flex;flex-direction:column;align-items:center;padding:32px 24px 24px}.qr-display-container{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:20px;display:inline-flex;justify-content:center;align-items:center;margin-bottom:20px;box-shadow:var(--shadow-sm)}.qr-display-container canvas{display:block;max-width:100%}.qr-instruction{font-size:13.5px;color:var(--color-text-muted);text-align:center;line-height:1.5;margin-bottom:28px}.qr-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;width:100%}.qr-print-header{display:none}@media print{body *{visibility:hidden}#qr-modal,#qr-modal *{visibility:visible}#qr-modal{position:fixed;left:0;top:0;width:100%;height:100%;background:#fff!important;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex!important;align-items:center;justify-content:center;opacity:1!important;pointer-events:auto!important}.qr-modal-card{border:none!important;box-shadow:none!important;width:100%!important;max-width:100%!important;transform:none!important;position:relative!important;background:#fff!important}.qr-modal-card .modal-header,.qr-modal-card .qr-actions{display:none!important}.qr-printable-area{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 0}.qr-print-header{display:block!important;margin-bottom:30px}.qr-print-header h2{font-size:32px;font-weight:800;color:#0f172a;letter-spacing:.05em;margin-bottom:6px}.qr-print-header p{font-size:18px;color:#475569}.qr-display-container{border:2px solid #0f172a!important;padding:24px!important;margin-bottom:24px!important;box-shadow:none!important;border-radius:var(--border-radius-md)!important}.qr-instruction{font-size:16px;color:#334155;max-width:440px;margin:0 auto}}.ticket-wrapper{max-width:580px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.ticket-status-badge{background-color:var(--color-success-soft);color:var(--color-success-hover);border:1px solid rgba(16,185,129,.2);border-radius:50px;padding:10px 24px;font-size:14.5px;font-weight:700;display:inline-flex;align-items:center;gap:8px;margin:0 auto;box-shadow:var(--shadow-sm)}.ticket-status-badge i{width:18px;height:18px}.epass-card{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-premium);overflow:hidden;position:relative}.epass-top-accent{height:6px;background:linear-gradient(90deg,#10b981,#3b82f6);width:100%}.epass-header{padding:32px 32px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--color-border)}.epass-logo-area{display:flex;align-items:center;gap:12px}.epass-logo-icon{width:38px;height:38px;background-color:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center}.epass-logo-icon i{width:18px;height:18px}.epass-logo-area h2{font-size:15px;font-weight:800;letter-spacing:.05em;color:var(--color-text-main)}.epass-logo-area p{font-size:10px;font-weight:600;color:var(--color-text-muted)}.epass-code-box{display:flex;flex-direction:column;align-items:flex-end}.epass-code-label{font-size:9px;font-weight:700;color:var(--color-text-muted);letter-spacing:.1em}.epass-code-val{font-size:15px;font-weight:800;color:var(--color-text-main);letter-spacing:.02em}.epass-body{padding:32px}.epass-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}@media (max-width: 480px){.epass-details-grid{grid-template-columns:1fr}}.epass-detail-item{display:flex;flex-direction:column;gap:4px}.epass-label{font-size:12px;font-weight:600;color:var(--color-text-muted)}.epass-value{font-size:14.5px;font-weight:700;color:var(--color-text-main)}.status-checkin-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:50px;font-size:12px;font-weight:700;width:fit-content}.status-checkin-badge.pending{background-color:var(--color-warning-soft);color:#b45309;border:1px solid rgba(245,158,11,.15)}.status-checkin-badge.checked{background-color:var(--color-success-soft);color:var(--color-success-hover);border:1px solid rgba(16,185,129,.15)}.status-checkin-badge i{width:14px;height:14px}.epass-qr-container{border-top:1px dashed var(--color-border);padding-top:32px;text-align:center}.epass-qr-border{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:16px;display:inline-block;box-shadow:var(--shadow-sm);margin-bottom:16px}.epass-qr-border canvas{display:block}.epass-qr-instruction{font-size:13px;color:var(--color-text-muted);line-height:1.5;max-width:360px;margin:0 auto}.epass-footer-bar{background-color:#f8fafc;border-top:1px solid var(--color-border);padding:14px;text-align:center;font-size:12px;font-weight:600;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;gap:6px}.epass-footer-bar i{width:14px;height:14px;color:var(--color-success)}.ticket-action-buttons{display:flex;justify-content:center;gap:12px;margin-top:12px}@media (max-width: 480px){.ticket-action-buttons{flex-direction:column}}.scanner-container{max-width:1140px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.scanner-header-card{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-premium);padding:32px}.scanner-title-row{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.scanner-title-row{flex-direction:column;align-items:flex-start;gap:20px}}.scanner-badge{background-color:var(--color-primary-soft);color:var(--color-primary);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:6px 12px;border-radius:50px;display:inline-flex;align-items:center;gap:6px;margin-bottom:12px}.scanner-badge i{width:14px;height:14px}.scanner-main-title{font-size:26px;font-weight:800;color:var(--color-text-main);letter-spacing:-.02em;margin-bottom:6px}.scanner-desc{font-size:14px;color:var(--color-text-muted)}.scanner-main-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}@media (max-width: 992px){.scanner-main-layout{grid-template-columns:1fr}}.scanner-viewport-card{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-premium);overflow:hidden;display:flex;flex-direction:column}.scanner-viewport-wrapper{position:relative;width:100%;aspect-ratio:4 / 3;background-color:#020617;display:flex;align-items:center;justify-content:center;overflow:hidden}.scanner-aiming-frame{position:absolute;width:250px;height:250px;z-index:10;pointer-events:none;box-shadow:0 0 0 9999px #020617a6}.aim-corner{position:absolute;width:24px;height:24px;border:4px solid #10b981}.aim-corner.top-left{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:8px}.aim-corner.top-right{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:8px}.aim-corner.bottom-left{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:8px}.aim-corner.bottom-right{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:8px}.scanner-laser-line{position:absolute;left:4px;right:4px;height:3px;background:linear-gradient(90deg,transparent 0%,#10b981 50%,transparent 100%);box-shadow:0 0 10px #10b981;z-index:11;animation:scannerLaser 2s infinite ease-in-out}@keyframes scannerLaser{0%{top:4px}50%{top:243px}to{top:4px}}.camera-stream-container{width:100%;height:100%}.camera-stream-container video{width:100%!important;height:100%!important;object-fit:cover!important}.scanner-controls-footer{padding:16px 24px;border-top:1px solid var(--color-border);background-color:#f8fafc;display:flex;justify-content:center}.scanner-manual-input{padding:16px 20px;border-top:1px solid var(--color-border);background-color:#fff}#reader{border:none!important;padding:0!important}#reader img[alt="Info icon"],#reader__dashboard,#reader__dashboard_section,#reader__dashboard_section_swaplink,#reader__header_message,#reader__status_span{display:none!important}#reader video{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}.camera-status-label{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--color-text-main)}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.pulsing{background-color:var(--color-warning);box-shadow:0 0 8px var(--color-warning);animation:pulseStatus 1.5s infinite}.status-dot.online{background-color:var(--color-success);box-shadow:0 0 8px var(--color-success)}.status-dot.offline{background-color:#ef4444;box-shadow:0 0 8px #ef4444}@keyframes pulseStatus{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.15);opacity:1}to{transform:scale(.9);opacity:.6}}.scanner-results-card{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-premium);padding:32px;display:flex;flex-direction:column;min-height:400px}.results-panel-title{font-size:16px;font-weight:800;color:var(--color-text-main);border-bottom:1px solid var(--color-border);padding-bottom:16px;margin-bottom:24px}.results-placeholder-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-text-muted)}.placeholder-icon-box{width:64px;height:64px;background-color:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:16px;animation:scanIconPulse 2s infinite ease-in-out}@keyframes scanIconPulse{0%{transform:scale(1)}50%{transform:scale(1.08);box-shadow:0 0 16px #3b82f626}to{transform:scale(1)}}.placeholder-icon-box i{width:32px;height:32px}.results-placeholder-state p{font-size:14.5px;font-weight:500;max-width:240px;line-height:1.5}.checkin-feedback-card{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;animation:zoomIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes zoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.feedback-icon-circle{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:var(--shadow-md)}.feedback-icon-circle i{width:32px;height:32px}.feedback-status-title{font-size:20px;font-weight:800;letter-spacing:.02em;margin-bottom:24px}.feedback-details-list{width:100%;background-color:#f8fafc;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:20px;margin-bottom:24px;display:flex;flex-direction:column;gap:12px}.feedback-details-list .detail-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.feedback-details-list .detail-lbl{font-weight:600;color:var(--color-text-muted)}.feedback-details-list .detail-val{font-weight:700;color:var(--color-text-main);text-align:right}.feedback-details-list .detail-val.bold{font-size:15.5px;color:var(--color-primary)}.feedback-toast-msg{font-size:14.5px;font-weight:600;line-height:1.5}.success-checkin .feedback-icon-circle{background-color:var(--color-success-soft);color:var(--color-success);border:2px solid rgba(16,185,129,.2)}.success-checkin .feedback-status-title,.success-checkin .feedback-toast-msg{color:var(--color-success-hover)}.warning-checkin .feedback-icon-circle{background-color:#fef2f2;color:#ef4444;border:2px solid rgba(239,68,68,.2)}.warning-checkin .feedback-status-title{color:#b91c1c}.feedback-warn-desc{font-size:14.5px;font-weight:600;color:#475569;line-height:1.5;max-width:260px}@media print{#epass-card-print{position:fixed;left:0;top:0;width:100%!important;height:auto!important;border:none!important;box-shadow:none!important;visibility:visible!important;background:#fff!important}body *{visibility:hidden}#epass-card-print,#epass-card-print *{visibility:visible!important}.epass-header{border-bottom:2px dashed #0f172a!important}.epass-qr-container{border-top:2px dashed #0f172a!important}.epass-qr-border{border:2px solid #0f172a!important;box-shadow:none!important}}