:root{--message-warning-background: #fff6e0;--message-warning-content-default: #584311;--message-error-background: #fae2e8;--message-error-content-default: #8d0e33;--message-info-background: #e7e9eb;--message-info-content-default: #2b2e38;--border-radius: 4px;--space: 4px;--brand: #1a56db;--brand-light: #ebf1fd;--surface: #ffffff;--bg: #f0f2f5;--text-primary: #1a1d23;--text-secondary: #6b7280;--border: #e5e7eb;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.06)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--text-primary)}#app{min-height:100dvh;display:flex;flex-direction:column}.container{max-width:800px;margin:0 auto;padding:calc(var(--space) * 5)}.loading{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px}.loading p{color:var(--text-secondary);font-size:14px;letter-spacing:.01em}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--message-error-content-default);border-radius:8px;box-shadow:var(--shadow);padding:28px 24px;margin:32px auto;max-width:480px;text-align:center}.error .error-icon{font-size:28px;margin-bottom:10px;line-height:1}.error h3{font-size:16px;font-weight:600;color:var(--message-error-content-default);margin-bottom:8px}.error p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.error button{display:inline-block;padding:8px 20px;background:var(--brand);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s}.error button:hover{opacity:.88}.welcome-container{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.welcome-content{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:40px 36px;max-width:440px;width:100%;text-align:center}.welcome-icon{font-size:40px;margin-bottom:16px;line-height:1}.welcome-content h1{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.welcome-message{font-size:14px;color:var(--text-secondary);margin-bottom:28px}.welcome-info{background:var(--brand-light);border-radius:8px;padding:16px 20px;text-align:left;margin-bottom:20px}.welcome-info h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--brand);margin-bottom:10px}.welcome-info ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.welcome-info li{font-size:13px;color:var(--text-primary);padding-left:16px;position:relative}.welcome-info li:before{content:"→";position:absolute;left:0;color:var(--brand);font-size:12px}.debug-info{background:var(--bg)!important;border:1px solid var(--border)!important;border-radius:8px!important;padding:12px 16px!important;font-size:11px!important;color:var(--text-secondary)!important;text-align:left!important;line-height:1.7!important;margin-top:20px!important}.debug-info strong{color:var(--text-primary);display:block;margin-bottom:4px}.offline-banner{background-color:var(--message-warning-background);color:var(--message-warning-content-default);text-align:center;padding:10px calc(var(--space) * 2.5);font-size:13px;display:none}.offline-banner.show{display:block}.ticket-content{padding:20px}@media(max-width:440px){.container{padding:0}}.alert{width:100%;padding:calc(var(--space) * 1.5);margin:calc(var(--space) * 4);border-radius:var(--border-radius);font-size:13px;line-height:1.5em;text-align:center}.alert-warning{color:var(--message-warning-content-default);background-color:var(--message-warning-background)}.alert-error{color:var(--message-error-content-default);background-color:var(--message-error-background)}.alert-info{color:var(--message-info-content-default);background-color:var(--message-info-background)}:root{--surface-border: #edeef0;--surface-background: #ffffff;--surface-shadow: rgba(102, 115, 131, .2);--canvas-background: #f8f9ff;--text-primary: #000;--text-highlight: #d30d42;--font-family-base: Arial;--font-weight-normal: 400;--font-weight-bold: 700;--font-size-xs: 13px;--font-size-sm: 14px;--font-size-base: 15px;--font-size-lg: 20px;--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 8px;--spacing-lg: 10px;--spacing-xl: 12px;--spacing-2xl: 16px;--spacing-3xl: 20px;--radius-sm: 5px;--radius-md: 12px;--shadow-sm: 0 2px 4px 0 var(--surface-shadow);--shadow-md: 0 2px 10px rgba(0, 0, 0, .1);--barcode-size: 118px;--barcode-section-width: 150px;--barcode-section-height: 176px;--ticket-width: 400px;--ticket-id-max-width: 250px}.ticket-container{background:var(--canvas-background);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;margin-top:var(--spacing-3xl);padding:var(--spacing-md);width:var(--ticket-width);margin:0 auto;padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);max-width:100%}.ticket-container h1{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.detail-section{margin-top:var(--spacing-2xl);padding:var(--spacing-sm) var(--spacing-md);width:100%}.detail-section p,.validity-section p{color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);font-style:normal;font-weight:var(--font-weight-normal);line-height:normal}.validity-section p{font-weight:var(--font-weight-bold)}.barcode-section{position:relative;z-index:10;margin:0 auto;width:var(--barcode-section-width);height:var(--barcode-section-height);padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl) var(--spacing-2xl);border-radius:var(--radius-sm);border:1px solid var(--surface-border);background-color:var(--surface-background);box-shadow:var(--shadow-sm)}.barcode-area{display:flex;flex-direction:column;align-items:center}.barcode-section img{width:var(--barcode-size);height:var(--barcode-size)}.barcode-section p{margin-top:var(--spacing-md);text-align:center;font-size:var(--font-size-sm)}.id-hint p{color:var(--text-highlight);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal)}.ticket-id-image-section img{width:100%;max-width:var(--ticket-id-max-width);margin:0 auto;display:block}.icon-section{display:flex;align-items:flex-start;justify-content:center;gap:var(--spacing-lg);margin:0 auto}.icon-section .captcha-image{flex-shrink:0}.icon-section .icon-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.icon-section .icons{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center}.icon-section .icon-content p{color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);font-style:normal;font-weight:var(--font-weight-bold);line-height:normal}.ticket-header{max-width:var(--ticket-width);margin:20px auto 0;padding:10px 16px;border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;align-items:center}.ticket-header-name{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.ticket-header+.ticket-container{margin-top:0;border-radius:0 0 var(--radius-md) var(--radius-md)}.ticket-tenant-bvg-header{background-color:#d30d42;color:#fff}.ticket-tenant-bvg .id-hint p{color:#d30d42}.ticket-tenant-nahsh-header{background-color:#007a3d;color:#fff}.ticket-tenant-nahsh{--canvas-background: #f6fbf8}.ticket-tenant-nahsh .id-hint p{color:#007a3d}.ticket-tenant-default-header{background-color:#1a56db;color:#fff}.ticket-tenant-default .id-hint p{color:#1a56db}.ticket-tenant-eos_ets4demo-header{background-color:#e87722;color:#fff}.ticket-tenant-eos_ets4demo .id-hint p{color:#e87722}