:root{--font-size-xxs: 10px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 22px;--font-size-xl: 30px;--font-size-xxl: 40px;--font-weight-sm: 400;--font-weight-md: 500;--font-weight-lg: 600;--font-weight-xl: 700;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-xxl: 24px;--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--spacing-xxxl: 40px;--icon-size: 36px}@media(max-width:1140px){:root{--font-size-xxl: 28px;--icon-size: 30px}.kiosk .stats-cards .stat-card{max-width:200px}#app>.main-content{max-width:768px}}@media(max-width:768px){:root{--icon-size: 24px}.kiosk .stats-cards{flex-wrap:wrap;justify-content:space-between!important}.kiosk .stat-card{flex:1 1 calc(50% - var(--spacing-xxxl) * 2)!important;max-width:calc(50% - var(--spacing-lg) * 2)!important}.kiosk__section-header.is-admin{flex-direction:column;align-items:flex-start}.kiosk__section-header.is-admin .kiosk__section-title{order:2}.kiosk__section-header.is-admin .kiosk__section-actions{order:1}#app{margin:0 auto}#app>.main-content{max-width:95%}}@media(max-width:499px){:root{--font-size-xxs: 8px;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 32px;--font-weight-sm: 400;--font-weight-md: 500;--font-weight-lg: 600;--font-weight-xl: 700;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-xxl: 20px;--spacing-xxs: 1px;--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 8px;--spacing-lg: 12px;--spacing-xl: 16px;--spacing-xxl: 20px;--spacing-xxxl: 28px;--icon-size: 22px}.login.page .card{max-width:300px}.login-content img{max-width:150px!important}}@media(max-width:375px){:root{--font-size-xl: 18px}.login.page .card{max-width:250px}.scanner-footer.m-375{max-width:300px}.scanner-footer.m-375 .manual-btn{max-width:140px}}html,body{margin:0;padding:0;height:100%;background:var(--colors-background-surface);font-family:Inter,sans-serif}#app{margin:0 auto;min-height:100vh;background:var(--colors-background-primary);display:flex;flex-direction:column}.main-content{margin:0 auto;padding:var(--spacing-lg) 0;max-width:1140px;width:100%;flex:1;font-size:var(--font-size-md);display:flex;flex-direction:column}a{color:var(--colors-accent-blue)}a:hover{color:var(--colors-accent-blueDark)}a:active{color:var(--colors-accent-blueDarker)}p{color:var(--colors-text-body)}h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-xl)}h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-xl)}h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-lg)}h4{font-weight:var(--font-weight-md);font-size:var(--font-size-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--colors-text-heading);font-size:var(--font-size-sm);gap:var(--spacing-lg);text-align:center;max-width:300px;width:100%;height:300px;margin:0 auto}.empty-state img{width:100%}.empty-state--fullscreen{width:100%;height:60vh}.global{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;box-shadow:0 5px 8px #0003;padding:var(--spacing-sm);font-size:var(--font-size-md);text-align:center;border-radius:var(--radius-xs);align-items:center;display:flex;justify-content:center;gap:var(--spacing-sm);max-width:300px;width:100%}.global__error{background-color:var(--colors-state-errorLight);color:var(--colors-state-error)}.global__success{background-color:var(--colors-state-successLight);color:var(--colors-state-success)}.global__info{background-color:var(--colors-state-infoLight);color:var(--colors-state-info)}.placeholder{background-color:#e0e0e0;border-radius:4px;width:100%;height:40px;animation:flash 2s infinite;margin:20px 0}.placeholder.image{height:50px;margin:10px}.placeholder--xs{height:20px}.placeholder--sm{height:30px}.placeholder--lg{height:50px}.placeholder.short{width:50%}.placeholder.extra__short{width:20%}.guest-login__modal{display:flex;flex-direction:column;justify-content:center;align-items:center}.guest-login__modal p{margin:var(--spacing-sm);font-size:var(--font-size-md)}.guest-login__qrcode-wrapper{position:relative;display:inline-block;margin:var(--spacing-lg) 0;max-width:180px;height:180px;width:100%}.guest-login__qrcode-logo{position:absolute;top:50%;left:50%;width:35px;height:35px;transform:translate(-50%,-50%);border-radius:var(--radius-sm);background:var(--colors-background-secondary);padding:var(--spacing-sm)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease;z-index:1000;position:relative}.fade-enter-from,.fade-leave-to{opacity:0;z-index:1000}.fade-enter-to,.fade-leave-from{opacity:1;z-index:1000}.slide-enter-active{transition:all .3s ease-out}.slide-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-enter-from{transform:translate(100px);opacity:0}.slide-leave-to{transform:translate(150px);opacity:0}.collapse-enter-active,.collapse-leave-active{transition:all .25s ease;transform-origin:top}.collapse-enter-from,.collapse-leave-to{opacity:0;transform:scaleY(0)}.collapse-enter-to,.collapse-leave-from{opacity:1;transform:scaleY(1)}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.4}}@keyframes flash{0%{background-color:#e0e0e0}50%{background-color:#f0f0f0}to{background-color:#e0e0e0}}@keyframes scan{0%{left:-60%}50%{left:60%}to{left:120%}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pop-enter-active{animation:popIn .35s ease-out forwards}.pop-leave-active{transition:opacity .2s ease}@keyframes pulse{0%{transform:scale(0);opacity:.8}to{transform:scale(1);opacity:0}}@keyframes idleWiggle{0%,to{left:2px}50%{left:7px}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes shine{0%{background-position:-60% 0}50%{background-position:-150% 0}to{background-position:-200% 0}}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes typing-9ch{0%{width:0}to{width:9ch}}@keyframes typing-18ch{0%{width:0}to{width:18ch}}@keyframes typing-blink{0%,50%,to{border-color:var(--colors-text-label)}25%,75%{border-color:transparent}}.footer{border-top:1px solid var(--colors-background-border);padding:var(--spacing-sm)}.footer__content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 12px);margin:var(--spacing-lg, 16px) var(--spacing-xxl, 32px);font-size:var(--font-size-xs);color:var(--colors-text-label);text-align:center}.footer__info{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-lg, 16px);justify-content:center}.footer__logo{max-width:20px;height:auto;width:100%}.footer__copyright{font-size:var(--font-size-sm)}.header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);height:60px;background-color:var(--colors-background-secondary);box-shadow:0 2px 6px #0000001a}.header-left{width:10%}.header-center{width:80%;display:flex;justify-content:center}.header-center .logo{max-width:80px;max-height:60px;width:100%;object-fit:contain}.header-right{width:10%;display:flex;justify-content:center}.header-right .profile{position:relative;cursor:pointer}.header-right .profile-icon{background-color:var(--colors-primary-goldLight);padding:var(--spacing-sm);height:35px;width:35px;display:flex;justify-content:center;align-items:center;border-radius:100%}.header-right .profile-icon svg{font-size:var(--font-size-md)}.header-right .profile__details{position:absolute;top:100%;right:0;background:var(--colors-background-secondary);border:1px solid var(--colors-background-border);border-radius:var(--radius-sm);margin-top:var(--spacing-xs);box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;overflow:hidden;z-index:100;min-width:200px}.header-right .profile__details ul{list-style:none;margin:0;padding:0}.header-right .profile__details ul li{color:var(--colors-text-body);cursor:pointer;border-bottom:1px solid var(--colors-background-border);padding:var(--spacing-lg);transition:background .2s,color .2s}.header-right .profile__details ul li:first-child{background-color:var(--colors-background-surface);display:flex;flex-direction:column;gap:var(--spacing-xs)}.header-right .profile__details ul li:first-child span.title{font-weight:var(--font-weight-lg)}.header-right .profile__details ul li:first-child span.subtitle{font-size:var(--font-size-sm)}.header-right .profile__details ul li:last-child{border:none}.header-right .profile__details ul li:hover{background-color:var(--colors-background-border);color:var(--colors-text-heading)}.card{background:var(--colors-background-secondary);border-radius:var(--radius-xl, 20px);box-shadow:0 4px 16px #00000026;padding:var(--spacing-xl, 24px)}.listing-card{background:var(--colors-background-secondary);border-radius:var(--radius-xl, 20px);box-shadow:0 4px 16px #00000026;padding:var(--spacing-lg, 16px) var(--spacing-sm, 8px);display:flex;align-items:center;margin:var(--spacing-lg) 0}.listing-card__icon{display:flex;justify-content:center;align-items:center;background:var(--colors-accent-blue);color:var(--colors-background-secondary);border-radius:100%;width:32px;height:32px;margin-left:var(--spacing-xs)}.listing-card__content{display:flex;flex-direction:column;flex:1;margin:0 var(--spacing-lg);gap:var(--spacing-sm)}.listing-card__content-title{max-width:90%;width:100%;color:var(--colors-text-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-lg);display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.listing-card__content-subtitle{color:var(--colors-text-label);font-size:var(--font-size-xs);font-weight:var(--font-weight-md)}.listing-card__extra{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm);margin-right:var(--spacing-xs)}.form__item{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px);margin-bottom:var(--spacing-lg, 16px)}.form__label{font-size:var(--font-size-sm);color:var(--colors-text-body)}.form__label.required:after{content:" *";color:red;font-weight:400}.form__input{padding:var(--spacing-md, 12px);border:1px solid var(--colors-background-border);border-radius:var(--radius-sm, 8px);font-size:var(--font-size-md);background:var(--colors-background-surface)}.form__input::placeholder{color:var(--colors-text-label);opacity:.8}.form__input :-webkit-input-placeholder{color:var(--colors-text-label)}.form__input :-ms-input-placeholder{color:var(--colors-text-label)}.form__input:focus{border-color:var(--colors-secondary-purple);outline:none;box-shadow:0 0 0 2px #6763f533}.form__input.error{border-color:var(--colors-state-errorLight, red);box-shadow:0 0 0 1px #ff00004d}.form__input:disabled{color:var(--colors-text-disabled);outline:none}.form__textarea{min-width:320px;border:1px solid var(--colors-background-border);background-color:var(--colors-background-surface);min-height:120px;font-size:var(--font-size-md);border-radius:var(--radius-xs);padding:var(--spacing-sm)}.form input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--colors-accent-blue);border-radius:var(--radius-xs, 4px)}.form input[type=checkbox]:hover{accent-color:var(--colors-accent-blueDark)}.form input[type=checkbox]:focus{accent-color:var(--colors-accent-blueDarker)}.form__hint{font-size:var(--font-size-xxs);color:var(--colors-text-label);margin-top:var(--spacing-xxs, 2px);font-style:italic}.form__error{font-size:var(--font-size-xs);color:var(--colors-state-error);margin-top:var(--spacing-xxs, 2px)}.form__success{padding:var(--spacing-sm);background:var(--colors-state-successLight);font-size:var(--font-size-xs);color:var(--colors-state-success);margin-top:var(--spacing-sm);text-align:center;border-radius:var(--radius-xs)}.form__success svg{margin-right:var(--spacing-sm)}.form .radio-option{background:var(--colors-background-secondary);border-color:var(--colors-icon-inactive);transition:all .25s ease;margin-top:var(--spacing-sm, 8px);height:30px;align-content:center;justify-content:space-between;display:flex;gap:var(--spacing-sm, 8px)}.form .radio-option:hover{border-color:var(--colors-secondary-purpleDark);background-color:var(--colors-background-surface)}.form .radio-option label{display:flex;align-items:center;cursor:pointer;flex:1}.form .radio-option .label-text{flex:1}.form .radio-option img{width:40px;height:40px;object-fit:contain}.form .radio-option:has(input:checked){opacity:1;pointer-events:auto}.form .radio-option:has(input:checked):has(input[type=radio][value=halal]:checked){border-color:var(--colors-secondary-purple);accent-color:var(--colors-secondary-purple);box-shadow:0 0 0 2px #6763f533}.form .radio-option:has(input:checked):has(input[type=radio][value=vegetarian]:checked){border-color:var(--colors-state-success);accent-color:var(--colors-state-success);box-shadow:0 0 0 2px #00c85333}.form .radio-option:has(input:checked):has(input[type=radio][value=normal]:checked){border-color:var(--colors-accent-blue);accent-color:var(--colors-accent-blue);box-shadow:0 0 0 2px #2196f333}.form .radio-option.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background:var(--colors-background-surface);border-color:var(--colors-icon-disabled)}.form .radio-option.disabled:hover{border-color:var(--colors-icon-inactive);background:var(--colors-background-secondary)}.form .checkbox-group{flex-direction:row;align-items:flex-start;margin-top:var(--spacing-lg);font-size:var(--spacing-sm);transition:transform .2s ease}.form .checkbox-group:hover{transform:scale(1.02)}.form__actions{margin-top:var(--spacing-xl, 24px);display:flex;justify-content:center}.form__options{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.form__options .checkbox-group{margin-top:0}.form .password-wrapper{position:relative;display:flex;align-items:center}.form .password-wrapper .form__input{width:100%}.form .password-wrapper .password-toggle{position:absolute;right:8px;background:none;border:none;cursor:pointer;height:100%;padding:8px 0;color:var(--colors-icon-inactive)}.form .password-wrapper .password-toggle:hover{color:var(--colors-icon-disabled)}.btn{width:100%;border-radius:var(--radius-sm, 8px);font-size:var(--font-size-md);font-weight:var(--font-weight-lg);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .25s ease,transform .2s ease,box-shadow .25s ease;height:45px;text-align:center;padding:0 var(--spacing-xxs);text-decoration:none;color:var(--colors-text-heading)}.btn--lg{width:100%;border-radius:var(--radius-sm, 8px);color:var(--colors-text-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-xl);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .25s ease,transform .2s ease,box-shadow .25s ease;height:55px;text-align:center;padding:0 var(--spacing-xxs)}.btn--sm{width:100%;border-radius:var(--radius-sm, 8px);color:var(--colors-text-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-md);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .25s ease,transform .2s ease,box-shadow .25s ease;height:35px;text-align:center;padding:0 var(--spacing-xxs)}.btn--with-icon{width:100%;border-radius:var(--radius-sm, 8px);color:var(--colors-text-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-lg);display:flex;cursor:pointer;transition:background-color .25s ease,transform .2s ease,box-shadow .25s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xs);height:auto}.btn--primary{background-color:var(--colors-primary-gold);border:none}.btn--primary:hover{box-shadow:2px 2px #000c;background-color:var(--colors-primary-goldDark);transform:translateY(-2px);color:var(--colors-text-heading)}.btn--primary:active{transform:translateY(0);background-color:var(--colors-primary-goldDarker);border:1px solid var(--colors-text-heading);box-shadow:none}.btn--primary:focus{transform:translateY(0);background-color:var(--colors-primary-goldDarker);border:1px solid var(--colors-text-heading);box-shadow:none}.btn--primary:disabled{background-color:var(--colors-primary-goldLight);cursor:not-allowed;color:var(--colors-text-disabled)}.btn--primary:disabled:hover{box-shadow:none;transform:none}.btn--secondary{border:2px solid var(--colors-primary-gold);background-color:var(--colors-background-secondary)}.btn--secondary:hover{box-shadow:2px 2px #000c;transform:translateY(-2px);color:var(--colors-text-heading)}.btn--secondary:active{transform:translateY(0);background-color:var(--colors-primary-goldDarker);box-shadow:0 0 0 1.5px #000c}.btn--secondary:focus{transform:translateY(0);background-color:var(--colors-primary-goldDarker);box-shadow:0 0 0 1.5px #000c}.btn--secondary:disabled{background-color:var(--colors-primary-goldLight);cursor:not-allowed;color:var(--colors-text-disabled)}.btn--back{gap:var(--spacing-sm);display:flex;align-items:center;font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--spacing-lg);text-decoration:none}.btn--back svg{max-width:15px;height:15px}.loading-overlay{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:9998}.loading-box{width:100%;max-width:160px;height:160px;box-shadow:4px 4px 10px #00000026,inset 2px 0 2px #ffffffb3,inset -2px 0 2px #ffffffb3;border-radius:var(--radius-xxl);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999}.loading-box__logo{width:100px;height:100px;animation:bounce 1.2s ease-in-out infinite}.loading-box__text{margin-top:var(--spacing-lg);display:flex;align-items:center}.loading-box__message{display:inline-block;overflow:hidden;color:var(--colors-text-heading);font-weight:var(--font-weight-md);border-right:2px solid var(--colors-background-border);white-space:nowrap;width:0;animation:typing-9ch 2s steps(9,end) infinite alternate,typing-blink .7s step-end infinite}.loading__content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.loading__content--text{min-height:75vh;flex:1;display:flex;align-items:center;justify-content:center;color:var(--colors-text-heading)}.loading__content--text span{display:inline-block;overflow:hidden;color:var(--colors-text-heading);font-weight:var(--font-weight-md);border-right:2px solid var(--colors-background-border);white-space:nowrap;width:0;animation:typing-18ch 2s steps(18,end) infinite alternate,typing-blink .7s step-end infinite}.loading__content--skeleton{height:25px;width:100%;border-radius:var(--radius-xs);margin-bottom:var(--spacing-xxs);background:linear-gradient(90deg,#c8c8c84d 25%,#c8c8c880,#c8c8c84d 75%);background-size:200% 100%;animation:skeleton 3s linear infinite}.pagination-wrapper{display:flex;justify-content:center;margin-top:var(--spacing-xxl)}.pagination-wrapper .load-more{text-align:center;max-width:300px;width:100%}.pagination-wrapper .pagination{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.pagination-wrapper .page-btn{min-width:28px;min-height:28px;padding:var(--spacing-xs);border:1px solid var(--colors-background-border);border-radius:var(--radius-xs);cursor:pointer;background:var(--colors-background-secondary);color:var(--colors-text-body);font-size:var(--font-size-sm)}.pagination-wrapper .page-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--colors-text-disabled)}.pagination-wrapper .page-input{width:32px;height:28px;text-align:center;border:1px solid var(--colors-icon-inactive);border-radius:var(--radius-xs);font-size:var(--font-size-md)}.floating-scan-btn{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background-color:var(--colors-primary-goldDark);color:var(--colors-background-secondary);font-size:var(--font-size-xl);display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #00000026;z-index:1000;cursor:pointer;border:none}.form__group--code{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-xl) 0}.form__group--code .form__item{flex:1}.form__group--code .qr-btn{background-color:var(--colors-primary-gold);border:none;border-radius:var(--radius-sm);cursor:pointer;width:70px;padding:var(--spacing-md)}.form__group--code .qr-btn svg{font-size:var(--font-size-lg)}.scanner{position:fixed;inset:0;background:#000;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center}.scanner-footer{position:absolute;max-width:400px;bottom:90px;width:100%;display:flex;justify-content:space-between}.scanner-footer .manual-btn{background:var(--colors-primary-gold);border:none;box-shadow:0 4px 16px #00000026;color:#000;padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-xl);max-width:180px;width:100%;cursor:pointer}.scanner-header{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);position:absolute;top:0;width:100%;background:#0000004d}.scanner-header__close{position:absolute;top:20px;right:1.5rem;background:var(--colors-primary-goldDark);color:var(--colors-background-secondary);border:none;border-radius:100%;cursor:pointer;z-index:10;height:35px;width:35px}.scanner-header__close svg{font-size:var(--font-size-md)}.scanner-header__toggle{background:var(--colors-primary-goldDark);border:none;border-radius:100%;height:42px;width:42px;color:var(--colors-background-secondary);cursor:pointer}.scanner-header__toggle svg{font-size:var(--font-size-lg)}.modal__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.modal__body{background:var(--colors-background-secondary);border-radius:var(--radius-xxl);min-width:320px;width:100%;max-width:390px;margin:0 var(--spacing-sm);max-height:90vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;z-index:1000}.modal__body::-webkit-scrollbar{display:none}.modal__body .message{box-shadow:0 5px 8px #0003;padding:var(--spacing-sm);font-size:var(--font-size-xs);text-align:center;border-radius:var(--radius-xs);align-items:center;display:flex;justify-content:center;gap:var(--spacing-sm);max-width:300px;width:100%}.modal__body .message svg{font-size:var(--font-size-xs)}.modal__body .message__info{background-color:var(--colors-state-infoLight);color:var(--colors-state-info)}.modal__header{background:var(--colors-primary-gold);border-radius:var(--radius-xxl) var(--radius-xxl) 0 0;padding:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.modal__header h3{margin:0}.modal__header--icon{border-radius:100%;background:var(--colors-background-secondary);padding:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);transition:background .3s ease,transform .2s ease,box-shadow .2s ease}.modal__header--icon:hover{background:var(--colors-background-border);transform:scale(1.1);box-shadow:0 4px 12px #00000026}.modal__header--icon:active{transform:scale(.95);box-shadow:0 2px 6px #0000001a}.modal__content{padding:var(--spacing-lg) var(--spacing-xl)}.modal__content h4{margin:0}.modal .divider{border:none;border-top:1px solid var(--colors-background-border);margin:var(--spacing-lg) 0 var(--spacing-md)}.login h1{margin:0 0 var(--spacing-xl, 24px)}.login.page{display:flex;min-height:100vh;justify-content:center;padding:0;margin:0 auto}.login-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl, 24px);margin-top:auto;margin-bottom:auto;width:100%}.login-content img{max-width:200px;width:100%;object-fit:contain}.login .card{max-width:380px;width:100%}.login .card p{font-size:var(--font-size-sm);font-weight:var(--font-weight-md);color:var(--colors-text-label);margin:0 0 var(--spacing-xl, 24px);line-height:var(--font-size-xl)}.login .card p span{font-weight:var(--font-weight-xl);color:var(--colors-secondary-purple);display:flex;gap:var(--spacing-xs, 4px);line-height:100%}.login .card p.login-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-sm);color:var(--colors-text-body);text-align:center;margin-top:var(--spacing-lg);margin-bottom:0}.kiosk{display:block}.kiosk .stats-cards{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xxl);width:100%;align-items:stretch;justify-content:flex-start}.kiosk .stat-card{flex:1 1 250px;max-width:250px;width:100%;display:flex;justify-content:space-between}.kiosk .stat-card__icon{font-size:var(--icon-size);color:var(--colors-primary-gold)}.kiosk .stat-card__content{display:flex;flex-direction:column;align-items:flex-start}.kiosk .stat-card__content-value{display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;font-size:var(--font-size-lg);font-weight:var(--font-weight-xl);color:var(--colors-text-heading)}.kiosk .stat-card__content-label{font-size:var(--font-size-xs);color:var(--colors-text-label)}.kiosk .history-list{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.kiosk .history-list .history-item{background:var(--colors-background-secondary);border:1px solid var(--colors-background-border);border-radius:var(--radius-sm);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-lg);justify-content:space-between;cursor:pointer}.kiosk .history-list .history-item__icon{margin-left:var(--spacing-xxs);width:25px;height:25px;display:flex;border-radius:100%;justify-content:center;align-items:center}.kiosk .history-list .history-item__icon svg{color:var(--colors-background-secondary);font-size:var(--font-size-sm)}.kiosk .history-list .history-item__icon--voucher{background:var(--colors-primary-gold)}.kiosk .history-list .history-item__icon--attendance{background:var(--colors-accent-blue)}.kiosk .history-list .history-item__icon--represent{background:var(--colors-secondary-purple)}.kiosk .history-list .history-item__body{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.kiosk .history-list .history-item__header{font-size:var(--font-size-xxs);color:var(--colors-text-disabled)}.kiosk .history-list .history-item__content-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.kiosk .history-list .history-item__content{flex:1;gap:var(--spacing-xs);display:flex;flex-direction:column}.kiosk .history-list .history-item__content-text{font-size:var(--font-size-xxs);color:var(--colors-text-disabled)}.kiosk .history-list .history-item__content-title{font-weight:var(--font-weight-lg);max-width:90%;width:100%;color:var(--colors-text-body);font-size:var(--font-size-md);display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.kiosk .history-list .history-item__content-subtitle{color:var(--colors-text-label);font-size:var(--font-size-xs);font-weight:var(--font-weight-md);display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}.kiosk .history-list .history-item__meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm);margin-right:var(--spacing-xs);font-size:var(--font-size-xs)}.kiosk .history-list .history-item__action-icon{position:absolute;top:.75rem;right:.75rem;cursor:pointer;color:var(--color-text-light);font-size:1rem;transition:color .2s ease,transform .2s ease}.kiosk .history-list .history-item__action-icon:hover{color:var(--color-primary);transform:scale(1.1)}.kiosk__section-voucherTypes h3{margin:0;padding:0;font-size:var(--font-size-md)}.kiosk__section-voucherTypes .item{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin:var(--spacing-lg) 0;justify-content:flex-start}.kiosk__section-voucherTypes .item--badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-md);background-color:var(--colors-state-infoLight);color:var(--colors-state-info);border-radius:var(--radius-xs);border:1px solid var(--colors-background-border);box-shadow:3px 3px 6px #0000001a}.kiosk__section-header{display:flex;align-items:center;justify-content:space-between}.kiosk__section-title{flex:1}.kiosk__section-actions{display:flex;gap:var(--spacing-sm);flex:1;justify-content:flex-end}.kiosk__section-btn{width:auto;font-size:var(--font-size-xs);padding:var(--spacing-sm)}.kiosk .segment__control{display:flex;width:100%;gap:var(--spacing-md)}.kiosk .segment__control--btn{flex:1;text-align:center;padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--colors-background-border);background:var(--colors-background-secondary);border-radius:var(--radius-xs);cursor:pointer;transition:.2s}.kiosk .segment__control--btn:hover{filter:brightness(.95)}.kiosk .segment__control--btn.active{background:var(--colors-primary-gold);color:var(--colors-text-body);border-color:var(--colors-primary-gold)}.detail{display:flex;flex-direction:column;gap:var(--spacing-sm);color:var(--colors-text-body)}.detail hr{border:none;border-top:1px solid var(--colors-background-border);margin:var(--spacing-sm) 0 var(--spacing-md)}.detail__section--box{display:flex}.detail__label{font-size:var(--font-size-xxs);color:var(--colors-text-label)}.detail__guest{display:flex;gap:var(--spacing-md);flex-direction:column}.detail__guest-name{margin:0}.detail__guest-code{color:var(--colors-text-label);font-size:var(--font-size-xs)}.detail__guest-company{margin:0}.detail__card{background:var(--colors-background-surface);border:1px solid var(--colors-background-border);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);box-shadow:0 1px 4px #0000000d;margin-bottom:var(--spacing-lg)}.detail__card h3{margin:0}.detail__card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-lg);color:var(--colors-text-heading)}.detail__card-subtitle{font-size:var(--font-size-xxs);color:var(--colors-text-label)}.detail__card .form__textarea{min-width:unset;max-width:100%;padding:var(--spacing-md)}.detail__card .form__actions{display:flex;gap:var(--spacing-lg)}.detail__list{display:flex;flex-direction:column;gap:var(--spacing-md);list-style:none;padding:0}.detail__list li{display:flex;justify-content:space-between;align-items:flex-end;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--colors-background-border)}.detail__list li:last-child{border-bottom:none}.detail__list .detail__label{font-size:var(--font-size-xs);color:var(--colors-text-label);flex:1;text-align:left}.detail__list .detail__label .btn{max-width:30px}.detail__list .detail__value{font-size:var(--font-size-sm);color:var(--colors-text-body);flex:1;text-align:right;word-break:break-all}.detail__remark-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.detail__remark-header .detail__label{font-size:var(--font-size-md)}.detail__remark .btn--remark{border:none;color:var(--colors-icon-inactive);cursor:pointer}.detail__remark .btn--remark svg{font-size:var(--font-size-md)}.copy-btn{background:none;border:none;color:var(--colors-icon-inactive);cursor:pointer;padding:var(--spacing-xs);transition:color .2s}.copy-btn:hover{color:var(--colors-state-info)}.copied-hint{color:var(--colors-state-success);background-color:var(--colors-state-successLight);font-size:var(--font-size-xs);border-radius:var(--radius-sm);display:flex;align-content:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm)}