@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.scanner-container{max-width:600px;margin:0 auto;padding:var(--space-8);background-color:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;border:1px solid var(--color-gray-200)}.scanner-header{margin-bottom:var(--space-6)}.scanner-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2);display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.scanner-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.scanner-box{border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--space-6);background-color:var(--color-bg-secondary);margin-bottom:var(--space-6);transition:all var(--transition-normal)}.scanner-box:hover{border-color:var(--color-primary);background-color:#007aff05}.result-box{margin-top:var(--space-6);padding:var(--space-6);background-color:var(--color-bg-secondary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.result-box.success{background-color:#34c7590d;border-color:var(--color-success)}.result-box.warning{background-color:#ff95000d;border-color:var(--color-warning)}.result-box.error{background-color:#ff3b300d;border-color:var(--color-error)}.result-text{font-size:var(--font-size-lg);font-weight:500;margin-bottom:var(--space-3)}.result-text.success{color:var(--color-success)}.result-text.warning{color:var(--color-warning)}.result-text.error{color:var(--color-error)}.rescan-btn{margin-top:var(--space-4);padding:var(--space-3) var(--space-6);background-color:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2)}.rescan-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.scan-result-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--space-8);border-radius:var(--radius-xl);text-align:center;z-index:var(--z-modal);max-width:90%;width:400px;box-shadow:var(--shadow-xl);color:var(--color-text-inverse);font-size:var(--font-size-xl);font-weight:600;animation:popUpFade .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.scan-result-popup.success{background:linear-gradient(135deg,var(--color-success),#2FB750)}.scan-result-popup.warning{background:linear-gradient(135deg,var(--color-warning),#FF8A00);color:var(--color-text-primary)}.scan-result-popup.error{background:linear-gradient(135deg,var(--color-error),#FF1A1A)}.scan-result-popup-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-4);display:block}.scan-result-popup-text{font-size:var(--font-size-lg);font-weight:500;line-height:var(--line-height-tight)}@keyframes popUpFade{0%{opacity:0;transform:translate(-50%,-60%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.scanner-status{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.scanner-status-icon{width:12px;height:12px;border-radius:50%;background-color:var(--color-success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.scanner-container{margin:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg)}.scanner-title{font-size:var(--font-size-xl)}.scanner-box{padding:var(--space-4)}.scan-result-popup{width:90%;padding:var(--space-6);font-size:var(--font-size-lg)}.scan-result-popup-icon{font-size:var(--font-size-3xl)}.scan-result-popup-text{font-size:var(--font-size-base)}}@media (max-width: 480px){.scanner-container{margin:var(--space-2);padding:var(--space-4)}.scanner-title{font-size:var(--font-size-lg)}.scanner-box{padding:var(--space-3)}.result-box{padding:var(--space-4)}}.generator-container{max-width:600px;margin:0 auto;padding:var(--space-8);background-color:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-200)}.generator-header{text-align:center;margin-bottom:var(--space-8)}.generator-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2);display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.generator-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.generator-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-row.full-width{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.form-input,.form-select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-bg-primary);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff1a}.form-help-text{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.generate-btn{background-color:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-base);font-weight:500;padding:var(--space-4) var(--space-6);border:none;border-radius:var(--radius-full);cursor:pointer;width:100%;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:52px}.generate-btn:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:20px;height:20px;border:2px solid var(--color-text-inverse);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.message{margin-top:var(--space-6);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;text-align:center;transition:all var(--transition-fast)}.message.success{background-color:#34c7591a;border:1px solid var(--color-success);color:var(--color-success)}.message.error{background-color:#ff3b301a;border:1px solid var(--color-error);color:var(--color-error)}.popup{margin-top:var(--space-6);padding:var(--space-6);border:1px solid var(--color-gray-200);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center}.popup-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.popup-content{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:var(--line-height-relaxed)}.popup-actions{display:flex;gap:var(--space-3);justify-content:center}.popup-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);min-height:36px}.popup-btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.popup-btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.popup-btn-secondary{background-color:var(--color-gray-100);color:var(--color-text-primary);border:1px solid var(--color-gray-300)}.popup-btn-secondary:hover{background-color:var(--color-gray-200);border-color:var(--color-gray-400)}.popup-btn-danger{background-color:var(--color-error);color:var(--color-text-inverse)}.popup-btn-danger:hover{background-color:#dc2626;transform:translateY(-1px)}.pass-type-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.pass-type-sponsor{background-color:#5856d61a;color:var(--color-secondary)}.pass-type-sell{background-color:#ff95001a;color:var(--color-warning)}.pass-type-free{background-color:#34c7591a;color:var(--color-success)}@media (max-width: 768px){.generator-container{margin:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg)}.generator-title{font-size:var(--font-size-xl)}.form-row{grid-template-columns:1fr}.popup-actions{flex-direction:column}.popup-btn{width:100%}}@media (max-width: 480px){.generator-container{margin:var(--space-2);padding:var(--space-4)}.generator-title{font-size:var(--font-size-lg)}.generate-btn{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-secondary)}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:var(--space-8) var(--space-4);min-height:calc(100vh - 60px)}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg-primary);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:var(--z-sticky);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-sm);min-height:60px}.logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);text-decoration:none;flex-shrink:0}.logo-icon{font-size:var(--font-size-lg);color:var(--color-primary)}.nav-items{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:1;justify-content:center;margin:0 var(--space-4)}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;color:var(--color-text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast);white-space:nowrap;min-height:32px}.nav-link:hover{background-color:var(--color-gray-100);color:var(--color-text-primary);transform:translateY(-1px)}.nav-link.active{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.nav-link-icon{font-size:var(--font-size-sm)}.event-nav-section{display:flex;flex-direction:column;gap:var(--space-1);margin-left:var(--space-3);padding-left:var(--space-3);border-left:1px solid var(--color-gray-200)}.event-nav-buttons{display:flex;flex-direction:column;gap:var(--space-1)}.event-nav-buttons .btn{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);min-height:24px;white-space:nowrap}.nav-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.35);z-index:var(--z-modal-backdrop)}.modal-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding:calc(env(safe-area-inset-top) + var(--space-3)) var(--space-3) var(--space-6);overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:var(--z-modal)}.modal{width:100%;max-width:420px;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-gray-200);padding:var(--space-5);margin:auto;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-gray-200)}.modal-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.modal-close{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-xl);line-height:1;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--color-gray-100);color:var(--color-text-primary)}.event-listing-header{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-8);color:var(--color-text-primary)}.event-listing-header-icon{font-size:var(--font-size-4xl);color:var(--color-primary)}.event-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-normal);display:flex;flex-direction:column;cursor:pointer;width:100%;border:1px solid var(--color-gray-200);overflow:hidden}.event-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.event-image{width:100%;border-radius:var(--radius-md);max-height:240px;object-fit:cover;margin-bottom:var(--space-4);transition:transform var(--transition-normal)}.event-card:hover .event-image{transform:scale(1.02)}.event-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text-primary);line-height:var(--line-height-tight)}.event-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.event-meta-icon{font-size:var(--font-size-base);color:var(--color-primary)}.event-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.event-detail-card{display:flex;flex-direction:column;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--color-gray-200)}.event-banner{width:100%;max-height:400px;object-fit:cover}.event-detail-info{padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.event-detail-info .event-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.event-detail-info .event-meta{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.event-detail-info .event-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;border-radius:var(--radius-full);transition:all var(--transition-fast);cursor:pointer;border:none;white-space:nowrap;min-height:44px}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-gray-100);color:var(--color-text-primary);border:1px solid var(--color-gray-300)}.btn-secondary:hover{background-color:var(--color-gray-200);border-color:var(--color-gray-400)}.btn-success{background-color:var(--color-success);color:var(--color-text-inverse)}.btn-success:hover{background-color:#2fb750}.btn-warning{background-color:var(--color-warning);color:var(--color-text-inverse)}.btn-error{background-color:var(--color-error);color:var(--color-text-inverse)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);min-height:36px}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);min-height:24px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);min-height:52px}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-bg-primary);transition:all var(--transition-fast);color:var(--color-text-primary)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff1a}.form-input::placeholder{color:var(--color-text-tertiary)}.form-select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-bg-primary);cursor:pointer;transition:all var(--transition-fast)}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff1a}.card{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.card-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.status-success{background-color:#34c7591a;color:var(--color-success)}.status-warning{background-color:#ff95001a;color:var(--color-warning)}.status-error{background-color:#ff3b301a;color:var(--color-error)}.status-info{background-color:#5ac8fa1a;color:var(--color-info)}.loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-text-tertiary);font-size:var(--font-size-base)}.loading-spinner{width:20px;height:20px;border:2px solid var(--color-gray-300);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.navbar{padding:var(--space-2) var(--space-3)}.nav-items{margin:0 var(--space-2);gap:var(--space-2)}.event-nav-section{margin-left:var(--space-2);padding-left:var(--space-2)}}@media (max-width: 768px){.navbar{flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-2);min-height:auto;max-height:40vh;overflow-y:auto;position:relative}.nav-items{flex-direction:column;align-items:stretch;margin:0;gap:var(--space-1);flex-wrap:nowrap;justify-content:flex-start}.nav-link{padding:var(--space-1) var(--space-2);min-height:32px;font-size:var(--font-size-sm);justify-content:flex-start;border-radius:var(--radius-md)}.event-nav-section{margin-left:0;padding-left:0;border-left:none;border-top:1px solid var(--color-gray-200);padding-top:var(--space-2);margin-top:var(--space-2);flex-direction:column;gap:var(--space-1)}.event-nav-buttons{flex-direction:column;gap:var(--space-1)}.event-nav-buttons .btn{width:100%;font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);min-height:32px;justify-content:flex-start}.nav-right{justify-content:center;margin-top:var(--space-2)}.modal{padding:var(--space-4);border-radius:var(--radius-lg);margin:var(--space-2);max-width:calc(100% - var(--space-4))}.main-content{padding:var(--space-4) var(--space-2);min-height:calc(100vh - 200px)}.event-listing-header{font-size:var(--font-size-xl);margin-bottom:var(--space-4)}.event-card{padding:var(--space-3);margin-bottom:var(--space-3)}.event-title{font-size:var(--font-size-base)}.event-detail-info{padding:var(--space-4) var(--space-3)}.event-detail-info .event-title{font-size:var(--font-size-lg)}.btn{width:100%;justify-content:center}}@media (max-width: 480px){.navbar{padding:var(--space-2);gap:var(--space-2);max-height:35vh}.logo{font-size:var(--font-size-sm);justify-content:center}.logo-icon{font-size:var(--font-size-base)}.nav-items{gap:var(--space-1)}.nav-link{padding:var(--space-1) var(--space-2);min-height:28px;font-size:var(--font-size-xs)}.event-listing-header{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.event-card{padding:var(--space-3)}.event-detail-info{padding:var(--space-3) var(--space-2)}.event-nav-buttons .btn{min-height:28px;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.main-content{padding:var(--space-3);min-height:calc(100vh - 180px)}}.site-footer{background:var(--color-bg-primary);border-top:1px solid var(--color-gray-200);padding:var(--space-8) var(--space-4);margin-top:auto}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.footer-content{display:flex;flex-direction:column;gap:var(--space-4)}.footer-brand{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--font-size-lg);color:var(--color-text-primary)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-4)}.footer-links a{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast);padding:var(--space-1) 0}.footer-links a:hover{color:var(--color-primary)}.footer-meta{display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-align:center;padding-top:var(--space-4);border-top:1px solid var(--color-gray-200)}@media (min-width: 768px){.footer-content{flex-direction:row;justify-content:space-between;align-items:center}.footer-meta{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}}.bottom-tab{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-primary);border-top:1px solid var(--color-gray-200);display:none;grid-template-columns:repeat(4,1fr);gap:0;padding:var(--space-2) var(--space-1);z-index:var(--z-sticky);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.bottom-tab-link{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--color-text-secondary);text-decoration:none;font-size:11px;padding:8px 4px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.bottom-tab-link span:first-child{font-size:20px;transition:transform var(--transition-fast)}.bottom-tab-link.active{color:var(--color-primary);font-weight:600;background-color:#007aff1a}.bottom-tab-link.active span:first-child{transform:scale(1.1)}.bottom-tab-link:hover{background-color:var(--color-gray-100);color:var(--color-text-primary)}@media (max-width: 768px){.bottom-tab{display:grid}body{padding-bottom:80px}}.events-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.event-card{position:relative;overflow:hidden;transition:all var(--transition-normal)}.event-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transform:scaleX(0);transition:transform var(--transition-normal)}.event-card:hover:before{transform:scaleX(1)}.event-image{position:relative;overflow:hidden}.event-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,transparent 70%,rgba(0,0,0,.1) 100%);opacity:0;transition:opacity var(--transition-normal)}.event-card:hover .event-image:after{opacity:1}.event-meta{position:relative}.event-meta-icon{opacity:.7;transition:opacity var(--transition-fast)}.event-card:hover .event-meta-icon{opacity:1}.empty-state{text-align:center;padding:var(--space-16);background:var(--color-bg-primary);border-radius:var(--radius-xl);border:2px dashed var(--color-gray-300);transition:all var(--transition-normal)}.empty-state:hover{border-color:var(--color-primary);background:var(--color-bg-secondary)}.empty-state-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-4);opacity:.5}.empty-state-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--font-size-base);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);background:var(--color-bg-primary);border-radius:var(--radius-xl);border:1px solid var(--color-gray-200)}.loading-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-4);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width: 768px){.events-grid{grid-template-columns:1fr;gap:var(--space-4)}.event-card{margin:0 var(--space-2)}.empty-state,.loading-container{margin:var(--space-4);padding:var(--space-8)}}@media (max-width: 480px){.event-card{margin:0}.empty-state,.loading-container{margin:var(--space-2);padding:var(--space-6)}}.pass-studio{display:flex;flex-direction:column;gap:12px}.studio-toolbar{display:flex;gap:8px;flex-wrap:wrap}.studio-body{display:flex;gap:12px}.studio-canvas{background:#f7f7f8;padding:8px;border-radius:8px;flex:1 1 70%;display:flex;justify-content:center;align-items:center}#pass-canvas{border:1px solid #eee;box-shadow:0 6px 20px #0000000f}.studio-side{width:320px;background:#fff;border-radius:8px;padding:12px;box-shadow:0 6px 14px #0000000a}.studio-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0;background:#fff;position:sticky;top:0;z-index:50}.studio-toolbar button{padding:6px 10px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer}.studio-toolbar button:hover{background:#eaeaea}:root{--color-primary: #007AFF;--color-primary-dark: #0056CC;--color-primary-light: #4DA3FF;--color-secondary: #5856D6;--color-success: #34C759;--color-warning: #FF9500;--color-error: #FF3B30;--color-info: #5AC8FA;--color-white: #FFFFFF;--color-gray-50: #F9F9F9;--color-gray-100: #F2F2F7;--color-gray-200: #E5E5EA;--color-gray-300: #D1D1D6;--color-gray-400: #C7C7CC;--color-gray-500: #AEAEB2;--color-gray-600: #8E8E93;--color-gray-700: #636366;--color-gray-800: #48484A;--color-gray-900: #1C1C1E;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F2F2F7;--color-bg-tertiary: #F9F9F9;--color-text-primary: #1C1C1E;--color-text-secondary: #48484A;--color-text-tertiary: #8E8E93;--color-text-inverse: #FFFFFF;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--space-4)}h1{font-size:var(--font-size-4xl);font-weight:700}h2{font-size:var(--font-size-3xl);font-weight:600}h3{font-size:var(--font-size-2xl);font-weight:600}h4{font-size:var(--font-size-xl);font-weight:600}h5{font-size:var(--font-size-lg);font-weight:600}h6{font-size:var(--font-size-base);font-weight:600}p{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:none;background:none;transition:all var(--transition-fast)}input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background-color:var(--color-white);transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff1a}.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}.focus-visible:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-color-scheme: dark){:root{--color-bg-primary: #1C1C1E;--color-bg-secondary: #2C2C2E;--color-bg-tertiary: #3A3A3C;--color-text-primary: #FFFFFF;--color-text-secondary: #EBEBF5;--color-text-tertiary: #EBEBF599;--color-gray-50: #3A3A3C;--color-gray-100: #2C2C2E;--color-gray-200: #1C1C1E;--color-gray-300: #48484A;--color-gray-400: #636366;--color-gray-500: #8E8E93;--color-gray-600: #AEAEB2;--color-gray-700: #C7C7CC;--color-gray-800: #D1D1D6;--color-gray-900: #E5E5EA}}