.avatar,.profile-menu-avatar,.bottom-sheet-avatar,.mobile-nav-avatar{overflow:hidden}.user-avatar-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.profile-page{max-width:560px;margin:0 auto;padding:32px 20px 64px;display:flex;flex-direction:column;gap:20px}.profile-head h1{margin:4px 0 6px;font-size:28px;color:#1e2a4a}.profile-head p{margin:0;color:#64748b;font-size:14px;overflow-wrap:anywhere}.profile-eyebrow{font-size:12px;font-weight:600;color:#0369a1}.profile-card{background:#fff;border:1px solid #BAE6FD;border-radius:16px;padding:22px}.profile-card h2{margin:0 0 4px;font-size:20px;color:#0f172a}.profile-hint{margin:0 0 16px;font-size:13px;color:#64748b}.profile-card form{display:flex;flex-direction:column;gap:14px}.profile-field{display:flex;flex-direction:column;gap:6px}.profile-field label{font-size:13px;font-weight:600;color:#0f172a}.profile-field input{min-height:44px;padding:0 12px;border:1px solid #BAE6FD;border-radius:10px;background:#fff;font:inherit;color:#0f172a}.profile-field input:focus-visible{outline:2px solid #70C5FF;outline-offset:1px}.profile-field input[aria-invalid=true]{border-color:#dc2626}.profile-err{color:#b91c1c;font-size:12.5px}.profile-err.form{margin:0;padding:10px 12px;border-radius:10px;background:#fef2f2;font-size:13px}.profile-ok{margin:0;padding:10px 12px;border-radius:10px;background:#ecfccb;color:#365314;font-size:13px}.profile-btn{min-height:44px;padding:0 18px;border:1px solid #BAE6FD;border-radius:10px;background:#fff;color:#0f172a;font:inherit;font-weight:600;cursor:pointer}.profile-btn.primary{background:#70c5ff;border-color:transparent;color:#0b2a3f}.profile-btn:disabled{opacity:.6;cursor:progress}.profile-alert{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;border:1px solid #FDBA74;border-radius:14px;background:#fff7ed;color:#9a3412;font-size:14px}.profile-mock{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:8px 12px;border:1px dashed #F59E0B;border-radius:10px;background:#fffbeb;color:#92400e;font-size:13px}.profile-mock select{min-height:34px;border:1px solid #FCD34D;border-radius:8px;background:#fff;font:inherit}@media (max-width: 520px){.profile-page{padding:20px 14px 56px}.profile-card{padding:18px 16px}}.profile-avatar-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.profile-avatar-circle{width:96px;height:96px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#bae6fd;color:#0369a1;font-size:36px;font-weight:700;border:3px solid #FFFFFF;box-shadow:0 0 0 1px #bae6fd}.profile-avatar-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.profile-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.profile-file-input:focus-visible+.profile-btn{outline:2px solid #70C5FF;outline-offset:2px}label.profile-btn{display:inline-flex;align-items:center}.profile-btn.danger{color:#b91c1c;border-color:#fca5a5}.profile-avatar-row+.profile-err,.profile-avatar-row+.profile-ok{margin-top:12px}:root{--bg-color: #F8FAFC;--primary-blue: #70C5FF;--light-blue: #BAE6FD;--dark-purple: #2E1A47;--btn-purple: #3B1C71;--accent-orange: #FF6B4A;--lime-green: #B0F135;--text-main: #0F172A;--text-muted: #64748B;--card-radius: 16px}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}body{overflow-x:hidden}img,svg{max-width:100%}:root{--primary-blue: #70C5FF;--primary-blue-hover: #38BDF8;--dark-blue: #0284C7;--light-blue: #BAE6FD;--bg-color: #F8FAFC;--bg-white: #ffffff;--text-main: #1E1B4B;--text-muted: #64748B;--border-light: #E2E8F0}.navbar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 40px;background:var(--bg-white);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100;font-family:Kanit,sans-serif}.nav-left,.nav-center,.nav-right{display:flex;align-items:center}.nav-left{gap:24px;min-width:0}.nav-center{gap:32px;position:absolute;left:50%;transform:translate(-50%)}.nav-right{gap:20px}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;flex-shrink:0}.logo img{display:block;height:50px;width:auto;object-fit:contain}.logo-icon{font-size:28px}.logo-text{display:flex;flex-direction:column}.brand-name{font-weight:800;font-size:20px;line-height:1;letter-spacing:1px}.brand-sub{font-size:10px;color:var(--text-muted)}.search-box{display:flex;align-items:center;background:var(--bg-color);padding:8px 16px;border-radius:8px;gap:8px;width:260px;border:1px solid transparent;transition:border-color .2s ease}.search-box:focus-within{border-color:var(--primary-blue)}.search-box svg{flex-shrink:0;color:var(--text-muted)}.search-box input{border:none;background:transparent;outline:none;width:100%;min-width:0;font-family:Kanit,sans-serif;font-size:13px;color:var(--text-main)}.search-box input::placeholder{color:#94a3b8}.nav-link{text-decoration:none;color:var(--text-muted);font-size:14px;font-weight:500;position:relative;padding:8px 0;white-space:nowrap;transition:color .2s ease}.nav-link:hover{color:var(--text-main)}.nav-link.active{color:var(--text-main);font-weight:600;text-transform:uppercase}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--primary-blue);border-radius:2px}.user-profile{display:flex;align-items:center;gap:10px;cursor:pointer}.lang-text{font-size:14px;color:var(--text-muted)}.avatar{width:36px;height:36px;background-color:var(--primary-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.user-info{display:flex;flex-direction:column;line-height:1.3}.username{font-weight:600;font-size:13px}.role{color:var(--text-muted);font-size:11px}.dropdown-icon{font-size:10px;color:var(--text-muted)}.user-profile-container{position:relative}.profile-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:200;min-width:190px;padding:6px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 12px 28px -10px #0f172a38}.dropdown-item{width:100%;min-height:42px;display:flex;align-items:center;gap:4px;padding:0 12px;border:none;border-radius:8px;background:transparent;color:#0f172a;font-family:inherit;font-size:14px;text-align:left;cursor:pointer}.dropdown-item:hover{background:#f1f5f9}.dropdown-item:focus-visible{outline:2px solid #70C5FF;outline-offset:-2px}.dropdown-item.logout-btn{color:#b91c1c}.dropdown-item.logout-btn:hover{background:#fef2f2}#nav-guest-view{display:flex;align-items:center;gap:12px}.btn-lang-toggle{background:transparent;border:none;padding:8px 4px;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer}.btn-lang-toggle:hover{color:var(--text-main)}.btn-nav-register{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:8px;background:transparent;border:1px solid var(--primary-blue);color:var(--dark-blue);text-decoration:none;font-family:Kanit,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-nav-register:hover{background:var(--bg-color);color:var(--dark-blue);border-color:var(--primary-blue-hover)}.btn-nav-login{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:8px;background:var(--primary-blue);border:1px solid var(--primary-blue);color:#fff;text-decoration:none;font-family:Kanit,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #70c5ff4d}.btn-nav-login:hover{background:var(--primary-blue-hover);border-color:var(--primary-blue-hover);transform:translateY(-1px)}.auth-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.auth-modal-box{position:relative;width:420px;max-width:calc(100% - 40px);background:var(--bg-white);border-radius:16px;padding:32px;box-shadow:0 20px 50px #0003}.btn-close-modal{position:absolute;top:15px;right:15px;border:none;background:transparent;font-size:20px;cursor:pointer;color:var(--text-muted)}.btn-close-modal:hover{color:var(--text-main)}.login-icon{display:flex;justify-content:center;margin-bottom:15px}.login-icon img{width:48px;height:48px;border-radius:10px}.login-subtitle{text-align:center;color:var(--dark-blue);font-size:14px;margin-bottom:5px;font-weight:600}.login-title{text-align:center;margin:0 0 25px;font-size:24px;font-weight:700;color:var(--text-main)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-size:14px;font-weight:500;color:var(--text-main)}.form-group input{width:100%;height:42px;padding:0 12px;border:1px solid var(--border-light);border-radius:8px;outline:none;font-family:Kanit,sans-serif;font-size:14px;transition:border-color .2s ease}.form-group input:focus{border-color:var(--primary-blue)}.btn-submit-login,.btn-submit-register{width:100%;height:44px;border-radius:8px;font-family:Kanit,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:.2s ease}.btn-submit-login{background:var(--primary-blue);color:#fff;border:none;margin-bottom:12px}.btn-submit-login:hover{background:var(--primary-blue-hover)}.btn-submit-register{background:var(--bg-white);color:var(--dark-blue);border:1px solid var(--primary-blue)}.btn-submit-register:hover{background:var(--bg-color);border-color:var(--primary-blue-hover)}.login-footer{margin-top:18px;text-align:center;font-size:13px;color:var(--text-muted)}.login-footer a{color:var(--dark-blue);text-decoration:none;font-weight:600}.login-footer a:hover{text-decoration:underline}.mobile-nav-wrap{display:none}@media (max-width: 1000px) and (min-width: 801px){.navbar{padding:12px 20px}.nav-left{gap:12px}.search-box{width:200px}.nav-center{gap:20px}.nav-right{gap:12px}}@media (max-width: 800px){.navbar{flex-wrap:nowrap;gap:10px;padding:10px 16px;position:sticky;top:0;z-index:100}.navbar .nav-left{flex:1 1 auto;min-width:0;gap:8px}.navbar .logo{min-width:0}.navbar .logo img{height:42px;max-width:45vw}.navbar .nav-center,.navbar .nav-left .search-box{display:none!important}.navbar .nav-right{display:flex!important;align-items:center;justify-content:flex-end;gap:6px;margin-left:auto;flex:0 0 auto}.navbar .nav-right #nav-guest-view,.navbar .nav-right .nav-auth-buttons,.navbar .nav-right .user-profile-container,.navbar .nav-right>.user-profile{display:none!important}.mobile-nav-wrap{display:block;position:relative;flex:0 0 auto;z-index:201}.mobile-nav-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--light-blue);border-radius:12px;background:#e0f2fe;color:var(--dark-blue);font-family:inherit;font-size:24px;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease}.mobile-nav-toggle:hover{background:var(--light-blue)}.mobile-nav-toggle.is-open{background:var(--dark-blue);color:#fff;border-color:var(--dark-blue)}.mobile-nav-toggle:focus-visible{outline:3px solid var(--primary-blue);outline-offset:3px}.mobile-nav-panel{position:absolute;top:calc(100% + 12px);right:-16px;z-index:200;box-sizing:border-box;width:min(360px,100vw);width:min(360px,100dvw);max-height:calc(100dvh - 85px);overflow-y:auto;overscroll-behavior:contain;background:var(--bg-white);border:1px solid var(--border-light);border-radius:0 0 18px 18px;box-shadow:0 16px 35px #0f172a29;padding:16px;font-family:Kanit,sans-serif}.mobile-nav-user{display:flex;align-items:center;gap:12px;padding:8px 8px 16px;border-bottom:1px solid var(--border-light);margin-bottom:10px}.mobile-nav-user strong,.mobile-nav-user span{display:block;overflow-wrap:anywhere}.mobile-nav-user strong{font-size:15px;color:var(--text-main)}.mobile-nav-user span{margin-top:2px;font-size:12px;color:var(--text-muted)}.mobile-nav-avatar{width:42px;height:42px;border-radius:50%;background:var(--light-blue);color:var(--dark-blue);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.mobile-nav-links{display:flex;flex-direction:column;gap:6px}.mobile-nav-link{display:flex;align-items:center;gap:12px;box-sizing:border-box;padding:12px 14px;min-height:48px;border-radius:12px;text-decoration:none;color:#334155;font-size:14px;font-weight:500;overflow-wrap:anywhere;transition:background .2s ease,color .2s ease}.mobile-nav-link:hover,.mobile-nav-link.is-active{background:#e0f2fe;color:var(--dark-blue)}.mobile-nav-link:focus-visible{outline:2px solid var(--dark-blue);outline-offset:2px}.mobile-nav-icon{width:24px;flex:0 0 24px;text-align:center;font-size:19px}.mobile-nav-arrow{margin-left:auto;flex:0 0 auto;font-size:24px;line-height:1;color:#94a3b8}.mobile-nav-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light)}.mobile-nav-action{flex:1 1 120px;min-height:44px;padding:10px 12px;border-radius:10px;font-family:Kanit,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.mobile-nav-action.login{color:#fff;background:var(--dark-blue);border:1px solid var(--dark-blue)}.mobile-nav-action.login:hover{background:#0369a1}.mobile-nav-action.register{color:var(--dark-blue);background:#fff;border:1px solid var(--dark-blue)}.mobile-nav-action.register:hover{background:#e0f2fe}.mobile-nav-action.logout{color:#b91c1c;background:#fef2f2;border:1px solid #FECACA}.mobile-nav-action.logout:hover{background:#fee2e2}}@media (max-width: 380px){.navbar{padding:8px 10px;gap:6px}.navbar .logo img{height:36px;max-width:40vw}.navbar .nav-right{gap:4px}.btn-lang-toggle{padding:6px 2px;font-size:12px}.mobile-nav-toggle{width:40px;height:40px}.mobile-nav-panel{right:-10px;padding:12px}}.skiptranslate iframe,.goog-te-banner-frame{display:none!important}body{top:0!important}.goog-text-highlight{background-color:transparent!important;box-shadow:none!important}.goog-te-combo{padding:6px 12px;border-radius:6px;border:1px solid var(--border-light);background-color:var(--bg-white);font-family:Kanit,sans-serif;font-size:14px;outline:none;cursor:pointer;color:var(--text-main);transition:border-color .2s}.goog-te-combo:focus{border-color:var(--primary-blue)}.goog-te-gadget{color:transparent!important;font-size:0!important}.goog-te-gadget .goog-logo-link,.skiptranslate,.goog-te-banner-frame,#google_translate_hidden_element{display:none!important}:root{--canvas: var(--bg-color);--cream: var(--bg-color);--card: #FFFFFF;--ink: var(--text-main);--muted: var(--text-muted);--line: var(--light-blue);--gold-100: var(--light-blue);--gold-300: var(--primary-blue);--gold-500: var(--primary-blue);--gold-700: var(--primary-blue);--gold-900: var(--dark-purple);--success: #5C7A00;--success-soft: #EAFAA0;--danger: #C0472B;--danger-soft: #FBE9E4;--danger-line: #F0C7B8;--design: var(--dark-purple);--eng: var(--primary-blue);--product: var(--accent-orange);--access: var(--lime-green);--register-accent: var(--lime-green);--radius: var(--card-radius);--radius-sm: 10px;--font-display: "Kanit", sans-serif;--font-body: "Sarabun", sans-serif;--dashboard-background: var(--bg-color)}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p{margin:0}h1,h2,h3,.num{font-family:var(--font-display)}button{font-family:inherit;border:none;background:none;cursor:pointer}:focus-visible{outline:2px solid var(--gold-700);outline-offset:2px;border-radius:6px}.page{max-width:1180px;margin:0 auto;padding:32px 24px 60px}.crumb{font-size:12px;font-weight:600;color:var(--gold-700);letter-spacing:.02em;display:flex;align-items:center;gap:6px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:10px}.page-head h1{font-size:32px;font-weight:700;margin:6px 0 8px;color:var(--ink)}.page-head .subtitle{color:var(--muted);font-size:14px}.rule{border:none;border-top:1px solid var(--line);margin:26px 0 28px}.page-head .btn-primary{width:150px;height:42px;min-height:42px;padding:0 18px;box-sizing:border-box}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#70c5ff!important;color:#fff!important;border-radius:var(--radius-sm);padding:10px 20px;font-family:var(--font-display);font-weight:600;font-size:14px;white-space:nowrap;box-shadow:none;transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4f46e54d}.seats-fill{height:100%;background:var(--gold-500);border-radius:3px;width:var(--fill, 0%);transition:width .3s ease}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden}.stat-card .paw-wm{position:absolute;right:-8px;bottom:-10px;width:74px;height:74px;opacity:.06;pointer-events:none}.stat-label{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:10px}.stat-num{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1}.stat-num span{font-size:13px;font-weight:600;color:var(--muted);margin-left:6px}.stat-card.accent{background:#70c5ff;color:#fff;border-color:#70c5ff}.stat-card.accent .stat-label,.stat-card.accent .stat-num span{color:#fff}.table-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 20px #2a231a08}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}thead th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);padding:16px 24px;border-bottom:1px solid var(--line);white-space:nowrap}thead th.align-right{text-align:right}tbody td{padding:16px 24px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:14px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .15s ease}tbody tr:hover{background:var(--gold-100)}.ev-cell{display:flex;align-items:center;gap:14px;min-width:260px}.ev-thumb{width:44px;height:44px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.ev-thumb.design{background:var(--design)}.ev-thumb.eng{background:var(--eng)}.ev-thumb.product{background:var(--product)}.ev-thumb.access{background:var(--access)}.ev-title{font-weight:600;font-size:16px;margin-bottom:2px}.ev-cat{font-size:12px;color:var(--muted)}.dt-main{font-weight:500}.dt-sub{font-size:12px;color:var(--muted);margin-top:2px}.seats-num{font-weight:600;font-family:var(--font-display);font-size:14px;margin-bottom:6px}.seats-bar{width:120px;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.seats-fill{height:100%;background:linear-gradient(90deg,var(--gold-500),var(--gold-700));border-radius:3px;width:var(--fill, 0%);transition:width .3s ease}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--success);background:var(--success-soft);padding:6px 14px;border-radius:99px}.status .dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.actions{display:flex;gap:6px;justify-content:flex-end}.icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .2s ease}.icon-btn:hover{background:var(--cream);color:var(--ink)}.icon-btn.danger:hover{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-line)}@media (max-width: 760px){.navbar{padding:12px 16px}.stats-row{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}.search-box,.nav-center{display:none}}.bg-dimmed{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9998;animation:fadeIn .2s ease-out}.drawer{position:fixed;top:0;right:0;width:440px;max-width:90vw;height:100vh;background-color:#fff;z-index:9999;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;box-sizing:border-box;animation:slideInRight .25s cubic-bezier(.16,1,.3,1)}.drawer-head{padding:24px 28px 16px;border-bottom:1px solid var(--light-blue);display:flex;align-items:flex-start;justify-content:space-between}.eyebrow{font-size:13px;font-weight:600;color:var(--btn-purple);margin-bottom:2px}.drawer-title{font-size:22px;font-weight:700;color:var(--text-main);margin:0}.close-btn{background:transparent;border:none;font-size:20px;color:var(--text-muted);cursor:pointer;padding:4px;line-height:1;border-radius:4px;transition:color .15s,background .15s}.close-btn:hover{color:var(--text-main);background:#eef7ff}.drawer-body{padding:24px 28px;flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:14px;font-weight:600;color:var(--text-main)}.hint{font-size:12px;color:var(--text-muted)}.field input[type=text],.field input[type=number],.field input[type=datetime-local],.field textarea,.field select{width:100%;padding:10px 14px;border:1px solid var(--light-blue);border-radius:8px;font-size:14px;font-family:inherit;color:var(--text-main);background-color:#fff;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #70c5ff59}.field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.field,.field-row>*{min-width:0}.field input,.field select,.field textarea{min-width:0;max-width:100%;box-sizing:border-box}.field input[type=datetime-local]{font-size:13px;padding-left:10px;padding-right:8px}.cover-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:4px}.cover-thumb{aspect-ratio:16/10;background-color:var(--light-blue);border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .15s}.cover-thumb.selected{border-color:var(--btn-purple);box-shadow:0 0 0 2px #3b1c7133}.drawer-table{width:100%;border-collapse:collapse;margin-top:-8px}.drawer-table th{text-align:left;font-size:12px;font-weight:600;color:var(--text-muted);padding:12px 8px;border-bottom:1px solid var(--light-blue)}.drawer-table td{padding:14px 8px;border-bottom:1px solid #EEF7FF;font-size:13px;vertical-align:middle}.user-cell{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;background-color:var(--light-blue);color:var(--dark-purple);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.user-name{font-weight:600;color:var(--text-main)}.user-email{color:var(--text-muted)}.time-cell{color:var(--text-muted);white-space:nowrap}.drawer-footer{padding:16px 28px;border-top:1px solid var(--light-blue);display:flex;align-items:center;justify-content:flex-end;gap:12px;background:#fff}.btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover,.btn-secondary{background:#eef7ff;color:var(--text-main)}.btn-secondary:hover{background:var(--light-blue)}.btn-primary{background:var(--btn-purple);color:#fff}.btn-primary:hover{background:var(--dark-purple)}.drawer-body::-webkit-scrollbar{width:6px}.drawer-body::-webkit-scrollbar-thumb{background-color:var(--light-blue);border-radius:3px}.drawer-body::-webkit-scrollbar-thumb:hover{background-color:var(--light-blue)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.ticket-types-section{display:flex;flex-direction:column;gap:14px;margin-top:8px}.ticket-types-heading,.ticket-type-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ticket-types-heading h3{margin:0 0 4px;font-size:16px}.ticket-type-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--light-blue);border-radius:12px;background:#f8fbff}.ticket-type-card .hint{margin:0}.ticket-remove{color:#c62828}.ticket-remove:disabled{opacity:.45;cursor:not-allowed}.att-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.att-tile{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:#fff;border:1px solid var(--light-blue);border-radius:12px}.att-tile span{font-size:12px;color:var(--text-muted)}.att-tile strong{font-size:24px;line-height:1.1;color:var(--text-main)}.att-tile.accent{background:var(--primary-blue, #70C5FF);border-color:transparent}.att-tile.accent span,.att-tile.accent strong{color:#0b2a3f}.att-checkin{margin-bottom:16px}.att-checkin-text{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:13px;color:var(--text-muted)}.att-checkin-text b{color:var(--text-main)}.att-checkin-bar{height:8px;border-radius:999px;background:#eaf4fb;overflow:hidden}.att-checkin-bar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#70c5ff,#b0f135)}.att-filters{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto}.att-filter{flex:1 1 auto;min-height:38px;padding:0 10px;border:1px solid var(--light-blue);border-radius:999px;background:#fff;color:var(--text-muted);font-family:inherit;font-size:12.5px;white-space:nowrap;cursor:pointer}.att-filter.is-active{background:#0369a1;border-color:#0369a1;color:#fff;font-weight:600}.att-search{width:100%;min-height:44px;margin-bottom:8px;padding:0 14px;border:1px solid var(--light-blue);border-radius:12px;background:#fff;font-family:inherit;font-size:16px;color:var(--text-main)}.att-list{margin:0;padding:0;list-style:none}.att-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid #EEF7FF}.att-item .avatar{flex-shrink:0}.att-info{flex:1;min-width:0}.att-name{font-size:14px;font-weight:600;color:var(--text-main)}.att-qty{margin-left:8px;font-size:12px;font-weight:500;color:var(--text-muted)}.att-email{overflow:hidden;text-overflow:ellipsis;font-size:13px;color:var(--text-muted)}.att-time{margin-top:4px;font-size:12.5px;color:var(--text-muted)}.att-chip{flex-shrink:0;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.att-chip.in{background:#e8f9c2;color:#3f6200}.att-chip.out{background:#fff0db;color:#9a5b00}.att-empty{padding:24px 8px;text-align:center;color:var(--text-muted)}.att-error{color:#c0392b}.att-nowrap{white-space:nowrap}.att-summary,.att-checkin,.att-filters,.att-search,.att-list{flex-shrink:0}.form-section{display:flex;flex-direction:column;gap:12px;padding-top:14px;margin-top:6px;border-top:1px solid #E2E8F0}.form-section h3{margin:0;font-size:15px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #E2E8F0;border-radius:12px;background:#fff}.toggle-row .toggle-text{display:flex;flex-direction:column;gap:2px;min-width:0}.toggle-row .toggle-text strong{font-size:14px}.toggle-row input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:#0369A1;cursor:pointer}.toggle-row input[type=checkbox]:disabled{cursor:not-allowed}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented button{min-height:40px;border:1px solid #BAE6FD;border-radius:10px;background:#fff;font:inherit;cursor:pointer}.segmented button.is-active{background:#0369a1;border-color:#0369a1;color:#fff}.segmented button:disabled:not(.is-active){opacity:.5;cursor:not-allowed}.lock-note{margin:0;padding:8px 10px;border-radius:10px;background:#fff7ed;color:#9a3412;font-size:12.5px}.helper-text.err{color:#c0392b}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#c0392b}.cover-grid.single{grid-template-columns:1fr}.cover-thumb.has-image{height:120px;background-size:cover;background-position:center}.ticket-lock{font-size:12.5px;color:#9a3412;margin:0}.ticket-sale-off{opacity:.8}@media (max-width: 520px){.drawer .field-row{grid-template-columns:minmax(0,1fr)}}.booking-tools{display:flex;flex-direction:column;gap:14px}.bt-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bt-tile{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:#fff;border:1px solid #BAE6FD;border-radius:12px}.bt-tile span{font-size:12px;color:#64748b}.bt-tile strong{font-size:24px;line-height:1.1;color:#0f172a}.bt-tile small{font-size:12px;color:#64748b}.bt-tile.accent{background:#6ec1ff;border-color:transparent}.bt-tile.accent span,.bt-tile.accent strong{color:#0b2a3f}.bt-sources{margin-top:16px;padding:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}.bt-sources h4{margin:0 0 10px;font-size:15px;color:#0f172a}.bt-sources dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.bt-src{padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;color:#334155}.bt-src.staff{border-top:3px solid #0284c7}.bt-src.online{border-top:3px solid #65a30d}.bt-src.unknown{border-top:3px solid #94a3b8}.bt-src dt{font-size:13px}.bt-src dd{margin:2px 0 0;color:#0f172a;font-weight:700;font-size:20px}.bt-src dd small{font-size:12px;font-weight:500}.bt-toolbar{display:flex;flex-direction:column;gap:10px}.bt-search{width:100%;min-height:40px;padding:0 12px;border:1px solid #BAE6FD;border-radius:10px;font:inherit}.bt-filters{display:flex;gap:8px;overflow-x:auto}.bt-filter{min-height:36px;padding:0 12px;border:1px solid #BAE6FD;border-radius:999px;background:#fff;color:#64748b;font:inherit;font-size:12.5px;white-space:nowrap;cursor:pointer}.bt-filter.is-active{background:#70c5ff;border-color:transparent;color:#0b2a3f;font-weight:600}.bt-select{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#64748b}.bt-select select{min-height:38px;padding:0 10px;border:1px solid #BAE6FD;border-radius:10px;font:inherit;background:#fff}.bt-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.bt-count{font-size:13px;color:#64748b;margin-right:auto}.bt-link{border:0;background:none;color:#0369a1;font:inherit;font-size:13px;cursor:pointer;text-decoration:underline}.bt-btn{min-height:38px;padding:0 14px;border:1px solid #BAE6FD;border-radius:10px;background:#fff;color:#0f172a;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.bt-btn:disabled{opacity:.5;cursor:not-allowed}.bt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.bt-row{display:flex;gap:12px;align-items:flex-start;padding:12px;background:#fff;border:1px solid #E2E8F0;border-radius:12px}.bt-row.is-cancelled{background:#f8fafc;opacity:.75}.bt-row.is-cancelled .bt-name{text-decoration:line-through}.bt-avatar{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e0f2fe;color:#075985;font-weight:700}.bt-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.bt-name{font-weight:600;color:#0f172a;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.bt-group{padding:2px 8px;border-radius:999px;background:#ede9fe;color:#5b21b6;font-size:11.5px;font-weight:600}.bt-sub{font-size:12.5px;color:#64748b;overflow-wrap:anywhere}.bt-codes{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.bt-code{padding:2px 8px;border-radius:6px;background:#f1f5f9;font-family:ui-monospace,Menlo,monospace;font-size:12px;border:0}.bt-code.pick{cursor:pointer;background:#eaf6ff;color:#0b4a6f}.bt-code.pick:hover{background:#d6eeff}.bt-more{border:0;background:none;color:#0369a1;font:inherit;font-size:12px;cursor:pointer;text-decoration:underline}.bt-status{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}.bt-chip{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.bt-chip.pending{background:#fff0db;color:#9a5b00}.bt-chip.checkedin{background:#e8f9c2;color:#3f6200}.bt-chip.cancelled{background:#fee2e2;color:#991b1b}.bt-chip.src{background:#f1f5f9;color:#334155;font-weight:500}.bt-chip.src.staff{background:#e0f2fe;color:#075985}.bt-chip.src.online{background:#ecfccb;color:#3f6200}.bt-empty{padding:24px 8px;text-align:center;color:#64748b}.bt-error{color:#991b1b;display:flex;flex-direction:column;align-items:center;gap:10px}.bt-mock-note{padding:8px 12px;border:1px dashed #F59E0B;border-radius:10px;background:#fffbeb;color:#92400e;font-size:13px}@media (max-width: 520px){.bt-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.bt-row{flex-wrap:wrap}.bt-status{flex-direction:row;flex-wrap:wrap;align-items:center;text-align:left;width:100%}}.bt-report-note{margin:8px 0;color:#475569;font-size:14px;line-height:1.6}.bt-report-note[role=alert]{color:#991b1b}.funnel-report{min-width:0}.funnel-report h3{margin:0 0 12px;color:#0f172a;font-size:1.35rem}.funnel-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:10px;padding:12px;background:#f0f9ff;border:1px solid #dbeafe;border-radius:12px}.funnel-filters label{display:grid;min-width:0;gap:5px;font-size:13px;font-weight:600;color:#334155}.funnel-filters input{width:100%;min-width:0;min-height:42px;padding:6px 10px;font:inherit;color:#0f172a;background:#fff;border:1px solid #bacdde;border-radius:8px}.funnel-filters button{min-height:42px;border-color:#075985;background:#075985;color:#fff}.funnel-filters button:hover:not(:disabled){background:#0c4a6e}.funnel-filters button:disabled{opacity:1;background:#e2e8f0;border-color:#cbd5e1;color:#475569}.funnel-applied-range{margin-top:10px}.funnel-empty{padding:14px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#334155}.funnel-empty p{margin:4px 0 0;font-size:.875rem}.funnel-overview{display:grid;gap:14px;margin-top:14px}.funnel-bars{list-style:none;display:grid;gap:13px;margin:12px 0;padding:0}.funnel-bars li>div:first-child{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px;color:#334155;font-size:14px}.funnel-bars strong{color:#0f172a;white-space:nowrap}.funnel-track{height:9px;overflow:hidden;border-radius:999px;background:#e2e8f0}.funnel-track span{display:block;height:100%;border-radius:inherit;background:#0284c7}.funnel-bars li:nth-child(2) .funnel-track span{background:#16845b}.funnel-table-wrap{margin-top:16px}.funnel-table{width:100%;min-width:0;border-spacing:0;table-layout:fixed;font-size:14px;color:#334155}.funnel-table caption{padding-bottom:8px;text-align:left;color:#0f172a;font-weight:600}.funnel-table th,.funnel-table td{padding:8px;text-align:right;border-bottom:1px solid #e2e8f0}.funnel-table th:first-child{width:46%;text-align:left}.funnel-table thead th{white-space:normal;background:#075985;color:#fff;font-weight:600;overflow-wrap:anywhere}.funnel-table .funnel-table-heading th{background:#e0f2fe;color:#0c4a6e}.funnel-table tbody tr:nth-child(odd):not(.funnel-table-heading){background:#f8fafc}.funnel-table td:nth-child(2){color:#0f172a;font-weight:700}.funnel-table td{font-size:inherit;font-variant-numeric:tabular-nums}@media (max-width: 520px){.bt-sources dl{grid-template-columns:1fr}.bt-src{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.funnel-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.funnel-filters button{grid-column:1 / -1}.funnel-table{font-size:12px}.funnel-table th,.funnel-table td{padding:6px 3px}}.ef-bar{display:flex;flex-direction:column;gap:10px;margin:0 0 18px}.ef-search{display:none;align-items:center;gap:10px;min-height:48px;padding:0 14px;background:#fff;border:1px solid #BAE6FD;border-radius:12px;color:#64748b}.ef-search:focus-within{border-color:#70c5ff}.ef-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:Kanit,sans-serif;font-size:16px;color:#0f172a}.ef-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.ef-row::-webkit-scrollbar{display:none}.ef-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid #BAE6FD;border-radius:999px;background:#fff;color:#0f172a;font-family:Kanit,sans-serif;font-size:14px;cursor:pointer}.ef-chip:hover:not(:disabled):not(.is-active){background:#eef7fd}.ef-chip:focus-visible,.ef-pill:focus-visible,.ef-clear:focus-visible,.ef-selects select:focus-visible,.ef-selects input[type=date]:focus-visible{outline:2px solid #70C5FF;outline-offset:2px}.ef-chip.is-active{background:#0369a1;border-color:#0369a1;color:#fff}.ef-chip:disabled{color:#94a3b8;background:#f8fafc;cursor:default}.ef-chip-count{min-width:20px;padding:1px 6px;border-radius:999px;background:#eaf4fb;color:#0369a1;font-size:12px;font-weight:600;text-align:center}.ef-chip.is-active .ef-chip-count{background:#ffffff38;color:#fff}.ef-dot{width:9px;height:9px;border-radius:50%}.ef-selects{display:flex;gap:10px;flex-wrap:wrap}.ef-selects label{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.ef-selects select,.ef-selects input[type=date]{min-height:40px;padding:0 12px;border:1px solid #BAE6FD;border-radius:10px;background:#fff;color:#0f172a;font-family:Kanit,sans-serif;font-size:14px}.ef-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:#64748b}.ef-summary strong{color:#0f172a}.ef-pill{min-height:32px;padding:0 12px;border:none;border-radius:999px;background:#e3f3ff;color:#0b5e94;font-family:Kanit,sans-serif;font-size:13px;cursor:pointer}.ef-clear{min-height:32px;padding:0 4px;border:none;background:none;color:#0369a1;font-family:Kanit,sans-serif;font-size:13px;text-decoration:underline;cursor:pointer}.ef-mark{padding:0 2px;border-radius:3px;background:#f4ffb8;color:inherit}.ef-empty{padding:28px 16px;text-align:center;color:#64748b;font-size:14px}.ef-empty strong{display:block;margin-bottom:6px;color:#0f172a;font-size:16px}@media (max-width: 860px){.ef-search{display:flex}.ef-selects label{flex:1 1 140px;flex-direction:column;align-items:stretch;gap:4px}}:root{--dashboard-gold-dark: var(--dark-purple);--dashboard-gold: var(--btn-purple);--dashboard-gold-light: var(--primary-blue);--dashboard-coral: var(--accent-orange);--dashboard-text: var(--text-main);--dashboard-text-soft: var(--text-muted);--dashboard-text-faint: #94A3B8;--dashboard-line: var(--light-blue);--dashboard-background: var(--bg-color);--dashboard-card: #FFFFFF;--dashboard-radius: var(--card-radius);--dashboard-shadow: 0 2px 4px rgba(15, 23, 42, .04), 0 12px 28px -12px rgba(15, 23, 42, .14);--dashboard-display: "Kanit", sans-serif;--dashboard-body: "Sarabun", sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--dashboard-background)}.dashboard-page{width:100%;max-width:1180px;margin:0 auto;padding:32px 24px 60px;font-family:var(--dashboard-body);color:var(--dashboard-text)}.dashboard-header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:22px}.dashboard-header-left{min-width:0}.dashboard-eyebrow{font-family:var(--dashboard-body);font-size:12.5px;font-weight:700;color:var(--primary-blue);margin-bottom:9px;letter-spacing:.2px}.dashboard-page h1{font-family:var(--dashboard-display);font-size:32px;line-height:1.25;font-weight:700;color:var(--dashboard-text);margin:0 0 8px}.dashboard-subtitle{font-family:var(--dashboard-body);font-size:14px;line-height:1.6;color:var(--dashboard-text-soft);max-width:680px;margin:0}.dashboard-event-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;height:42px;padding:0 18px;margin-top:8px;border:none;border-radius:10px;background:var(--primary-blue);color:#fff;font-family:var(--dashboard-body);font-size:14px;font-weight:700;cursor:pointer;box-shadow:none;transition:background .15s ease,transform .12s ease}.dashboard-event-btn:hover{background:var(--primary-blue);transform:translateY(-1px)}.dashboard-event-btn:active{transform:translateY(0)}.dashboard-divider{width:100%;height:1px;background:var(--dashboard-line);margin-bottom:26px}.dashboard-stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.dashboard-stat-card{position:relative;min-width:0;min-height:156px;padding:22px 24px;background:var(--dashboard-card);border:1px solid var(--dashboard-line);border-radius:var(--dashboard-radius);box-shadow:var(--dashboard-shadow)}.dashboard-stat-highlight{background:linear-gradient(160deg,var(--primary-blue) 0%,#3FA0E8 100%);border-color:transparent}.dashboard-stat-label{font-family:var(--dashboard-body);font-size:12.5px;font-weight:700;color:var(--dashboard-text-soft);margin-bottom:13px}.dashboard-stat-highlight .dashboard-stat-label{color:#ffffffe0}.dashboard-stat-number{font-family:var(--dashboard-display);font-size:36px;line-height:1;font-weight:700;color:var(--dashboard-text);margin-bottom:8px}.dashboard-stat-highlight .dashboard-stat-number{color:#fff}.dashboard-stat-description{font-family:var(--dashboard-body);font-size:12.5px;line-height:1.5;color:var(--dashboard-text-faint)}.dashboard-stat-highlight .dashboard-stat-description{color:#fffc}.dashboard-charts{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.dashboard-chart-card{min-width:0;min-height:300px;padding:24px;background:var(--dashboard-card);border:1px solid var(--dashboard-line);border-radius:var(--dashboard-radius);box-shadow:var(--dashboard-shadow);display:flex;flex-direction:column;justify-content:space-between}.dashboard-chart-header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.dashboard-chart-label{font-family:var(--dashboard-body);font-size:12.5px;font-weight:700;color:var(--dashboard-text-soft);margin-bottom:5px}.dashboard-chart-tag{flex-shrink:0;font-family:var(--dashboard-body);font-size:11.5px;font-weight:600;color:var(--dashboard-text-faint);padding-top:1px}.dashboard-chart-card h2{font-family:var(--dashboard-display);font-size:19px;line-height:1.3;font-weight:600;color:var(--dashboard-text);margin:0}.dashboard-bar-chart{width:100%;height:180px;display:flex;align-items:stretch;gap:16px;margin-top:24px}.dashboard-y-axis{width:18px;height:100%;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-bottom:24px;font-family:var(--dashboard-body);font-size:11.5px;line-height:1;color:var(--dashboard-text-faint)}.dashboard-bar-area{position:relative;flex:1;min-width:0;height:100%;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid var(--dashboard-line)}.dashboard-bar-column{position:relative;width:60px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;flex-direction:column}.dashboard-bar{width:44px;min-height:4px;flex-shrink:0;background:var(--dashboard-gold-light);border-radius:4px 4px 0 0}.dashboard-bar-label{position:absolute;left:50%;bottom:-24px;transform:translate(-50%);white-space:nowrap;font-family:var(--dashboard-body);font-size:12px;line-height:1;color:var(--dashboard-text-soft)}.dashboard-donut-content{display:flex;align-items:center;gap:24px;margin-top:16px}.dashboard-donut{position:relative;width:130px;height:130px;flex-shrink:0}.dashboard-donut svg{display:block;width:130px;height:130px}.dashboard-donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--dashboard-display);font-size:20px;line-height:1;font-weight:700;color:var(--dashboard-text)}.dashboard-donut-info{min-width:0;display:flex;flex-direction:column}.dashboard-seat-number{font-family:var(--dashboard-display);font-size:22px;line-height:1.2;font-weight:700;color:var(--dashboard-text)}.dashboard-seat-number span{font-family:var(--dashboard-body);font-size:14px;font-weight:600;color:var(--dashboard-text-faint)}.dashboard-donut-info p{max-width:180px;margin:5px 0 0;font-family:var(--dashboard-body);font-size:12.5px;line-height:1.45;color:var(--dashboard-text-soft)}.dashboard-legend{display:flex;align-items:center;gap:16px;margin-top:20px}.dashboard-legend-item{display:flex;align-items:center;gap:6px;font-family:var(--dashboard-body);font-size:12.5px;font-weight:600;color:var(--dashboard-text-soft)}.dashboard-legend-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%}.dashboard-booked{background:var(--dashboard-coral)}.dashboard-open{background:var(--dashboard-line)}@media (max-width: 980px){.dashboard-page{padding:24px 20px 48px}.dashboard-header{flex-direction:column}.dashboard-event-btn{margin-top:0}.dashboard-stats,.dashboard-charts{grid-template-columns:1fr}}@media (max-width: 600px){.dashboard-page{padding:20px 16px 40px}.dashboard-page h1{font-size:25px}.dashboard-subtitle{font-size:13px}.dashboard-stat-card{min-height:140px;padding:20px}.dashboard-stat-number{font-size:32px}.dashboard-chart-card{padding:20px}.dashboard-chart-header{flex-direction:column;gap:5px}.dashboard-chart-tag{padding-top:0}.dashboard-donut-content{gap:16px}.dashboard-donut{width:110px;height:110px}.dashboard-donut svg{width:110px;height:110px}.dashboard-donut-info p{font-size:11.5px}}.dashboard-events{width:100%;margin-top:16px;padding:24px;background:var(--dashboard-card, #FFFFFF);border:1px solid var(--dashboard-line, #BAE6FD);border-radius:var(--dashboard-radius, 24px);box-shadow:var(--dashboard-shadow)}.dashboard-events h2{margin:0;font-size:19px;line-height:1.3;font-weight:600}.dashboard-events-empty{margin:24px 0 8px;font-size:13.5px;color:var(--dashboard-text-soft, #64748B)}.dashboard-event-picker{display:flex;gap:8px;margin:18px 0 16px;padding-bottom:4px;overflow-x:auto;scroll-snap-type:x proximity}.dashboard-event-chip{flex:0 0 auto;max-width:240px;min-height:52px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:8px 14px;border:1px solid var(--dashboard-line, #BAE6FD);border-radius:12px;background:#fff;color:var(--dashboard-text, #0F172A);font-family:inherit;text-align:left;cursor:pointer;scroll-snap-align:start}.dashboard-event-chip:focus-visible{outline:2px solid var(--primary-blue, #70C5FF);outline-offset:2px}.dashboard-event-chip.is-active{background:#0369a1;border-color:#0369a1;color:#fff}.dashboard-event-chip-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.dashboard-event-chip-count{font-size:12px;opacity:.8}.dashboard-event-info{margin-bottom:16px}.dashboard-event-info h3{margin:0;font-size:17px;font-weight:600}.dashboard-event-info p{margin:4px 0 0;font-size:13px;color:var(--dashboard-text-soft, #64748B)}@media (max-width: 600px){.dashboard-events{padding:20px}.dashboard-event-chip{max-width:200px}}.dashboard-page h1{text-wrap:balance}@media (max-width: 600px){.dashboard-event-btn{width:100%;height:48px}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-stats .dashboard-stat-highlight{grid-column:1 / -1}.dashboard-stats .dashboard-stat-card{min-height:0;padding:16px}.dashboard-stats .dashboard-stat-highlight{padding:20px}}.dashboard-people{margin-bottom:16px;padding:14px 16px;border:1px dashed #70C5FF;border-radius:12px;background:#f7fbfe;font-size:13px;color:#64748b}.dashboard-people p{margin:0}.dashboard-people-title{margin-bottom:8px;font-weight:600;color:#0f172a}.dashboard-people ul{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.dashboard-people li button{width:100%;min-height:48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:6px 10px;border:none;border-radius:10px;background:transparent;font-family:inherit;text-align:left;cursor:pointer}.dashboard-people li button:hover{background:#eaf4fb}.dashboard-people li button:focus-visible{outline:2px solid #70C5FF}.dashboard-people-name{font-size:14px;font-weight:600;color:#0f172a}.dashboard-people-meta{font-size:12.5px;color:#64748b}.dashboard-people-more{margin-top:6px!important}.dashboard-toolbar-actions{display:flex;flex-wrap:wrap;gap:8px}.dashboard-toolbar-actions button{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border:1px solid #BAE6FD;border-radius:10px;background:#fff;color:#0f172a;font-family:inherit;font-size:14px;cursor:pointer}.dashboard-toolbar-actions button:hover:not(:disabled){background:#eef7fd;border-color:#70c5ff}.dashboard-toolbar-actions button:focus-visible{outline:2px solid #70C5FF;outline-offset:2px}.dashboard-toolbar-actions button:disabled{color:#94a3b8;background:#f8fafc;cursor:not-allowed}.dashboard-toolbar-note{margin-left:auto;font-size:12.5px;color:#0369a1}@media print{.navbar,.bottom-tabs,.dashboard-header,.dashboard-view-switch,.dashboard-overview,.dashboard-work,.dashboard-attendee-tools,.dashboard-events .bt-toolbar,.dashboard-event-picker,.dashboard-people,.ef-bar,.dashboard-chart-header,.event-attendees .att-filters,.event-attendees .att-search{display:none!important}body{padding:0!important;background:#fff}.dashboard-events{border:none;box-shadow:none;padding:0}}.ef-filters{display:contents}.dashboard-charts{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:stretch}.dashboard-charts .dashboard-chart-card{min-height:0}@media (max-width: 980px){.dashboard-charts{grid-template-columns:minmax(0,1fr)}}.dashboard-page .dashboard-header{align-items:center;margin-bottom:18px}.dashboard-page .dashboard-header h1{margin:0}.dashboard-view-switch{display:flex;flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;margin:0 0 20px;padding:4px;border:1px solid var(--dashboard-line);border-radius:12px;background:#eef6fc}.dashboard-view-switch button{padding:8px 15px;min-height:40px;border:0;border-radius:8px;color:#334155;background:transparent;font:inherit;font-weight:600;cursor:pointer}.dashboard-view-switch button:hover{background:#dbeafe}.dashboard-view-switch button[aria-pressed=true]{background:#0c4a6e;color:#fff}.dashboard-view-switch button:focus-visible{outline:2px solid #0284c7;outline-offset:2px}.dashboard-visitor-count{margin:8px 0 20px;color:#475569}.dashboard-visitor-count strong{color:#0f172a;font-size:1.5rem}.dashboard-funnel-rate{margin:0;padding:10px 14px;border-left:3px solid #b45309;border-radius:6px;background:#fffbeb;color:#78350f}.dashboard-funnel-rate small{display:block}.dashboard-event-views{margin-bottom:14px}.dashboard-attendee-tools{margin-bottom:12px}.dashboard-attendee-tools .dashboard-toolbar-note:empty{display:none}@media (max-width: 600px){.dashboard-page .dashboard-header{align-items:stretch;gap:12px}.dashboard-view-switch{width:100%}.dashboard-view-switch button{flex:1 1 auto;padding-inline:10px}}.dashboard-work{display:grid;gap:14px}.dashboard-work-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-work-header h2{margin:0;font-size:1.35rem}.dashboard-work-section{min-width:0;padding:16px 18px;border:1px solid var(--dashboard-line);border-radius:14px;background:var(--dashboard-card)}.dashboard-work-section-today{border-top:3px solid #0284c7}.dashboard-work-section>h3{margin:0 0 8px;color:#0f172a;font-size:1.05rem}.dashboard-work-section ul{display:grid;gap:0;list-style:none;margin:0;padding:0}.dashboard-work-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-work-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #e2e8f0}.dashboard-work-secondary .dashboard-work-row{grid-template-columns:minmax(0,1fr) auto}.dashboard-work-secondary .dashboard-work-event{grid-column:1 / -1}.dashboard-work-event h3{margin:0;font-size:1rem;color:#0f172a;overflow-wrap:anywhere}.dashboard-work-event p{margin:3px 0 0;color:#475569;font-size:.875rem}.dashboard-work-signal{color:#334155;font-size:.9rem}.dashboard-work-signal strong{color:#0f172a}.dashboard-work-checkin-label{display:block;color:#475569}.dashboard-work-link{display:inline-flex;align-items:center;justify-self:start;min-height:40px;padding:6px 12px;border:1px solid #bae6fd;border-radius:8px;background:#f0f9ff;color:#075985;font-size:.875rem;font-weight:600;text-decoration:none}.dashboard-work-link:hover{background:#e0f2fe}.dashboard-work-link:focus-visible{outline:2px solid #0284c7;outline-offset:2px}@media (max-width: 700px){.dashboard-work-secondary{grid-template-columns:minmax(0,1fr)}.dashboard-work-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.dashboard-work-event{grid-column:1 / -1}}:root{--gold-900: var(--dark-purple);--gold-700: var(--primary-blue);--gold-600: var(--primary-blue);--gold-500: var(--primary-blue);--gold-100: var(--light-blue);--gold-50: var(--bg-color);--paw-coral: var(--accent-orange);--paw-mint: var(--lime-green);--ink: var(--text-main);--ink-soft: var(--text-muted);--line: var(--light-blue);--paper: #FFFFFF;--canvas: var(--bg-color);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--shadow-card:0 2px 4px rgba(15,23,42,.04), 0 12px 28px -12px rgba(15,23,42,.14);--font-display:"Kanit", sans-serif;--font-body:"Sarabun", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--canvas);font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.page{max-width:1120px;margin:0 auto;padding:28px 24px 60px}.crumbs{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--gold-700);font-weight:600;margin-bottom:18px;flex-wrap:wrap}.crumbs a{display:flex;align-items:center;gap:6px}.crumbs .sep{color:var(--line)}.crumbs .current{color:var(--ink-soft);font-weight:500}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}h1{font-family:var(--font-display);font-size:32px;font-weight:700;margin:0 0 6px;color:var(--gold-900)}.subtitle{font-size:14.5px;color:var(--ink-soft)}.subtitle b{color:var(--ink);font-weight:600}.badge-live{display:inline-flex;align-items:center;gap:7px;background:#eefac2;color:#4c6b00;border:1px solid var(--lime-green);padding:7px 14px;border-radius:999px;font-size:12.5px;font-weight:700}.badge-live .dot{width:7px;height:7px;border-radius:50%;background:var(--paw-mint);box-shadow:0 0 0 3px #b0f13559}hr.rule{border:none;border-top:1px solid var(--line);margin:0 0 24px}@media (max-width:860px){.topbar-inner{gap:10px;padding:12px 16px}.search,.topnav,.profile-text{display:none}.lang{padding:6px 8px}.mobile-only{display:block}.page{padding:18px 16px 48px}h1{font-size:24px}.page-head{align-items:flex-start}}@media (max-width:420px){.brand-text .name{font-size:15px}.crumbs{font-size:12px;gap:10px}}.ci-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.ci-card{display:flex;flex-direction:column;align-items:stretch;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.ci-card:hover{transform:translateY(-2px);border-color:var(--primary-blue);box-shadow:0 4px 8px #0f172a0f,0 18px 32px -14px #0f172a33}.ci-card:focus-visible{outline:3px solid var(--primary-blue);outline-offset:2px}.ci-thumb{position:relative;height:96px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,var(--light-blue) 0%,var(--primary-blue) 100%)}.ci-thumb.design{background:linear-gradient(150deg,#7C5CB8 0%,var(--dark-purple) 100%)}.ci-thumb.tech{background:linear-gradient(150deg,var(--light-blue) 0%,var(--primary-blue) 100%)}.ci-thumb.career{background:linear-gradient(150deg,#FFA98F 0%,var(--accent-orange) 100%)}.ci-thumb.community{background:linear-gradient(150deg,#D4F98A 0%,var(--lime-green) 100%)}.ci-icon{font-size:34px;line-height:1}.ci-tag{position:absolute;top:10px;left:10px;background:#1e1b2e8c;color:#fff;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:3px 9px;border-radius:999px}.ci-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 18px 8px;min-width:0}.ci-title{width:100%;margin:0;font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.35;color:var(--ink);text-align:center;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ci-meta{margin:0;width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 8px;font-size:13px;color:var(--ink-soft);text-align:center}.ci-meta .mdot{color:var(--ink-soft);opacity:.5}.ci-arrow{align-self:center;margin:8px 0 18px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold-900);background:var(--gold-100);transition:background .15s ease,transform .15s ease,color .15s ease}.ci-card:hover .ci-arrow{background:var(--primary-blue);color:#fff;transform:translate(2px)}@media (max-width:640px){.ci-grid{grid-template-columns:1fr;gap:14px}.ci-thumb{height:80px}.ci-title{font-size:16.5px}}.ci-state{padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.ci-state.open{background:#ecfccb;color:#3f6200}.ci-state.soon{background:#eff6ff;color:#1e40af}.ci-state.closed,.ci-state.disabled{background:#f1f5f9;color:#475569}.checkin-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;margin-bottom:20px}.cc-form{padding:36px;display:flex;flex-direction:column;justify-content:center;gap:18px}.cc-form .eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.6px;color:var(--paw-coral);text-transform:uppercase}label.field-label{font-size:14px;font-weight:700;color:var(--ink);display:block;margin-bottom:8px}.ticket-input{width:100%;padding:14px 16px;border:1.5px solid var(--line);border-radius:var(--radius-md);font-family:Sarabun,monospace;font-size:16px;letter-spacing:1px;color:var(--ink);background:var(--canvas);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.ticket-input::placeholder{color:#b4aec9;letter-spacing:1px}.ticket-input:focus{outline:none;border-color:var(--gold-600);background:var(--paper);box-shadow:0 0 0 4px var(--gold-100)}.ticket-input.err{border-color:#e4573d;box-shadow:0 0 0 4px #fce6e1}.helper-text{font-size:12.5px;color:var(--ink-soft);margin-top:7px;min-height:16px}.helper-text.err{color:#e4573d;font-weight:600}.btn-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--gold-700);color:var(--gold-900);border:none;padding:15px 18px;border-radius:var(--radius-md);font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px -8px #70c5ff8c;transition:transform .12s ease,background .15s ease,box-shadow .15s ease}.btn-primary:hover{background:var(--gold-600);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:#c9c3e8;box-shadow:none;cursor:not-allowed;transform:none}.divider-or{display:flex;align-items:center;gap:12px;color:#b4aec9;font-size:12px;font-weight:600}.divider-or:before,.divider-or:after{content:"";flex:1;height:1px;background:var(--line)}.cc-scan{background:linear-gradient(160deg,var(--light-blue) 0%,var(--primary-blue) 100%);position:relative;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px 24px;overflow:hidden}.cc-scan>*{position:relative;z-index:1}.cc-scan>.paw-deco{position:absolute;z-index:0}.cc-scan .btn-primary{width:100%;max-width:360px;background:#fff;color:var(--gold-900);flex-shrink:0}.cc-scan .btn-primary:hover{background:var(--gold-50)}.qr-reader{width:100%;max-width:560px;border-radius:20px;background:#0f172a;box-shadow:0 10px 30px -10px #0f172a73}.scan-frame{width:200px;height:200px;border-radius:24px;border:2.5px dashed rgba(255,255,255,.35);position:relative;display:flex;align-items:center;justify-content:center}.scan-corner{position:absolute;width:26px;height:26px;border-color:var(--paw-mint);border-style:solid;border-width:0}.scan-corner.tl{top:-3px;left:-3px;border-top-width:4px;border-left-width:4px;border-radius:10px 0 0}.scan-corner.tr{top:-3px;right:-3px;border-top-width:4px;border-right-width:4px;border-radius:0 10px 0 0}.scan-corner.bl{bottom:-3px;left:-3px;border-bottom-width:4px;border-left-width:4px;border-radius:0 0 0 10px}.scan-corner.br{bottom:-3px;right:-3px;border-bottom-width:4px;border-right-width:4px;border-radius:0 0 10px}.scan-line{position:absolute;left:8%;width:84%;height:2px;background:linear-gradient(90deg,transparent,var(--paw-mint) 30%,var(--paw-mint) 70%,transparent);animation:sweep 2.6s ease-in-out infinite;box-shadow:0 0 10px 1px #31c48db3}@keyframes sweep{0%{top:10%}50%{top:90%}to{top:10%}}.scan-icon{opacity:.9}.cc-scan-caption{margin:0;text-align:center;color:#fff;font-size:13.5px;font-weight:600;letter-spacing:.3px}.paw-deco{position:absolute;opacity:.1}.paw-deco.one{top:-18px;right:-14px;width:120px}.paw-deco.two{bottom:-24px;left:-20px;width:140px}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 24px;box-shadow:var(--shadow-card)}.stat-label{font-size:12.5px;font-weight:700;color:var(--gold-700);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:7px}.stat-main{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--ink);margin-bottom:4px}.stat-sub{font-size:12.5px;color:var(--ink-soft)}.stat-number{font-family:var(--font-display);font-size:34px;font-weight:700;color:var(--ink)}.recent-list{margin-top:12px;display:flex;flex-direction:column;gap:10px}.recent-item{display:flex;align-items:center;gap:10px;padding:9px 10px;background:var(--canvas);border-radius:var(--radius-sm);font-size:13px;animation:pop .3s ease}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.recent-item .ri-dot{width:8px;height:8px;border-radius:50%;background:var(--paw-mint);flex-shrink:0}.recent-item .ri-code{font-weight:700;font-family:Sarabun,monospace;letter-spacing:.3px}.recent-item .ri-time{margin-left:auto;color:var(--ink-soft);font-size:11.5px}@media (prefers-reduced-motion: reduce){.scan-line{animation:none;top:50%}.recent-item{animation:none}}@media (max-width:860px){.checkin-card{grid-template-columns:1fr}.cc-scan{order:-1;min-height:220px;padding:20px 16px}.qr-reader{max-width:100%}.cc-form{padding:22px}.stats-row{grid-template-columns:1fr}}@media (min-width:861px){.checkin-card.scanning{grid-template-columns:minmax(300px,.8fr) 1.4fr}.checkin-card.scanning .cc-scan{min-height:520px}}.scan-result{display:flex;flex-direction:column;gap:4px;padding:14px 16px;margin:16px 0;border-radius:14px;border:1px solid}.scan-result strong{font-size:16px}.scan-result.success{background:#ecfccb;border-color:#a3e635;color:#365314}.scan-result.used{background:#fff7ed;border-color:#fdba74;color:#9a3412}.scan-result.notfound,.scan-result.error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.scan-result.outside{background:#eff6ff;border-color:#93c5fd;color:#1e40af}.scan-result .bt-link{align-self:flex-start;color:inherit}.checkin-list-section{margin-top:24px;display:flex;flex-direction:column;gap:12px}.checkin-list-title{margin:0;font-size:18px}:root{--theme-blue: #2563EB;--theme-blue-hover: #1D4ED8;--text-main: #111827;--text-muted: #6B7280;--border-color: #E5E7EB;--bg-light: #F9FAFB}.event-detail-page{max-width:1200px;margin:0 auto;padding:40px 24px;font-family:Kanit,sans-serif;color:var(--text-main)}.theme-text{color:var(--theme-blue)!important;font-weight:600}.theme-bg{background-color:var(--theme-blue)!important;color:#fff!important}.section-subtitle{font-size:14px;margin-bottom:8px}.divider{border:none;border-top:1px solid var(--border-color);margin:32px 0}.back-link-container{margin-bottom:32px}.btn-back{background:none;border:none;color:var(--theme-blue);font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;padding:0}.event-content-wrapper{display:flex;gap:60px;align-items:flex-start}.event-main-content{flex:1;min-width:0}.event-sidebar{width:380px;flex-shrink:0;position:sticky;top:100px}.event-title{font-size:36px;font-weight:800;margin:0 0 32px}.event-detail-photo{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;margin:0 0 24px;border-radius:12px}.event-description .event-detail-photo{margin:16px 0 0}.info-row{display:flex;justify-content:space-between;background-color:var(--bg-light);padding:24px;border-radius:12px;flex-wrap:wrap;gap:16px}.info-item{display:flex;align-items:center;gap:12px}.info-icon{width:40px;height:40px;background-color:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.info-label{font-size:12px;color:var(--text-muted)}.info-value{font-size:14px;font-weight:600}.event-description h2{font-size:24px;margin:0 0 16px}.event-description p{font-size:16px;line-height:1.6;color:#4b5563;margin-bottom:16px}.org-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.org-header h3{margin:0;font-size:18px}.btn-text-theme{background:none;border:none;color:var(--theme-blue);font-weight:600;cursor:pointer}.org-profile{display:flex;gap:16px;align-items:flex-start}.org-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0}.org-label{font-size:12px;margin-bottom:4px}.org-name{font-size:18px;font-weight:700;margin-bottom:8px}.org-desc{font-size:14px;color:var(--text-muted);line-height:1.5}.ticket-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000014;border-top:6px solid var(--theme-blue);padding:32px;display:flex;flex-direction:column;box-sizing:border-box;width:100%}.ticket-label{font-size:14px;color:var(--text-muted);margin-bottom:8px}.ticket-left{font-size:28px;font-weight:800;margin-bottom:8px;background:transparent!important}.ticket-reg{font-size:14px;color:var(--text-muted)}.ticket-types-toggle{display:flex;justify-content:space-between;font-weight:600;margin-bottom:24px;cursor:pointer;-webkit-user-select:none;user-select:none}.ticket-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:12px}.ticket-item>div:first-child{flex:1}.t-name{font-weight:700;font-size:16px}.t-desc{font-size:12px;color:var(--text-muted)}.t-price{font-size:18px;font-weight:800;white-space:nowrap}.btn-register{width:100%;padding:16px;border:none;border-radius:8px;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s}.btn-register:hover{background-color:var(--theme-blue-hover)!important}.btn-register:disabled{background-color:var(--border-color)!important;cursor:not-allowed}.custom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.custom-modal-box{background:#fff;width:100%;max-width:480px;border-radius:16px;padding:32px;position:relative;box-shadow:0 25px 50px #00000040}.btn-close-modal{position:absolute!important;top:16px!important;right:16px!important;width:32px!important;height:32px!important;background:transparent!important;border:none!important;font-size:22px!important;color:#6b7280!important;cursor:pointer;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;z-index:10;border-radius:50%!important}.btn-close-modal:hover{background:#f3f4f6!important;color:#111827!important}.modal-header{margin-bottom:24px}.modal-title{font-size:24px;margin:0 0 8px}.modal-subtitle{color:var(--text-muted);font-size:14px}.section-label{font-weight:600;display:block;margin-bottom:12px}.modal-ticket-card{border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.modal-ticket-card:hover{border-color:var(--theme-blue)}.modal-ticket-card.active{border-color:var(--theme-blue);background-color:#eff6ff}.qty-section,.total-section{display:flex;justify-content:space-between;align-items:center;margin:24px 0}.qty-controls{display:flex;align-items:center;gap:16px}.qty-controls input{width:40px;text-align:center;border:none;font-size:16px;font-weight:700}.qty-controls button{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);background:#fff;cursor:pointer;font-size:18px}@media (max-width: 900px){.event-content-wrapper{flex-direction:column}.event-sidebar{width:100%}.info-row{flex-direction:column;gap:20px}}.event-booking-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:16px;min-width:300px;height:max-content}:root{--primary-blue: #70c5ff;--primary-blue-hover: #38bdf8;--dark-blue: #0284c7;--light-blue: #bae6fd;--text-main: #1e1b4b;--text-body: #111827;--text-muted: #64748b;--bg-white: #fff;--bg-light: #f8fafc;--border-light: #e2e8f0;--border-medium: #cbd5e1}.registrations-container{width:min(100% - 40px,1000px);margin:0 auto;font-family:Kanit,sans-serif}.page-header{margin:40px 0 24px}.page-header h1{margin:0;color:var(--text-main);font-size:28px;font-weight:800;line-height:1.35}.page-header p{margin:6px 0 0;color:var(--text-muted);font-size:14px;line-height:1.6}.registrations-list{display:flex;flex-direction:column;gap:16px;padding-bottom:60px}.registration-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;transition:border-color .2s ease,box-shadow .2s ease}.registration-card:hover{border-color:var(--primary-blue);box-shadow:0 6px 16px #70c5ff33}.reg-left-info{display:flex;align-items:center;gap:24px;min-width:0;flex:1}.reg-date-badge{display:flex;flex:0 0 45px;flex-direction:column;align-items:center;justify-content:center;color:var(--dark-blue)}.reg-month{font-size:14px;font-weight:700}.reg-day{font-size:28px;font-weight:800;line-height:1.1}.reg-details{display:flex;flex-direction:column;gap:7px;min-width:0}.reg-title{margin:0;color:var(--text-body);font-size:18px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}.reg-meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--text-muted);font-size:13px;line-height:1.6}.reg-total-price{color:var(--text-body);font-size:13px;font-weight:700}.reg-right-actions{display:flex;flex:0 0 190px;flex-direction:column;align-items:stretch;gap:10px}.status-pill{display:inline-flex;align-self:flex-end;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap}.status-pill.success{color:#065f46;background:#d1fae5}.status-pill.cancelled{color:#991b1b;background:#fee2e2}.status-pill.checked{color:#3f6212;background:#ecfccb}.btn-view-ticket{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border:1px solid var(--dark-blue);border-radius:8px;background:var(--dark-blue);color:#fff;font-size:14px;font-weight:700;text-align:center;text-decoration:none;transition:background-color .2s ease,transform .1s ease}.btn-view-ticket:hover{background:#0369a1;color:#fff}.btn-view-ticket:active{transform:scale(.98)}.cancel-block{display:flex;flex-direction:column;align-items:stretch;gap:5px;width:100%}.btn-cancel-registration{width:100%;min-height:40px;padding:9px 12px;border:1px solid #dc2626;border-radius:8px;background:#fff;color:#b91c1c;cursor:pointer;font:inherit;font-size:13px;font-weight:600;transition:background-color .2s ease,border-color .2s ease}.btn-cancel-registration:hover:not(:disabled){background:#fef2f2;border-color:#b91c1c}.btn-cancel-registration:disabled{border-color:var(--border-medium);background:#f8fafc;color:#94a3b8;cursor:not-allowed}.cancel-note{color:var(--text-muted);font-size:11px;line-height:1.5;text-align:right}.missing-ticket{color:var(--text-muted);font-size:13px;text-align:center}.empty-state{padding:40px 24px;border:1px dashed var(--border-medium);border-radius:12px;background:var(--bg-light);color:var(--text-muted);text-align:center;line-height:1.7}.empty-state p{margin:0 0 12px}.empty-state-link{display:inline-block;color:var(--dark-blue);font-weight:700;text-decoration:underline;text-underline-offset:3px}.btn-retry-registrations{min-height:42px;padding:9px 16px;border:0;border-radius:8px;background:var(--dark-blue);color:#fff;cursor:pointer;font:inherit;font-weight:700}.btn-retry-registrations:hover{background:#0369a1}.registration-alert{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 16px;padding:12px 14px;border:1px solid transparent;border-radius:10px;font-size:14px;line-height:1.6}.registration-alert button{flex:0 0 auto;padding:2px 4px;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;font-weight:700;text-decoration:underline}.registration-alert-error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.registration-alert-success{border-color:#a7f3d0;background:#ecfdf5;color:#065f46}.btn-view-ticket:focus-visible,.btn-cancel-registration:focus-visible,.btn-retry-registrations:focus-visible,.registration-alert button:focus-visible,.empty-state-link:focus-visible{outline:3px solid #7dd3fc;outline-offset:3px}@media (max-width: 768px){.registrations-container{width:min(100% - 32px,620px)}.page-header{margin-top:28px}.registration-card{align-items:stretch;flex-direction:column;gap:18px;padding:16px}.reg-left-info{align-items:flex-start;gap:16px}.reg-right-actions{flex:1 1 auto;min-width:0;padding-top:16px;border-top:1px solid var(--border-light)}.status-pill{align-self:flex-start}.btn-view-ticket{width:100%;min-height:44px}.btn-cancel-registration{min-height:46px;font-size:14px}.cancel-note{text-align:center}}@media (max-width: 420px){.registrations-container{width:min(100% - 24px,620px)}.page-header h1{font-size:24px}.reg-left-info{gap:12px}.reg-date-badge{flex-basis:38px}.reg-day{font-size:25px}.reg-title{font-size:16px}.reg-meta{flex-direction:column;gap:4px}}.guest-claim{background:#f7faf5;border:1px solid #d4e5cd;border-radius:12px;padding:20px;margin:20px 0}.guest-claim h2{font-size:1.15rem;margin:0 0 8px}.guest-claim p{margin:8px 0}.guest-claim button{cursor:pointer;padding:8px 14px;border:1px solid #4f7b3b;border-radius:6px;background:#fff;margin:4px 4px 4px 0}.guest-claim button:disabled{opacity:.6;cursor:wait}.guest-claim input{padding:8px;border:1px solid #aaa;border-radius:6px;width:9em}.guest-ticket .status-pill{align-self:flex-start}.guest-ticket-code{display:grid;justify-items:center;gap:3px;color:#334155}.guest-ticket-code img{max-width:100%;height:auto}.guest-ticket-code strong{font:700 1rem/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.guest-claim-actions,.guest-claim-form{display:flex;flex-wrap:wrap;align-items:end;gap:8px}.guest-claim-form{margin:8px 0}.guest-claim-form label{display:grid;gap:4px}.guest-claim-form button{margin:0;min-height:38px}.guest-claim p{overflow-wrap:anywhere}:root{--theme-primary: #2563EB;--theme-primary-hover: #1D4ED8;--text-heading: #1E1B4B;--text-dark: #0F172A;--text-muted: #64748B;--text-light: #94A3B8;--text-white: #ffffff;--bg-white: #ffffff;--bg-light: #F8FAFC;--border-light: #E2E8F0;--border-medium: #CBD5E1;--shadow-card: 0 4px 12px rgba(0, 0, 0, .03);--shadow-card-hover: 0 8px 20px rgba(37, 99, 235, .12);--shadow-modal: 0 20px 25px -5px rgba(0, 0, 0, .1);--overlay-bg: rgba(15, 23, 42, .65)}.tickets-container{max-width:1040px;margin:0 auto;padding:0 20px 60px;font-family:Kanit,sans-serif}.tickets-header{margin-top:36px;margin-bottom:24px}.text-blue-tag{color:var(--theme-primary);font-weight:700;font-size:14px;margin-bottom:4px}.tickets-header h1{font-size:32px;font-weight:800;color:var(--text-heading);margin:0}.tickets-header p{color:var(--text-muted);font-size:14px;margin-top:4px}.tickets-list{display:flex;flex-direction:column;gap:20px}.myticket-card{display:flex;flex-direction:row;background:var(--bg-white);border:1px solid var(--border-light);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card);height:240px;transition:transform .2s ease,box-shadow .2s ease}.myticket-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.myticket-left{background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-primary-hover) 100%);color:var(--text-white);padding:28px 32px;width:300px;min-width:300px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.myticket-badge{background:#ffffff40;color:var(--text-white);padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-bottom:12px}.myticket-event-title{font-size:32px;font-weight:800;line-height:1.1;margin:0;color:var(--text-white)}.myticket-middle{flex:1;padding:24px 36px;display:flex;flex-direction:column;justify-content:center;gap:12px;background:var(--bg-white)}.info-group label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:2px}.info-group .info-value{font-size:15px;font-weight:800;color:var(--text-dark)}.issue-date{font-size:12px;color:var(--text-light);margin-top:4px}.myticket-right{width:220px;min-width:220px;border-left:1px dashed var(--border-light);padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-white);cursor:pointer;transition:background-color .2s ease}.myticket-right:hover{background:var(--bg-light)}.myticket-qr-img{width:105px;height:105px;border-radius:8px;background:var(--bg-white)}.myticket-id{font-size:13px;font-weight:800;color:var(--text-dark);margin-top:8px;letter-spacing:.5px}.myticket-tap-hint{font-size:11px;color:var(--text-muted);margin-top:2px}.qr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.qr-modal-card{background:var(--bg-white);border-radius:20px;padding:32px;max-width:360px;width:100%;text-align:center;box-shadow:var(--shadow-modal);animation:popIn .2s cubic-bezier(.16,1,.3,1)}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.qr-modal-card h3{margin:0;font-size:20px;color:var(--text-dark)}.modal-ticket-id{font-size:13px;color:var(--text-muted);margin:4px 0 20px}.modal-qr-wrapper{background:var(--bg-white);padding:16px;border:2px solid var(--border-light);border-radius:16px;display:inline-block;box-shadow:var(--shadow-card)}.modal-qr-wrapper img{width:200px;height:200px;display:block}.modal-hint{font-size:13px;color:var(--text-muted);margin:16px 0 24px}.btn-close-modal{width:100%;padding:12px;background:var(--theme-primary);color:var(--text-white);border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.btn-close-modal:hover{background:var(--theme-primary-hover)}.empty-state{text-align:center;padding:60px;color:var(--text-muted);background:var(--bg-light);border-radius:12px;border:1px dashed var(--border-medium)}@media (max-width: 768px){.myticket-card{flex-direction:column;height:auto}.myticket-left{width:100%;min-width:unset;padding:24px;align-items:flex-start}.myticket-middle{padding:24px}.myticket-right{width:100%;border-left:none;border-top:1px dashed var(--border-light);padding:24px}}.ticket-status{display:inline-flex;align-items:center;width:fit-content;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;margin-bottom:10px}.ticket-status-valid{color:#166534;background:#dcfce7}.ticket-status-cancelled{color:#991b1b;background:#fee2e2}.ticket-status-checked-in{color:#1d4ed8;background:#dbeafe}.ticket-qr-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.ticket-checked-in-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#dbeafe;color:#1d4ed8;font-size:28px;font-weight:800}.myticket-right:has(.ticket-qr-unavailable){cursor:default}.myticket-right:has(.ticket-qr-unavailable):hover{background:var(--bg-white)}.myticket-right:has(.ticket-qr-unavailable) .myticket-tap-hint{max-width:180px;line-height:1.6}.myticket-online-action,.myticket-online-action:hover{gap:10px;background:#f8fafc;text-align:center;cursor:default}.myticket-online-action p{margin:0;font-size:.875rem;color:#475569}.myticket-online-action .myticket-online-error{color:#b91c1c}.myticket-online-action button,.myticket-online-action a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:0;border-radius:8px;background:#1d4ed8;color:#fff;font:inherit;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer}.myticket-online-action button:disabled{opacity:.65;cursor:wait}.myticket-online-action button:focus-visible,.myticket-online-action a:focus-visible{outline:2px solid #0284c7;outline-offset:3px}:root{--bg-color: #F8FAFC;--primary-blue: #70C5FF;--primary-blue-hover: #38BDF8;--dark-blue: #0284C7;--light-blue: #BAE6FD;--dark-purple: #2E1A47;--btn-purple: #3B1C71;--accent-orange: #FF6B4A;--lime-green: #B0F135;--text-main: #0F172A;--text-muted: #64748B;--card-radius: 16px}.page-wrapper{background-color:var(--bg-color);min-height:100vh}.events-home-container{max-width:1200px;margin:0 auto;padding:0 20px 80px;font-family:Kanit,sans-serif}.hero-section{display:flex;align-items:center;justify-content:space-between;gap:60px;padding:60px 0 40px}.hero-text{flex:1}.hero-subtitle{color:var(--dark-blue);font-weight:700;font-size:14px;margin-bottom:8px}.hero-title{font-size:48px;font-weight:800;color:var(--text-main);line-height:1.2;margin:0 0 20px}.hero-desc{color:var(--text-muted);font-size:14px;margin-bottom:30px;max-width:400px}.btn-all-events{background:var(--primary-blue);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:.2s ease;box-shadow:0 4px 14px #70c5ff66}.btn-all-events:hover{background:var(--primary-blue-hover);transform:translateY(-1px)}.hero-card-container{flex:1;max-width:550px;background:linear-gradient(135deg,#70c5ff,#0284c7);border-radius:var(--card-radius);padding:40px;color:#fff;position:relative;box-shadow:0 12px 30px #0284c740;min-height:280px;display:flex;flex-direction:column;justify-content:center}.hero-badge{display:inline-block;background:#ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;margin-bottom:16px;color:#fff}.hero-card-title{font-size:32px;font-weight:800;margin:0 0 16px;line-height:1.3;color:#fff}.hero-card-info{font-size:14px;color:#ffffffe6;margin:0;font-weight:500}.btn-circle-arrow{position:absolute;bottom:30px;right:30px;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--text-main);border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background-color .2s;font-weight:700;box-shadow:0 4px 10px #0000001a}.btn-circle-arrow:hover{transform:translate(5px);background:var(--light-blue)}.category-section{padding:20px 0}.category-subtitle{font-size:14px;font-weight:700;color:var(--text-muted);margin:0}.category-title{font-size:24px;font-weight:800;color:var(--text-main);margin:4px 0 20px}.filter-pills{display:flex;gap:12px;flex-wrap:wrap}.pill{padding:8px 24px;border-radius:30px;border:1px solid var(--light-blue);background:#fff;color:var(--text-main);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.pill.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);font-weight:700}.pill:hover:not(.active){background:var(--light-blue);border-color:var(--primary-blue)}.gather-picks-banner{display:flex;align-items:center;background:#fff;padding:16px 24px;border-radius:var(--card-radius);margin:30px 0;border:1px solid var(--light-blue);gap:16px}.gather-badge{color:var(--dark-blue);font-size:12px;font-weight:800;letter-spacing:1px}.gather-title{font-size:20px;font-weight:800;color:var(--text-main);margin:0;flex:1}.gather-arrow{font-size:24px;font-weight:700;color:var(--text-muted);cursor:pointer}.events-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.event-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--card-radius);overflow:hidden;box-shadow:0 4px 16px #70c5ff1f;border:1px solid var(--light-blue);transition:transform .2s,box-shadow .2s}.event-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #70c5ff40}.card-banner{width:100%;height:200px;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:24px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--dark-blue) 100%)}.status-badge{position:absolute;top:16px;left:16px;background:#ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700}.banner-text{font-size:24px;font-weight:800;line-height:1.3;color:#fff}.card-body{display:flex;padding:24px;gap:20px}.date-box{display:flex;flex-direction:column;align-items:center;min-width:50px}.date-month{color:var(--dark-blue);font-size:14px;font-weight:800}.date-day{color:var(--text-main);font-size:36px;font-weight:800;line-height:1}.card-content{flex:1}.event-title{font-size:20px;font-weight:800;color:var(--text-main);margin:0 0 8px}.event-description{font-size:14px;color:var(--text-muted);margin:0 0 16px;line-height:1.5}.meta-info{display:flex;gap:16px;font-size:13px;color:var(--text-muted);margin-bottom:24px;font-weight:500}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--bg-color);padding-top:16px}.seats-count{font-size:14px;font-weight:500;color:var(--text-muted)}.btn-register{background:var(--primary-blue);color:#fff;border:none;padding:8px 18px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:.2s}.btn-register:hover{background:var(--primary-blue-hover)}@media (max-width: 992px){.events-grid{grid-template-columns:1fr}.hero-section{flex-direction:column}.hero-card-container{width:100%;max-width:100%}}.payment-history-page{width:min(1100px,calc(100% - 40px));margin:40px auto 64px;color:#202938}.payment-history-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}.payment-history-eyebrow{margin:0 0 8px;color:#64748b;font-size:12px;font-weight:700;letter-spacing:1.8px}.payment-history-header h1{margin:0;font-size:clamp(26px,4vw,34px);font-weight:750;line-height:1.3}.payment-history-description{margin:10px 0 0;color:#64748b;font-size:15px;line-height:1.7}.payment-history-total{min-width:220px;padding:20px 22px;border:1px solid #e5eaf1;border-radius:16px;background:#fff}.payment-history-total span,.payment-history-total small{display:block;color:#64748b;font-size:12px}.payment-history-total strong{display:block;margin:8px 0;color:#172554;font-size:26px}.payment-history-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:18px;border:1px solid #e5eaf1;border-radius:16px;background:#fff}.payment-history-search{display:flex;flex:1;align-items:center;gap:10px;min-width:0;padding:0 14px;border:1px solid #dce3ed;border-radius:10px;background:#fff}.payment-history-search>span{color:#64748b;font-size:25px}.payment-history-search input{width:100%;min-width:0;height:44px;border:0;outline:none;color:#202938;background:transparent;font:inherit;font-size:14px}.payment-history-filter-label{display:flex;align-items:center;gap:10px;color:#64748b;font-size:13px}.payment-history-filter-label select{min-width:165px;height:44px;padding:0 12px;border:1px solid #dce3ed;border-radius:10px;background:#fff;color:#202938;font:inherit}.payment-history-results{margin:20px 2px 12px;color:#64748b;font-size:13px}.payment-history-list{display:grid;gap:16px}.payment-history-card{overflow:hidden;padding:22px;border:1px solid #e5eaf1;border-radius:16px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.payment-history-card:hover{border-color:#cbd5e1;box-shadow:0 6px 20px #0f172a0d}.payment-history-card-top{display:flex;align-items:center;gap:14px}.payment-history-event-icon{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;border-radius:12px;background:#eef2ff;color:#4338ca;font-size:26px}.payment-history-event{flex:1;min-width:0}.payment-history-event h2{margin:0 0 6px;color:#202938;font-size:17px;font-weight:700;overflow-wrap:anywhere}.payment-history-event p{margin:0;color:#64748b;font-size:12px;overflow-wrap:anywhere}.payment-history-status{display:inline-flex;flex-shrink:0;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:650}.payment-history-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.payment-history-status.success{color:#15803d;background:#dcfce7}.payment-history-status.pending{color:#a16207;background:#fef3c7}.payment-history-status.expired{color:#b45309;background:#ffedd5}.payment-history-status.cancelled{color:#b91c1c;background:#fee2e2}.payment-history-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px;padding:20px 0;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}.payment-history-details>div{display:flex;flex-direction:column;gap:8px;min-width:0}.payment-history-detail-label{color:#64748b;font-size:12px}.payment-history-details strong{color:#334155;font-size:13px;font-weight:600;overflow-wrap:anywhere}.payment-history-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px}.payment-history-card-bottom span{color:#64748b;font-size:14px}.payment-history-card-bottom strong{color:#172554;font-size:22px}.payment-history-empty{display:flex;flex-direction:column;align-items:center;padding:60px 20px;border:1px dashed #cbd5e1;border-radius:16px;background:#fff;text-align:center}.payment-history-empty-icon{display:grid;width:60px;height:60px;place-items:center;border-radius:50%;background:#eef2ff;color:#4338ca;font-size:28px}.payment-history-empty h2{margin:18px 0 8px;font-size:19px}.payment-history-empty p{margin:0;color:#64748b;font-size:14px}.payment-history-empty button{margin-top:20px;padding:10px 18px;border:0;border-radius:9px;background:#3730a3;color:#fff;font:inherit;cursor:pointer}.payment-history-empty button:hover{background:#312e81}.payment-history-note{margin-top:24px;color:#94a3b8;font-size:12px;line-height:1.7}@media (max-width: 760px){.payment-history-page{width:min(100% - 28px,600px);margin-top:28px}.payment-history-header{flex-direction:column}.payment-history-total{box-sizing:border-box;width:100%}.payment-history-toolbar{align-items:stretch;flex-direction:column;padding:14px}.payment-history-filter-label{align-items:flex-start;flex-direction:column;gap:7px}.payment-history-filter-label select{box-sizing:border-box;width:100%}.payment-history-card{padding:16px}.payment-history-card-top{align-items:flex-start;flex-wrap:wrap}.payment-history-event{flex-basis:calc(100% - 70px)}.payment-history-status{margin-left:62px}.payment-history-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}}@media (max-width: 380px){.payment-history-details{grid-template-columns:1fr}}.bottom-tabs,.bottom-sheet,.bottom-sheet-backdrop{display:none}@media (max-width: 800px){html{-webkit-tap-highlight-color:transparent}body.has-bottom-tabs{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.bottom-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:150;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--border-light, #E2E8F0)}.bottom-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:4px 2px;border:none;border-radius:14px;background:transparent;color:#64748b;font-family:Kanit,sans-serif;font-size:11.5px;font-weight:500;line-height:1.2;text-decoration:none;cursor:pointer}.bottom-tab.is-active{color:#0369a1;font-weight:600}.bottom-tab.is-active:before{content:"";position:absolute;top:-7px;left:50%;width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--primary-blue, #70C5FF);transform:translate(-50%)}.bottom-tab:focus-visible,.bottom-sheet-row:focus-visible{outline:3px solid var(--primary-blue, #70C5FF);outline-offset:-3px}.bottom-sheet-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:160;background:#0f172a6b}.bottom-sheet{display:block;position:fixed;left:0;right:0;bottom:0;z-index:170;padding:10px 16px calc(16px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -12px 32px -12px #0f172a4d;animation:sheet-up .22s ease-out}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.bottom-sheet-grip{width:40px;height:4px;margin:0 auto 14px;border-radius:4px;background:#cbd5e1}.bottom-sheet-user{display:flex;align-items:center;gap:12px;padding:6px 4px 16px;font-family:Kanit,sans-serif}.bottom-sheet-user strong{display:block;font-size:16px;color:var(--text-main, #0F172A)}.bottom-sheet-user span{font-size:13px;color:var(--text-muted, #64748B)}.bottom-sheet-avatar{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#bae6fd;color:#0369a1;font-family:Kanit,sans-serif;font-size:18px;font-weight:700}.bottom-sheet-row{width:100%;min-height:52px;display:flex;align-items:center;gap:14px;padding:0 8px;border:none;border-top:1px solid #EEF2F6;border-radius:0;background:transparent;color:var(--text-main, #0F172A);font-family:Kanit,sans-serif;font-size:15px;text-align:left;text-decoration:none;cursor:pointer}.bottom-sheet-row.danger{color:#c0472b}body.has-bottom-tabs .navbar{padding:8px 16px}body.has-bottom-tabs .navbar .logo img{height:36px}.page{padding-top:16px}.crumbs{margin-bottom:12px;color:#0369a1}.crumbs .sep,.crumbs .current,.crumbs a:not(:first-child){display:none}.crumbs a:first-child{min-height:40px;padding-right:12px}.page-head .btn-primary{width:100%;min-height:48px;justify-content:center}}@media (max-width: 760px){.stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.stats-row .stat-card{padding:16px}.stats-row .stat-card.accent{grid-column:1 / -1}.table-card{background:transparent;border:none;box-shadow:none;overflow:visible}.table-scroll{overflow:visible}.table-card table,.table-card tbody{display:block;min-width:0}.table-card thead{display:none}.table-card tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;row-gap:12px;column-gap:12px;margin-bottom:12px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 4px #0f172a0a,0 12px 28px -14px #0f172a29}.table-card tbody tr:hover{background:#fff}.table-card tbody td{display:block;padding:0;border:none}.table-card tbody td:nth-child(1),.table-card tbody td:nth-child(2),.table-card tbody td:nth-child(5){grid-column:1 / -1}.table-card .ev-cell{min-width:0}.table-card .ev-title{font-size:17px}.table-card tbody td:nth-child(4){justify-self:end}.table-card .seats-bar{width:100%;min-width:110px}.table-card tbody td:nth-child(5){padding-top:12px;border-top:1px solid var(--line)}.table-card .actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.table-card .icon-btn:first-child{grid-column:1 / -1}.table-card .icon-btn{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Kanit,sans-serif;font-size:14px;font-weight:500}.table-card .icon-btn:after{content:attr(title)}}.cc-scan .btn-primary{background:#fff!important;color:#0b5e94!important;box-shadow:0 8px 18px -10px #0f172a59}.cc-scan .btn-primary:hover{background:#f0f9ff!important}.cc-form .btn-primary{background:#0369a1!important;color:#fff!important}.cc-form .btn-primary:hover{background:#075985!important}.checkin-card .btn-primary:disabled{opacity:.6;cursor:not-allowed}.ticket-progress{height:8px;margin-top:14px;border-radius:999px;background:#eaf4fb;overflow:hidden}.ticket-progress>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#70c5ff,#b0f135);transition:width .4s ease}.helper-text.ok{color:#3f6200;font-weight:600}@media (max-width: 860px){.ticket-input{min-height:52px;font-size:17px}.checkin-card .btn-primary,.cc-scan .btn-primary{width:100%;min-height:52px;justify-content:center}.helper-text.ok{padding:10px 12px;border-radius:10px;background:#f1fbd0}.recent-item{min-height:44px}.page .mobile-search{display:flex}}.mobile-search{display:none;align-items:center;gap:10px;margin-bottom:16px;padding:0 14px;min-height:48px;background:#fff;border:1px solid var(--line, #BAE6FD);border-radius:12px;color:var(--text-muted, #64748B)}.mobile-search:focus-within{border-color:var(--primary-blue, #70C5FF)}.mobile-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:Kanit,sans-serif;font-size:16px;color:var(--text-main, #0F172A)}@media (prefers-reduced-motion: reduce){.bottom-sheet{animation:none}.ticket-progress>div{transition:none}}:root{--popup-blue: #2563EB;--popup-blue-hover: #1D4ED8;--popup-blue-tint: #EFF6FF;--popup-border: #E5E7EB;--popup-text: #111827;--popup-muted: #6B7280;--popup-danger: #DC2626;--popup-danger-hover: #B91C1C;--popup-shadow: 0 25px 50px rgba(0, 0, 0, .25)}.bg-dimmed,.auth-modal-overlay,.popup-overlay{background:#00000080;-webkit-backdrop-filter:none;backdrop-filter:none}.drawer{--primary-blue: var(--popup-blue);--btn-purple: var(--popup-blue);--dark-purple: var(--popup-blue-hover);--light-blue: var(--popup-border);--text-main: var(--popup-text);--text-muted: var(--popup-muted);box-shadow:var(--popup-shadow)}.drawer .eyebrow{color:var(--popup-blue)}.drawer .close-btn:hover,.drawer .btn-ghost:hover{background:#f3f4f6;color:var(--popup-text)}.drawer .btn-secondary{background:var(--popup-blue-tint);color:var(--popup-blue)}.drawer .btn-secondary:hover{background:#dbeafe}.drawer .field input:focus,.drawer .field textarea:focus,.drawer .field select:focus{border-color:var(--popup-blue);box-shadow:0 0 0 3px #2563eb2e}.drawer .field input[type=url]{width:100%;padding:10px 14px;border:1px solid var(--popup-border);border-radius:8px;font-size:14px;font-family:inherit;color:var(--popup-text);background:#fff;outline:none;box-sizing:border-box}.drawer .field input[type=url]:focus{border-color:var(--popup-blue);box-shadow:0 0 0 3px #2563eb2e}.drawer .btn-primary{background:var(--popup-blue)!important;color:#fff!important;box-shadow:none;transform:none}.drawer .btn-primary:hover:not(:disabled){background:var(--popup-blue-hover)!important;box-shadow:none;transform:none}.drawer .btn-primary:disabled{opacity:.6;cursor:not-allowed}.drawer .cover-option.is-selected,.drawer .cover-option.selected{border-color:var(--popup-blue)}.auth-modal-box{--primary-blue: var(--popup-blue);--primary-blue-hover: var(--popup-blue-hover);--dark-blue: var(--popup-blue-hover);--light-blue: var(--popup-border);--text-main: var(--popup-text);--text-muted: var(--popup-muted);--border-light: var(--popup-border);--bg-color: #F9FAFB;box-shadow:var(--popup-shadow)}.auth-modal-box input:focus{border-color:var(--popup-blue);outline:none;box-shadow:0 0 0 3px #2563eb2e}.auth-modal-box .btn-close-modal{color:var(--popup-muted)}.auth-modal-box .btn-close-modal:hover{background:#f3f4f6;color:var(--popup-text)}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px}.popup-box{position:relative;width:100%;max-width:420px;padding:32px 28px 24px;background:#fff;border-radius:16px;box-shadow:var(--popup-shadow);font-family:Kanit,sans-serif}.popup-close{position:absolute;top:14px;right:14px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--popup-muted);cursor:pointer}.popup-close:hover{background:#f3f4f6;color:var(--popup-text)}.popup-title{margin:0 32px 8px 0;font-size:22px;font-weight:600;color:var(--popup-text)}.popup-text{margin:0 0 24px;font-size:15px;line-height:1.6;color:var(--popup-muted)}.popup-actions{display:flex;justify-content:flex-end;gap:10px}.popup-btn{min-height:44px;padding:0 22px;border:1px solid transparent;border-radius:10px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer}.popup-btn.primary{background:var(--popup-blue);color:#fff}.popup-btn.primary:hover:not(:disabled){background:var(--popup-blue-hover)}.popup-btn.danger{background:var(--popup-danger);color:#fff}.popup-btn.danger:hover:not(:disabled){background:var(--popup-danger-hover)}.popup-btn.ghost{background:#fff;border-color:var(--popup-border);color:var(--popup-text)}.popup-btn.ghost:hover:not(:disabled){background:#f3f4f6}.popup-btn:focus-visible,.popup-close:focus-visible{outline:3px solid rgba(37,99,235,.4);outline-offset:2px}.popup-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.popup-actions{flex-direction:column-reverse}.popup-btn{width:100%}}.profile-trigger{padding:4px 8px 4px 4px;border:none;border-radius:999px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.profile-trigger:hover,.profile-trigger[aria-expanded=true]{background:#f3f4f6}.profile-trigger:focus-visible{outline:2px solid var(--popup-blue);outline-offset:2px}.profile-trigger .user-info{display:flex;flex-direction:column}.profile-dropdown-menu{width:270px;padding:8px;border-color:var(--popup-border);border-radius:16px;box-shadow:var(--popup-shadow)}.profile-menu-head{display:flex;align-items:center;gap:12px;padding:10px 10px 14px;border-bottom:1px solid var(--popup-border)}.profile-menu-avatar{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--popup-blue-tint);color:var(--popup-blue);font-size:18px;font-weight:700}.profile-menu-who{min-width:0;display:flex;flex-direction:column;gap:2px}.profile-menu-who strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:var(--popup-text)}.profile-menu-who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:var(--popup-muted)}.profile-menu-who em{align-self:flex-start;margin-top:4px;padding:2px 10px;border-radius:999px;background:var(--popup-blue-tint);color:var(--popup-blue);font-size:12px;font-style:normal;font-weight:600}.profile-menu-group{padding:6px 0}.profile-menu-group+.profile-menu-group{border-top:1px solid var(--popup-border)}.profile-dropdown-menu .dropdown-item{gap:12px;color:var(--popup-text);text-decoration:none}.profile-dropdown-menu .dropdown-item svg{color:var(--popup-muted)}.profile-dropdown-menu .dropdown-item:hover{background:var(--popup-blue-tint)}.profile-dropdown-menu .dropdown-item:hover svg{color:var(--popup-blue)}.profile-dropdown-menu .dropdown-item.logout-btn,.profile-dropdown-menu .dropdown-item.logout-btn svg{color:var(--popup-danger)}.profile-dropdown-menu .dropdown-item.logout-btn:hover{background:#fef2f2}