.gs-container{min-height:100dvh;width:100%;display:flex;flex-direction:column;padding-top:calc(env(safe-area-inset-top,0px) + 12px);padding-left:clamp(1.5rem,5vw,2rem);padding-right:clamp(1.5rem,5vw,2rem);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px);background-color:var(--color-background);text-align:center;overflow:hidden;box-sizing:border-box}.gs-content{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;max-width:800px;margin:0 auto}.gs-header{flex:0 0 auto;display:flex;flex-direction:column;gap:.3rem;max-width:600px;padding-top:1rem;padding-bottom:.5rem;opacity:0;animation:fadeInDown .5s cubic-bezier(.4,0,.2,1) .15s forwards}.gs-eyebrow{font-family:var(--font-system);font-size:clamp(.7rem,1.8vh,.8rem);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);margin:0}.gs-headline{font-family:var(--font-system-display);font-size:clamp(1.8rem,6vh,3rem);font-weight:700;line-height:1.1;letter-spacing:-.025em;color:var(--color-text-primary);margin:0}.gs-subtext{font-family:var(--font-system);font-size:clamp(.9rem,2.2vh,1.1rem);color:var(--color-text-secondary);line-height:1.5;margin:0}.gs-image-container{flex:1 1 auto;display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem 0;opacity:0;animation:fadeIn .7s cubic-bezier(.4,0,.2,1) .05s forwards}.gs-image{width:100%;height:100%;max-width:440px;-o-object-fit:contain;object-fit:contain}.gs-actions{flex:0 0 auto;display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:420px;padding-top:.5rem;opacity:0;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .35s forwards}.gs-btn-primary{background-color:var(--color-primary);color:#fff;border:none;padding:0;font-family:var(--font-system);font-size:1.05rem;font-weight:600;letter-spacing:-.01em;border-radius:14px;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 14px #0000002e;height:66px;width:100%}.gs-btn-primary:active{transform:scale(.97);box-shadow:0 2px 8px #0000001f}.gs-btn-secondary{background:transparent;color:var(--color-text-primary);border:1.5px solid var(--color-border);font-family:var(--font-system);font-size:1rem;font-weight:500;border-radius:14px;cursor:pointer;transition:all var(--transition-base);height:66px;width:100%}.gs-btn-secondary:active{transform:scale(.97);background-color:var(--color-surface)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-height: 620px){.gs-image-container{padding:0}.gs-headline{font-size:clamp(1.5rem,5vh,2rem)}.gs-btn-primary,.gs-btn-secondary{height:50px}}@media (min-width: 520px){.gs-actions{flex-direction:row;max-width:none;justify-content:center;gap:1rem}.gs-btn-primary,.gs-btn-secondary{min-width:200px;max-width:260px}}.std-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-base);cursor:pointer;border:1px solid transparent;gap:var(--spacing-8);font-family:var(--font-system);line-height:1.2;letter-spacing:-.01em}.std-button:active:not(:disabled){transform:scale(.98)}.std-button:disabled{opacity:.4;cursor:not-allowed}.std-button--primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.std-button--primary:hover:not(:disabled){background-color:#1a1a1a}.std-button--secondary{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.std-button--secondary:hover:not(:disabled){background-color:#e8e8ed}.std-button--outline{background-color:transparent;color:var(--color-accent);border-color:var(--color-accent)}.std-button--outline:hover:not(:disabled){background-color:#007aff14}.std-button--ghost{background-color:transparent;border-color:transparent;color:var(--color-text-secondary)}.std-button--ghost:hover:not(:disabled){background-color:#0000000d;color:var(--color-text-primary)}.std-button--danger{background-color:#ff3b30;color:#fff;border-color:#ff3b30}.std-button--danger:hover:not(:disabled){background-color:#ff2d20}.std-button--sm{padding:8px 16px;font-size:.875rem;height:36px}.std-button--md{padding:12px 20px;font-size:1rem;height:44px}.std-button--lg{padding:15px 28px;font-size:1.0625rem;height:50px}.std-button--full{width:100%}.auth-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;width:100%;padding:calc(40px + env(safe-area-inset-top,0px)) 24px 40px;background-color:var(--color-background);font-family:var(--font-system);box-sizing:border-box}.auth-content{width:100%;max-width:480px;display:flex;flex-direction:column;justify-content:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anim-title{animation:fadeInDown .6s cubic-bezier(.4,0,.2,1) forwards}.anim-delay-1{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .1s forwards;opacity:0}.anim-delay-2{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .2s forwards;opacity:0}.anim-delay-3{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .3s forwards;opacity:0}.anim-delay-4{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) .4s forwards;opacity:0}.anim-delay-5{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) .5s forwards;opacity:0}.anim-delay-6{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) .6s forwards;opacity:0}.auth-title{font-family:var(--font-system-display);font-size:28px;font-weight:700;text-transform:none;letter-spacing:-.02em;text-align:center;margin-bottom:40px;color:var(--color-text-primary)}.input-group{margin-bottom:var(--spacing-16);position:relative}.auth-input{width:100%;height:50px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 16px;font-size:16px;font-family:var(--font-system);color:var(--color-text-primary);outline:none;transition:border-color var(--transition-default),box-shadow var(--transition-default),background-color var(--transition-default)}.auth-input:focus{background-color:var(--color-surface-elevated);border-color:var(--color-accent);box-shadow:0 0 0 3px #007aff1a}.password-wrapper{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;padding:8px;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:background-color var(--transition-default)}.password-toggle:hover{background-color:#0000000d}.forgot-password{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-16)}.forgot-password-btn{background:none;border:none;color:var(--color-accent);font-size:14px;cursor:pointer;padding:4px 8px;font-family:var(--font-system);border-radius:var(--radius-sm);transition:background-color var(--transition-default)}.forgot-password-btn:hover{background-color:#007aff14}.primary-btn{width:100%;height:50px;background-color:#000;color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;letter-spacing:-.01em;text-transform:none;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-16);margin-top:10px;font-family:var(--font-system);transition:background-color var(--transition-default),transform var(--transition-fast)}.primary-btn:disabled{background-color:#000;opacity:.4;cursor:not-allowed}.primary-btn:hover:not(:disabled){background-color:#1a1a1a}.primary-btn:active:not(:disabled){transform:scale(.98)}.secondary-btn{width:100%;height:50px;background-color:var(--color-surface-elevated);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;font-weight:600;letter-spacing:-.01em;text-transform:none;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-16);font-family:var(--font-system);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.secondary-btn:hover{background-color:var(--color-surface);border-color:var(--color-text-secondary);box-shadow:var(--shadow-md)}.secondary-btn:active{transform:scale(.98)}.google-btn-container{margin-top:var(--spacing-8);margin-bottom:var(--spacing-20)}.auth-switch-container{margin-top:var(--spacing-24);padding-top:var(--spacing-16);border-top:1px solid var(--color-border-subtle)}.auth-feedback{text-align:center;margin-top:var(--spacing-16);padding:12px 16px;border-radius:var(--radius-md);font-size:14px;font-family:var(--font-system)}.auth-feedback.error{background-color:#ff3b301a;color:#ff3b30;border:1px solid rgba(255,59,48,.2)}.auth-feedback.success{background-color:#34c7591a;color:#34c759;border:1px solid rgba(52,199,89,.2)}.validation-text{font-size:12px;margin-top:4px;display:block;font-family:var(--font-system)}.validation-text.error{color:#ff3b30}.validation-text.success{color:#34c759}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:var(--color-surface-elevated);padding:24px;border-radius:var(--radius-xl);width:90%;max-width:400px;box-shadow:var(--shadow-lg);animation:scaleUp .3s cubic-bezier(.4,0,.2,1)}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-title{font-size:20px;font-weight:700;margin-bottom:8px;font-family:var(--font-system-display);color:var(--color-text-primary);letter-spacing:-.01em}.modal-desc{color:var(--color-text-secondary);margin-bottom:20px;font-size:14px;font-family:var(--font-system);line-height:1.5}.modal-actions{display:flex;gap:12px;margin-top:20px}.modal-btn{flex:1;height:44px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;font-size:16px;font-family:var(--font-system);transition:background-color var(--transition-default),transform var(--transition-fast)}.modal-btn:active{transform:scale(.98)}.modal-btn-cancel{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.modal-btn-cancel:hover{background:#e8e8ed}.modal-btn-confirm{background:#000;border:1px solid #000;color:#fff}.modal-btn-confirm:hover{background:#1a1a1a}.verify-subtitle{text-align:center;font-size:15px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:32px;font-family:var(--font-system)}.verify-subtitle strong{color:var(--color-text-primary);font-weight:600}.otp-container{display:flex;gap:8px;justify-content:center;margin-bottom:24px;padding:0 4px}.otp-input{width:46px;height:54px;text-align:center;font-size:22px;font-weight:600;font-family:var(--font-system);color:var(--color-text-primary);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);outline:none;caret-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.otp-input:focus{border-color:#000;background:var(--color-surface-elevated);box-shadow:0 0 0 3px #0000000f}.otp-input.filled{border-color:#000;background:var(--color-surface-elevated)}.otp-input.shake{animation:otpShake .35s ease-in-out}@keyframes otpShake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.otp-input:disabled{opacity:.4;cursor:not-allowed}.verify-feedback{text-align:center;font-size:14px;font-family:var(--font-system);margin-bottom:8px;padding:0 16px;line-height:1.5}.verify-feedback.error{color:#ff3b30}.verify-feedback.success{color:#34c759}.verify-resend{text-align:center;margin-top:16px}.resend-timer{font-size:14px;color:var(--color-text-secondary);font-family:var(--font-system);margin:0}.resend-countdown{font-weight:600;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.resend-btn{background:none;border:none;color:var(--color-accent);font-size:15px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font-system);transition:background-color var(--transition-default)}.resend-btn:hover{background-color:#007aff14}.resend-btn:disabled{opacity:.5;cursor:not-allowed}.client-header{min-height:56px;height:auto;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0) + 8px) 16px 16px;background-color:#fff;border-bottom:1px solid #f2f2f7;position:sticky;top:0;z-index:100;flex:0 0 auto}.client-header-side,.client-header-center{display:flex;align-items:center}.client-header-side{flex:0 0 44px;display:flex;align-items:center}.client-header-side.left{justify-content:flex-start}.client-header-side.right{justify-content:flex-end}.client-header-center{flex:1;display:flex;justify-content:center;align-items:center;gap:12px}.client-header-title{font-size:18px;font-weight:600;color:#000;margin:0;letter-spacing:-.015em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-header-back-btn{width:38px;height:38px;border-radius:50%;background-color:#f2f2f7;border:none;display:flex;align-items:center;justify-content:center;color:#000;cursor:pointer;transition:all .2s cubic-bezier(.1,0,0,1);padding:0}.client-header-back-btn:active{background-color:#e5e5ea;transform:scale(.92)}.client-header-icon-wrapper{position:relative;display:flex;align-items:center}.client-header-icon{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.client-header-badge{position:absolute;top:-6px;right:-6px;background-color:#000;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:10px;padding:0 4px;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}@media (max-width: 600px){.client-header{min-height:52px;height:auto;padding:env(safe-area-inset-top,0) 12px 12px}.client-header-title{font-size:18px}}:root{--id-card-width: 330px;--id-card-min-height: 480px;--id-card-bg: #ffffff;--id-accent-black: #000000}.profile-container{min-height:100dvh;background:var(--color-background);color:var(--color-text-primary);display:flex;flex-direction:column}.profile-header{display:flex;align-items:center;padding:clamp(1rem,4vw,1.5rem);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.profile-header__left{flex:0 0 40px;display:flex;justify-content:flex-start}.profile-header__title{flex:1;text-align:center;margin:0;font-family:var(--brand-font-serif);font-size:1.25rem;letter-spacing:.05em;font-weight:600}.profile-header__spacer{flex:0 0 40px}.profile-main{flex:1;padding:clamp(2rem,8vw,4rem) 1.5rem;display:flex;flex-direction:column;align-items:center;gap:2.5rem;width:100%;max-width:800px;margin:0 auto}.id-card-preview-wrapper{width:100%;display:flex;justify-content:center;overflow:visible}.id-card{width:350px;background:#fff;border-radius:16px;border:2px solid #ddd;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:25px 20px;margin-bottom:30px;position:relative;box-shadow:0 4px 6px #00000026;flex-shrink:0}.id-card__left-bar{position:absolute;left:0;top:0;bottom:0;width:12px;background-color:var(--id-accent-black)}.id-card__right-bar{position:absolute;right:0;top:0;bottom:0;width:12px;background-color:var(--id-accent-black)}.id-card__logo-container{margin-top:0;margin-bottom:5px;display:flex;align-items:center;justify-content:center}.id-card__logo-img{width:90px;height:60px;-o-object-fit:contain;object-fit:contain}.id-card__location-text{font-size:13px;color:#888;margin:5px 0 0;font-style:italic;text-align:center}.id-card__phone-text{font-size:13px;color:#888;margin:2px 0 20px;font-style:italic;text-align:center}.id-card__photo-container{margin-bottom:15px}.id-card__photo{width:180px;height:180px;border-radius:12px;border:3px solid var(--id-accent-black);-o-object-fit:cover;object-fit:cover}.id-card__photo-placeholder{width:180px;height:180px;border-radius:12px;border:3px solid var(--id-accent-black);display:flex;justify-content:center;align-items:center;background:#f5f5f5}.id-card__name-text{font-size:22px;font-weight:700;color:var(--id-accent-black);margin:12px 0 8px;text-transform:uppercase;letter-spacing:.5px}.id-card__info-rows{width:85%;display:flex;flex-direction:column;gap:0;margin-bottom:0}.id-card__row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin:6px 0;border-radius:8px}.id-card__label{font-size:14px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.3px}.id-card__value{font-size:14px;font-weight:600;color:#222}.profile-actions{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;margin:0 auto}.profile-btn{width:100%;padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;border:1px solid transparent}.profile-btn--download{background:var(--color-text-primary);color:#fff}.profile-btn--download:hover{opacity:.9;transform:translateY(-2px)}.profile-btn--signout{background:transparent;color:var(--color-text-primary);border-color:var(--color-text-primary);margin-top:1rem}.profile-btn--signout:hover{background:var(--color-text-primary);color:#fff}.profile-info-text{font-size:.85rem;color:var(--color-text-secondary);text-align:center;line-height:1.5;margin-top:.5rem}@media (max-width: 480px){.id-card-preview-wrapper{padding:1rem 0}.id-card{transform:scale(.9);transform-origin:center;margin:-1.5rem 0}.profile-main{padding:2rem 1.25rem;gap:1.5rem}}@media (max-width: 360px){.id-card{transform:scale(.8);margin:-3rem 0}}.std-container{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;background-color:var(--color-background);overflow:hidden;width:100%;position:fixed;top:0;left:0;right:0;bottom:0;overscroll-behavior-x:none}.std-container-relative{position:relative;height:auto;min-height:100%;max-height:none;overflow:visible}.std-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-24);width:100%;box-sizing:border-box;background-color:var(--color-background);-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto}@media (max-width: 600px){.std-body{padding:var(--spacing-16)}}@media (max-width: 400px){.std-body{padding:var(--spacing-12)}}:root{--ios-bg: var(--color-background);--ios-surface: var(--color-surface-elevated);--ios-accent: var(--color-text-primary);--ios-text: var(--color-text-primary);--ios-text-secondary: var(--color-text-secondary);--ios-border: var(--color-border-subtle);--ios-error: var(--color-badge);--ios-success: #34C759;--ios-shadow: var(--shadow-sm);--ios-radius: var(--radius-lg)}.ios-grouped-list{background-color:var(--ios-surface);border-radius:var(--ios-radius);overflow:hidden;box-shadow:var(--ios-shadow);margin-bottom:24px;list-style:none;padding:0}.ios-list-item{padding:12px 20px;border-bottom:.5px solid var(--ios-border);display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ios-list-item:active{background-color:var(--color-surface-hover)}.ios-input-group{padding:16px 20px;border-bottom:.5px solid var(--ios-border)}.ios-input-group:last-child{border-bottom:none}.ios-label{display:block;font-size:13px;text-transform:uppercase;color:var(--ios-text-secondary);margin-bottom:8px;font-weight:500;letter-spacing:.5px}.ios-input{width:100%;padding:0;border:none;font-size:17px;background:transparent;outline:none;color:var(--ios-text)}.canteen-search-wrapper{display:flex;align-items:center;background-color:var(--color-background);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:8px 16px;margin-bottom:24px;transition:all .2s ease;width:100%;max-width:800px;margin-left:auto;margin-right:auto}.canteen-search-wrapper:focus-within{border-color:#000;box-shadow:0 0 0 2px #0000001a;background-color:#fff}.canteen-search-icon{color:var(--color-text-secondary);margin-right:12px}.canteen-search-input{border:none;background:transparent;font-size:15px;color:var(--color-text-primary);width:100%;outline:none;box-shadow:none}.canteen-search-input:focus{outline:none!important;box-shadow:none!important;border:none!important}.canteen-search-input::-moz-placeholder{color:var(--color-text-secondary)}.canteen-search-input::placeholder{color:var(--color-text-secondary)}.sticky-header-group{position:sticky;top:0;z-index:1000;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid rgba(0,0,0,.1)}.sticky-header-group .client-header{background:transparent;border-bottom:none}.menu-balance-container{padding:8px 16px 16px;display:flex;justify-content:space-between;align-items:center}.balance-label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:500;color:#666;font-size:14px}.balance-value{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700;color:#000;font-size:20px;letter-spacing:-.5px}.menu-scroll-container{padding:16px 0}.menu-separator{margin:30px auto;width:90%;height:1px;background:linear-gradient(to right,transparent,rgba(0,0,0,.1),transparent);position:relative}.menu-separator:after{content:"✻";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:0 15px;color:#0003;font-size:14px}.menu-category-section{margin-bottom:20px;padding-left:0;padding-right:0;width:100%}.todays-special-title{text-align:center;margin-bottom:24px;width:100%;font-size:24px;font-weight:800;color:var(--color-text-primary)}.category-title{font-family:var(--font-body);font-size:18px;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:1.2px;text-align:center;color:var(--color-text-primary);position:relative;padding-bottom:8px}.category-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#000,#333);border-radius:2px}.food-carousel-container{position:relative;width:100%;overflow:hidden;padding:15px 0;max-width:100%;margin:0 auto}.food-carousel{display:flex;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:0 calc(50% - 150px);scroll-snap-type:x mandatory;scrollbar-width:none;max-width:100%;margin:0 auto;gap:20px}.food-carousel::-webkit-scrollbar{display:none}.food-card{flex:0 0 300px;background:var(--color-surface-elevated);border-radius:var(--radius-xl);padding:20px;border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);scroll-snap-align:center;transition:all .3s ease;opacity:.7;transform:scale(.92);position:relative}.food-card.active{opacity:1;transform:scale(1);box-shadow:0 12px 30px #00000026;position:relative;z-index:5;border:1px solid rgba(0,0,0,.1)}.food-card--special{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 15px #00000014;border-radius:16px}.food-card-image{width:100%;height:160px;border-radius:12px;overflow:hidden;margin-bottom:15px;background:linear-gradient(135deg,#f1f3f5,#e9ecef);position:relative;box-shadow:inset 0 2px 4px #0000000d}.food-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-content{display:flex;flex-direction:column;flex-grow:1}.card-food-name{font-family:var(--font-body);font-size:18px;font-weight:700;margin:0 0 5px;color:var(--color-text-primary)}.card-food-desc{font-family:var(--font-body);font-size:14px;color:var(--color-text-secondary);margin:0 0 12px;flex-grow:1}.card-footer{display:flex;justify-content:space-between;align-items:center}.card-price{font-weight:700;font-size:16px;color:#000}.card-add-btn{background-color:var(--color-text-primary);color:var(--color-background);border:none;border-radius:var(--radius-md);padding:8px 15px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.card-add-btn:hover{background-color:#333;transform:translateY(-1px)}.empty-state{text-align:center;padding:30px;color:#999}@media (max-width: 768px){.food-card{width:65vw;flex-basis:65vw;max-width:300px}.food-carousel{padding:0 calc(50% - 32.5vw);justify-content:flex-start}}@keyframes checkoutSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.checkout-footer{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:12px 20px 20px;background:#101012f7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -8px 32px #00000047;cursor:pointer;animation:checkoutSlideUp .35s cubic-bezier(.34,1.56,.64,1) forwards;padding-bottom:max(20px,env(safe-area-inset-bottom))}@keyframes checkoutSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.checkout-footer__left{display:flex;align-items:center;gap:10px}.checkout-footer__bag-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border-radius:50%;color:#fff;flex-shrink:0}.checkout-footer__count{font-family:var(--font-body);font-size:14px;font-weight:600;color:#ffffffbf;letter-spacing:.1px}.checkout-footer__right{display:flex;align-items:center;gap:14px}.checkout-footer__price{font-family:var(--font-body);font-size:15px;font-weight:700;color:#fff;letter-spacing:-.3px}.checkout-btn{display:flex;align-items:center;gap:4px;background:#fff;color:#111;border:none;border-radius:24px;padding:10px 20px;font-family:var(--font-body);font-size:14px;font-weight:700;letter-spacing:.1px;cursor:pointer;transition:background .18s ease,transform .15s ease;white-space:nowrap;line-height:1}.checkout-btn:active{transform:scale(.96);background:#e8e8e8}.checkout-btn__arrow{font-size:20px;line-height:1;font-weight:400;margin-top:-1px}.card-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.card-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px;letter-spacing:.3px;text-transform:uppercase}.badge-hostel{background:#f3e8ff;color:#7c3aed;border:1px solid #ddd6fe}.badge-staff{background:#ecfdf5;color:#059669;border:1px solid #d1fae5}.card-price-group{display:flex;flex-direction:column;gap:2px}.card-price-original{font-size:12px;color:#999;text-decoration:line-through;font-weight:500}.card-price-discounted{color:#059669!important}.canteen-search-container{padding:0 16px 16px;background:transparent}.canteen-search-wrapper{display:flex;align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:10px 16px;box-shadow:var(--shadow-sm);transition:all .2s ease}.canteen-search-wrapper:focus-within{border-color:var(--color-text-primary);box-shadow:var(--shadow-md)}.canteen-search-icon{color:var(--color-text-tertiary);margin-right:12px}.canteen-search-input{flex:1;border:none;background:transparent;font-family:var(--font-body);font-size:15px;color:var(--color-text-primary);outline:none}.canteen-search-input::-moz-placeholder{color:var(--color-text-tertiary)}.canteen-search-input::placeholder{color:var(--color-text-tertiary)}.canteen-search-clear{background:transparent;border:none;color:var(--color-text-tertiary);font-size:14px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.canteen-search-clear:hover{background-color:var(--color-surface-hover);color:var(--color-text-secondary)}.canteen-cart-page{height:100dvh;overflow-y:auto;background-color:var(--color-background);padding-bottom:40px;box-sizing:border-box}.cart-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border-subtle)}.cart-balance-container{margin:20px 24px;padding:15px 20px;background-color:var(--color-surface-elevated);border-radius:var(--radius-lg);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-subtle)}.cart-content{padding:0 24px;max-width:600px;margin:0 auto}.empty-cart-state{text-align:center;padding:60px 24px;color:#999;font-size:18px;display:flex;flex-direction:column;align-items:center}.empty-cart-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px;margin-top:24px}.cart-item-card{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:18px;margin-bottom:16px;box-shadow:var(--shadow-sm);position:relative;transition:transform .2s ease,box-shadow .2s ease}.cart-item-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.cart-remove-btn{position:absolute;top:12px;right:12px;background:#fdf2f2;color:#e02424;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2}.cart-remove-btn:hover{background:#fbd5d5;transform:rotate(90deg)}.cart-item-main{display:flex;flex-direction:column;gap:16px}.cart-item-details{padding-right:40px}.cart-item-name{font-family:var(--font-body);font-size:17px;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.cart-item-unit-price{font-size:13px;color:var(--color-text-secondary);font-weight:500}.cart-item-controls{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--color-border-subtle)}.quantity-stepper{display:flex;align-items:center;background:#f3f4f6;border-radius:20px;padding:4px;gap:8px}.stepper-btn{width:28px;height:28px;border-radius:50%;background:#fff;color:#374151;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.stepper-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.stepper-val{font-weight:700;font-size:15px;min-width:26px;text-align:center;color:#111827}.cart-item-total{font-weight:800;font-size:16px;color:var(--color-text-primary)}.cart-summary-section{margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:20px;font-weight:700}.note-section{margin-bottom:20px}.note-section label{display:block;font-weight:600;margin-bottom:8px}.note-input{width:100%;padding:12px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-family:inherit;font-size:16px;background-color:var(--color-surface);min-height:80px;resize:vertical}.char-count{font-size:12px;color:#666;text-align:right;margin-top:5px}.order-message{padding:10px;border-radius:8px;text-align:center;margin-bottom:20px;font-weight:500}.order-message.success{background-color:#d4edda;color:#155724}.order-message.error{background-color:#f8d7da;color:#721c24}.cart-actions{display:flex;flex-direction:column;gap:12px}.primary-btn{width:100%;padding:16px;background-color:var(--color-text-primary);color:var(--color-background);border:none;border-radius:var(--radius-md);font-size:18px;font-weight:700;cursor:pointer}.primary-btn.disabled{background-color:#ccc;cursor:not-allowed}.secondary-btn{width:100%;padding:16px;background-color:#f0f0f0;color:#000;border:1px solid #ddd;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer}.coh-body{flex:1;overflow-y:auto;padding:var(--spacing-20);max-width:1000px;margin:0 auto;width:100%}.coh-filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-24);flex-wrap:wrap;gap:var(--spacing-16)}.coh-filter-title{font-family:var(--font-system-display);font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0}.coh-segments{display:flex;background-color:var(--color-surface);padding:2px;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.coh-segment-btn{padding:6px 16px;font-size:.8125rem;font-weight:600;border-radius:calc(var(--radius-md) - 2px);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-system)}.coh-segment-btn.active{background-color:var(--color-surface-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.coh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-16)}.coh-card-container{display:flex;flex-direction:column}.coh-card{background-color:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);padding:var(--spacing-16);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.coh-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.coh-card.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:var(--color-accent);background-color:var(--color-surface)}.coh-card-header{display:flex;justify-content:space-between;align-items:center}.coh-order-id{font-family:var(--font-system-display);font-size:.9375rem;font-weight:700;color:var(--color-text-primary);margin:0 0 2px}.coh-order-date{font-size:.75rem;color:var(--color-text-secondary);margin:0}.coh-item-count{font-size:.75rem;color:var(--color-text-tertiary);margin:4px 0 0}.coh-status-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;display:flex;align-items:center;gap:6px}.coh-status-badge.pending{background-color:#ff99001a;color:#ff9f0a}.coh-status-badge.completed{background-color:#34c7591a;color:#34c759}.coh-status-badge.cancelled{background-color:#ff3b301a;color:#ff3b30}.coh-total-group{text-align:right}.coh-total-label{font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:2px}.coh-total-value{font-family:var(--font-system-display);font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0}.coh-expanded-view{background-color:var(--color-surface-elevated);border:1px solid var(--color-accent);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--spacing-20);box-shadow:var(--shadow-md);margin-top:-1px}.coh-details-section{padding-bottom:var(--spacing-16);margin-bottom:var(--spacing-16);border-bottom:1px solid var(--color-border-subtle)}.coh-details-section h3{font-family:var(--font-system-display);font-size:.875rem;font-weight:700;margin:0 0 var(--spacing-12) 0;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.coh-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-12)}.coh-detail-item label{display:block;font-size:.625rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:2px}.coh-detail-item span{font-size:.875rem;color:var(--color-text-primary);font-weight:500;display:flex;align-items:center}.coh-item-table{width:100%;border-collapse:collapse}.coh-item-table th{font-size:.625rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;text-align:left;padding-bottom:var(--spacing-8);border-bottom:1px solid var(--color-border-subtle)}.coh-item-table td{padding:var(--spacing-12) 0;font-size:.8125rem;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle)}.coh-item-table tr:last-child td{border-bottom:none}.coh-note-box{padding:var(--spacing-12);background-color:#ffcc0014;border-left:3px solid #FFCC00;border-radius:var(--radius-sm);margin-bottom:var(--spacing-16)}.coh-note-box label{font-size:.625rem;font-weight:700;color:#8e6d00;text-transform:uppercase;display:block;margin-bottom:4px}.coh-note-box p{font-size:.8125rem;color:var(--color-text-primary);margin:0}.coh-grand-total{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-12) var(--spacing-16);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.coh-grand-total label{font-family:var(--font-system-display);font-size:.9375rem;font-weight:700;color:var(--color-text-primary)}.coh-grand-total span{font-family:var(--font-system-display);font-size:1.25rem;font-weight:700;color:var(--color-accent)}@media (max-width: 600px){.coh-body{padding:var(--spacing-12)}.coh-grid{grid-template-columns:1fr}.coh-filter-bar{flex-direction:column;align-items:flex-start}.coh-segments{width:100%}.coh-segment-btn{flex:1;text-align:center}}.canteen-landing{height:100dvh;overflow-y:auto;background-color:var(--color-background-light);padding-top:20px;box-sizing:border-box}.canteen-header{padding:0 24px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.header-title{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--color-text-light);margin:0}.canteen-content{display:flex;flex-direction:column;align-items:center;padding:0 24px;margin-top:20px;max-width:600px;margin-left:auto;margin-right:auto}.canteen-buttons-wrapper{width:100%;display:flex;flex-direction:column;gap:28px;align-items:center}.canteen-main-button{width:100%;background-color:#f4f4f4;border-radius:16px;padding:28px 0;border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.canteen-main-button:hover{background-color:#eee}.button-icon-wrapper{margin-bottom:10px;display:flex;align-items:center;justify-content:center}.button-text{font-family:var(--font-body);font-size:18px;color:var(--color-text-light)}.cart-icon-wrapper{position:relative;cursor:pointer}.cart-badge{position:absolute;top:-6px;right:-6px;background:#000;color:#fff;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:1.5px solid #fff;box-shadow:0 2px 4px #0000001a;padding:0 4px}.std-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-20) var(--spacing-24);background-color:var(--color-background);border-bottom:1px solid var(--color-border-subtle);z-index:10;position:relative;min-height:64px}.std-header-left,.std-header-right{flex:0 0 auto;min-width:60px;display:flex;align-items:center}.std-header-left{justify-content:flex-start;gap:var(--spacing-12)}.std-header-right{justify-content:flex-end}.std-header-title{font-family:var(--font-system-display);font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0;text-align:center;flex:1;letter-spacing:-.01em}.std-header-hamburger-btn{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-base);padding:0}.std-header-hamburger-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--color-border);background-color:var(--color-surface)}.std-header-hamburger-btn:active{transform:scale(.95);box-shadow:var(--shadow-sm)}.std-header-back-btn{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-base);padding:0}.std-header-back-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--color-border);background-color:var(--color-surface)}.std-header-back-btn:active{transform:scale(.95);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.std-header{padding:var(--spacing-20) var(--spacing-16);min-height:72px}.std-header-title{font-size:1.0625rem}.std-header-left,.std-header-right{min-width:48px}.std-header-back-btn,.std-header-hamburger-btn{width:36px;height:36px}}.std-header-badge{position:absolute;top:-4px;right:-4px;background-color:#ff3b30;color:#fff;font-size:10px;font-weight:600;height:18px;min-width:18px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);padding:0 5px;border:2px solid white;box-shadow:var(--shadow-sm);z-index:1;font-family:var(--font-system)}.mm-grid-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--spacing-32);align-items:start}.mm-form-section{background-color:var(--color-surface-elevated);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);padding:var(--spacing-24);box-shadow:var(--shadow-sm);position:sticky;top:var(--spacing-20)}.mm-section-title{font-family:var(--font-system-display);font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-24);color:var(--color-text-primary);letter-spacing:-.02em}.mm-form{display:flex;flex-direction:column;gap:var(--spacing-20)}.mm-input-group{display:flex;flex-direction:column;gap:var(--spacing-8)}.mm-label{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.mm-input,.mm-select,.mm-textarea{font-family:var(--font-system);font-size:.9375rem;padding:var(--spacing-12);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background-color:var(--color-surface);transition:all var(--transition-base)}.mm-input:focus,.mm-select:focus,.mm-textarea:focus{outline:none;border-color:var(--color-accent);background-color:var(--color-surface-elevated);box-shadow:0 0 0 3px #007aff1a}.mm-textarea{min-height:100px}.mm-file-input-wrapper{position:relative;border:2px dashed var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-20);text-align:center;transition:all var(--transition-base);background:var(--color-surface)}.mm-file-input-wrapper:hover{border-color:var(--color-accent);background:#007aff05}.mm-preview-container{margin-top:var(--spacing-12);position:relative;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.mm-preview-img{width:100%;height:160px;-o-object-fit:cover;object-fit:cover}.mm-remove-preview{position:absolute;top:8px;right:8px;background:#00000080;color:#fff;border:none;border-radius:var(--radius-full);width:28px;height:28px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:18px}.mm-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-24);padding:var(--spacing-16) var(--spacing-24);background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm)}.mm-toolbar-left h2{font-family:var(--font-system-display);font-size:1.125rem;font-weight:700;margin:0;color:var(--color-text-primary)}.mm-toolbar-left p{font-size:.8125rem;color:var(--color-text-secondary);margin:var(--spacing-4) 0 0 0;line-height:1.4}.mm-toolbar-actions{display:flex;gap:var(--spacing-12);align-items:center}.mm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-24)}.mm-card{background-color:var(--color-surface-elevated);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-base);position:relative}.mm-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border)}.mm-card.isSelected{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}.mm-card-image-wrapper{height:180px;position:relative;background:var(--color-surface)}.mm-card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mm-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:.8125rem}.mm-category-tag{position:absolute;top:12px;right:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 10px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;box-shadow:var(--shadow-sm)}.mm-card-content{padding:var(--spacing-16);flex-grow:1;display:flex;flex-direction:column}.mm-card-title{font-family:var(--font-system-display);font-size:1.0625rem;font-weight:700;margin:0 0 var(--spacing-4) 0;color:var(--color-text-primary);letter-spacing:-.01em}.mm-card-desc{font-size:.875rem;color:var(--color-text-secondary);line-height:1.4;margin-bottom:var(--spacing-12);display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mm-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.mm-card-price{font-size:1.125rem;font-weight:700;color:var(--color-text-primary)}.mm-card-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:.625rem;font-weight:700;text-transform:uppercase;background:#007aff1a;color:var(--color-accent)}.mm-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;padding:var(--spacing-24);gap:var(--spacing-12);justify-content:center;opacity:0;transition:all var(--transition-base);z-index:5}.mm-card:hover .mm-card-overlay{opacity:1}.mm-select-indicator{position:absolute;top:12px;left:12px;width:24px;height:24px;border-radius:var(--radius-full);border:2px solid white;background:#007aff33;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-base);z-index:6}.mm-card.isSelected .mm-select-indicator{background:var(--color-accent);border-color:var(--color-accent)}.mm-indicator-icon{width:16px;height:16px;opacity:0;transform:scale(.5);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.mm-card.isSelected .mm-indicator-icon{opacity:1;transform:scale(1)}@media (max-width: 1024px){.mm-grid-layout{grid-template-columns:1fr;gap:var(--spacing-24)}.mm-form-section{position:static;order:2}}@media (max-width: 768px){.mm-toolbar{flex-direction:column;align-items:stretch;gap:var(--spacing-16);text-align:center}.mm-toolbar-actions{flex-direction:column}.mm-toolbar-actions button{width:100%}.mm-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-16)}}@media (max-width: 600px){.std-body.mm-grid-layout{padding:var(--spacing-16)}.mm-section-title{font-size:1.125rem;margin-bottom:var(--spacing-16)}.mm-form-section{padding:var(--spacing-16)}.mm-grid{grid-template-columns:1fr}.mm-card-overlay{opacity:1;background:#fffffff2;position:relative;padding:var(--spacing-12);border-top:1px solid var(--color-border-subtle);transform:none}.mm-card:hover .mm-card-overlay{transform:none}.mm-card-image-wrapper{height:160px}}@media (max-width: 400px){.mm-toolbar{padding:var(--spacing-12)}.mm-card-price{font-size:1rem}.mm-card-title{font-size:.9375rem}}.mm-message{padding:var(--spacing-12);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;margin-top:var(--spacing-16);text-align:center}.mm-message.success{background-color:#34c7591a;color:#34c759}.mm-message.error{background-color:#ff3b301a;color:#ff3b30}.od-body{flex:1;overflow-y:auto;padding:var(--spacing-24);max-width:1200px;margin:0 auto;width:100%}.od-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-24);flex-wrap:wrap;gap:var(--spacing-20);padding:var(--spacing-16) var(--spacing-24);background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm)}.od-section-title{font-family:var(--font-system-display);font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0}.od-filters{display:flex;align-items:center;gap:var(--spacing-16);flex-wrap:wrap}.od-search-wrapper{position:relative;width:240px}.od-search-input{width:100%;padding:8px 12px 8px 36px;background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-primary);transition:all var(--transition-base)}.od-search-input:focus{outline:none;border-color:var(--color-accent);background-color:var(--color-surface-elevated);box-shadow:0 0 0 3px #007aff1a}.od-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary)}.od-segments{display:flex;background-color:var(--color-surface);padding:2px;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.od-segment-btn{padding:6px 16px;font-size:.8125rem;font-weight:600;border-radius:calc(var(--radius-md) - 2px);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.od-segment-btn.active{background-color:var(--color-surface-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.od-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-20)}.od-card{background-color:var(--color-surface-elevated);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);padding:var(--spacing-20);display:flex;flex-direction:column;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.od-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-border)}.od-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--spacing-16);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--spacing-16)}.od-user-info h3{font-family:var(--font-system-display);font-size:1.0625rem;font-weight:700;margin:0 0 2px;color:var(--color-text-primary)}.od-user-email{font-size:.75rem;color:var(--color-text-secondary);margin:0}.od-order-meta{margin-top:8px}.od-order-id{font-family:var(--font-system);font-size:.6875rem;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.od-order-date{font-size:.75rem;color:var(--color-text-secondary);margin:2px 0 0;display:flex;align-items:center}.od-status-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.od-status-badge.completed{background-color:#34c7591a;color:#34c759}.od-status-badge.cancelled{background-color:#ff3b301a;color:#ff3b30}.od-items-section{flex-grow:1}.od-section-label{font-size:.625rem;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-12);display:block}.od-items-list{display:flex;flex-direction:column;gap:var(--spacing-8)}.od-item-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:var(--color-surface);border-radius:var(--radius-md)}.od-item-name{font-size:.8125rem;font-weight:600;color:var(--color-text-primary);margin:0}.od-item-qty{font-size:.75rem;color:var(--color-text-secondary);margin:2px 0 0}.od-item-price-group{text-align:right}.od-item-total{font-size:.8125rem;font-weight:700;color:var(--color-text-primary);margin:0}.od-item-unit{font-size:.6875rem;color:var(--color-text-tertiary);margin:0}.od-summary-box{margin-top:var(--spacing-20);padding:var(--spacing-12) var(--spacing-16);background-color:var(--color-background);border-radius:var(--radius-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12)}.od-summary-item label{display:block;font-size:.625rem;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;margin-bottom:2px}.od-summary-total{font-family:var(--font-system-display);font-size:1.125rem;font-weight:700;color:var(--color-accent)}.od-summary-text{font-size:.8125rem;color:var(--color-text-primary);font-weight:500;display:flex;align-items:center;justify-content:flex-end}.od-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-16);margin-top:var(--spacing-32);padding:var(--spacing-24)}.od-page-info{font-size:.8125rem;color:var(--color-text-secondary);font-weight:500}@media (max-width: 768px){.od-body{padding:var(--spacing-12)}.od-toolbar{flex-direction:column;align-items:flex-start}.od-search-wrapper,.od-segments{width:100%}.od-segment-btn{flex:1;text-align:center}.od-grid{grid-template-columns:1fr}}.sd-body{flex:1;padding:var(--spacing-24);max-width:1200px;margin:0 auto;width:100%}.sd-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-20);margin-bottom:var(--spacing-32)}.sd-stat-card{padding:var(--spacing-24);border-radius:var(--radius-xl);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;min-height:120px;transition:all var(--transition-base);border:1px solid var(--color-border-subtle)}.sd-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.sd-stat-card.green{background:linear-gradient(135deg,#34c7591a,#34c7590d);border-color:#34c75933}.sd-stat-card.blue{background:linear-gradient(135deg,#007aff1a,#007aff0d);border-color:#007aff33}.sd-stat-card.orange{background:linear-gradient(135deg,#ff9f0a1a,#ff9f0a0d);border-color:#ff9f0a33}.sd-stat-label{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.sd-stat-value{font-family:var(--font-system-display);font-size:2.25rem;font-weight:800;color:var(--color-text-primary);margin:var(--spacing-8) 0 0 0}.sd-stat-icon-bg{position:absolute;right:12px;bottom:12px;opacity:.12;color:var(--color-text-primary);pointer-events:none}.sd-filter-section{display:flex;align-items:center;gap:var(--spacing-16);background-color:var(--color-surface-elevated);padding:var(--spacing-16) var(--spacing-24);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);margin-bottom:var(--spacing-32);flex-wrap:wrap;box-shadow:var(--shadow-sm)}.sd-filter-label{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.sd-date-input{padding:8px 12px;background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-family:var(--font-system);font-size:.875rem;color:var(--color-text-primary);transition:all var(--transition-base)}.sd-date-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #007aff1a}.sd-header-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-20);flex-wrap:wrap;gap:var(--spacing-16)}.sd-search-wrapper{position:relative;width:280px}.sd-search-input{width:100%;padding:8px 12px 8px 36px;background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-primary)}.sd-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary)}.sd-card{background-color:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);margin-bottom:var(--spacing-16);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.sd-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-md)}.sd-card.active{border-color:var(--color-accent);box-shadow:0 8px 24px #007aff1f}.sd-card-summary{padding:var(--spacing-16) var(--spacing-20);display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-20);align-items:center;cursor:pointer}.sd-customer-name{font-family:var(--font-system-display);font-size:1.0625rem;font-weight:700;color:var(--color-text-primary);margin:0 0 4px}.sd-meta-text{font-size:.75rem;color:var(--color-text-secondary);margin:0}.sd-location-badge{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);display:flex;align-items:center;gap:4px}.sd-amount-text{font-family:var(--font-system-display);font-size:1.25rem;font-weight:700;color:var(--color-accent);text-align:right;margin:0}.sd-details{padding:var(--spacing-24);background-color:var(--color-surface);border-top:1px solid var(--color-border-subtle);animation:slideDown .3s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sd-bill-header{margin-bottom:var(--spacing-24);padding-bottom:var(--spacing-16);border-bottom:1px solid var(--color-border-subtle)}.sd-bill-title{font-family:var(--font-system-display);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);margin-bottom:var(--spacing-16)}.sd-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-16)}.sd-info-item label{display:block;font-size:.625rem;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;margin-bottom:2px}.sd-info-item span{font-size:.875rem;color:var(--color-text-primary);font-weight:500}.sd-items-list-header{font-size:.75rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:var(--spacing-12);display:block}.sd-table{width:100%;border-collapse:collapse}.sd-table th{font-size:.625rem;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;text-align:left;padding-bottom:8px;border-bottom:1px solid var(--color-border-subtle)}.sd-table td{padding:12px 0;font-size:.8125rem;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle)}.sd-table tr:last-child td{border-bottom:none}.sd-bill-total{margin-top:var(--spacing-24);padding:var(--spacing-16) var(--spacing-20);background-color:var(--color-background);border-radius:var(--radius-lg);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--color-border-subtle)}.sd-total-label{font-family:var(--font-system-display);font-size:.9375rem;font-weight:700;color:var(--color-text-primary)}.sd-total-amount{font-family:var(--font-system-display);font-size:1.5rem;font-weight:800;color:var(--color-accent)}@media (max-width: 768px){.sd-body{padding:var(--spacing-12)}.sd-filter-section{flex-direction:column;align-items:stretch}.sd-card-summary{grid-template-columns:1fr;gap:var(--spacing-12)}.sd-amount-text{text-align:left}.sd-search-wrapper{width:100%}}.no-container{display:flex;flex-direction:column;background-color:#fff;font-family:var(--font-body);color:var(--color-text-light)}.no-body{flex:1;overflow-y:auto;padding:1.5rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.no-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;height:100%}.no-column{display:flex;flex-direction:column;gap:1.5rem;height:100%}.no-column-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-default);box-shadow:none}.no-column-header.new,.no-column-header.preparing{border-bottom:1px solid var(--color-border)}.no-column-title{margin:0;font-family:var(--brand-font-serif);font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.75rem;color:#000}.no-count-badge{background-color:#000;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:700}.no-column-header.new .no-column-title{color:#000}.no-column-header.new .no-count-badge{background-color:#000;color:#fff}.no-column-header.preparing .no-column-title{color:#000}.no-column-header.preparing .no-count-badge{background-color:#000;color:#fff}.no-orders-list{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem}.no-empty-state{text-align:center;padding:3rem;color:#666;background-color:#f9f9f9;border-radius:var(--radius-default);border:1px solid var(--color-border);font-style:italic}.no-card{background-color:#fff;border-radius:var(--radius-default);box-shadow:0 2px 4px #0000000d;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;border:1px solid var(--color-border);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.no-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#000}.no-card.new-order{border-left:4px solid #000000}.no-card.preparing-order{border-left:4px solid #666666}.no-card-header{padding:1rem;border-bottom:1px solid #eeeeee;display:flex;justify-content:space-between;align-items:flex-start}.no-user-info{display:flex;flex-direction:column}.no-mrr-id{font-size:1.1rem;font-weight:700;color:#000;font-family:monospace;letter-spacing:.5px}.no-time{font-size:.85rem;color:#666;margin-top:.25rem}.no-card-body{padding:1rem}.no-items-list{display:flex;flex-direction:column;gap:.5rem}.no-item{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.no-item-name{color:#000}.no-item-qty{font-weight:600;margin-right:.5rem;color:#666}.no-note{margin-top:1rem;padding:.75rem;background-color:#f5f5f5;border-radius:4px;border-left:3px solid #000000}.no-note-text{margin:0;font-size:.9rem;color:#333;font-style:italic}.no-card-footer{padding:1rem;background-color:#f9f9f9;border-top:1px solid #eeeeee;display:flex;justify-content:space-between;align-items:center}.no-card-footer.stacked{flex-direction:column;align-items:stretch;gap:1rem}.no-total{display:flex;flex-direction:column}.no-total-label{font-size:.75rem;font-weight:700;color:#666;text-transform:uppercase}.no-total-amount{font-size:1.25rem;font-weight:700;color:#000}.no-action-btn{padding:.6rem 1.25rem;border:none;border-radius:4px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:.5rem}.no-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.no-btn-accept{background-color:#34a853;color:#fff}.no-btn-accept:hover{background-color:#1e8e3e}.no-btn-complete{background-color:#1a73e8;color:#fff}.no-btn-complete:hover{background-color:#1557b0}@media (max-width: 900px){.no-grid{grid-template-columns:1fr}}.raw-inventory-page{padding:var(--spacing-24);background:var(--color-background);font-family:var(--font-system);color:var(--color-text-primary);box-sizing:border-box}.add-item-btn-simple{background:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;font-weight:600;font-size:.95rem;cursor:pointer;text-transform:none;border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:var(--shadow-sm);height:44px;font-family:var(--font-system)}.add-item-btn-simple:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.simple-container{background:#fff}.inventory-table-simple{width:100%;border-collapse:collapse}.inventory-table-simple th{padding:1rem;color:#000;font-weight:700;font-size:.8rem;text-transform:uppercase;text-align:left;border-bottom:2px solid #000}.inventory-table-simple td{padding:1rem;border-bottom:1px solid #e5e5e5;color:#000;font-size:.95rem}.action-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary)}.action-btn.consume:hover{background-color:#007aff1a;color:var(--color-accent)}.action-btn.edit:hover{background-color:#007aff1a;color:#007aff}.notes-cell-simple{max-width:200px;font-size:.85rem!important;color:#666!important;white-space:pre-wrap;line-height:1.4}.row-alert td{background-color:#fff0f0}.row-alert .item-name-cell{color:#d32f2f}.status-badge-simple{font-size:.75rem;font-weight:700;padding:2px 6px;border:1px solid #000}.status-badge-simple.danger{color:#d32f2f;border-color:#d32f2f}.status-badge-simple.success{color:#000;border-color:#000}.text-danger{color:#d32f2f;font-weight:700}.consume-btn-simple{background:#fff;border:1px solid #000;color:#000;padding:.4rem .8rem;font-size:.75rem;font-weight:600;cursor:pointer;text-transform:uppercase}.consume-btn-simple:hover:not(:disabled){background:#000;color:#fff}.consume-btn-simple:disabled{opacity:.3;cursor:not-allowed}.empty-state-simple{text-align:center;color:#666;padding:2rem!important}.modal-backdrop-simple{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modal-simple{background:#fff;width:100%;max-width:400px;padding:2rem;border:2px solid #000;box-shadow:8px 8px #000}.modal-header-simple{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header-simple h2{margin:0;font-size:1.25rem;text-transform:uppercase}.close-btn-simple{background:none;border:none;font-size:1.5rem;cursor:pointer}.form-group-simple{margin-bottom:1rem}.form-row-simple{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group-simple label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.85rem}.form-group-simple input{width:100%;padding:.5rem;border:1px solid #000;font-size:1rem;box-sizing:border-box}.modal-actions-simple{display:flex;gap:1rem;margin-top:2rem}.btn-simple{flex:1;padding:.75rem;font-weight:600;text-transform:uppercase;cursor:pointer;border:1px solid #000}.btn-simple.primary{background:#000;color:#fff}.btn-simple.primary:hover{background:#333}.btn-simple.secondary{background:#fff;color:#000}.btn-simple.secondary:hover{background:#f0f0f0}.inventory-loading{display:flex;justify-content:center;padding:2rem;font-weight:600;text-transform:uppercase}.action-buttons-simple{display:flex;align-items:center;gap:.5rem}.delete-icon-btn{background:#fff;border:1px solid #d32f2f;color:#d32f2f;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;padding:0;line-height:1}.delete-icon-btn:hover{background:#d32f2f;color:#fff}.dry-inventory-page{padding:var(--spacing-24);background:var(--color-background);font-family:var(--font-system);color:var(--color-text-primary);box-sizing:border-box}.add-item-btn-simple{background:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;font-weight:600;font-size:.9375rem;cursor:pointer;text-transform:none;letter-spacing:-.01em;border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:var(--shadow-sm);height:44px;font-family:var(--font-system)}.add-item-btn-simple:hover{background:#1a1a1a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.add-item-btn-simple:active{transform:scale(.98)}.inventory-grid-simple{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-20)}.inventory-card-simple{border:1px solid var(--color-border);background:var(--color-surface-elevated);border-radius:var(--radius-lg);position:relative;transition:all var(--transition-base);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);overflow:hidden}.inventory-card-simple:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-text-secondary)}.card-image-display{height:180px;border-bottom:1px solid var(--color-border-subtle);position:relative;background:var(--color-surface);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-image-display img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.no-image-placeholder{font-size:3rem;font-weight:800;color:var(--color-border)}.category-tag-overlay{position:absolute;top:8px;right:8px;background:var(--color-primary);color:#fff;font-size:.6875rem;text-transform:uppercase;padding:4px 8px;font-weight:600;border-radius:var(--radius-sm);letter-spacing:.02em}.card-content-simple{padding:var(--spacing-16);display:flex;flex-direction:column;gap:var(--spacing-12);flex:1}.card-content-simple h3{margin:0 0 var(--spacing-8) 0;font-size:1.0625rem;font-weight:600;text-transform:none;letter-spacing:-.01em;font-family:var(--font-system-display);color:var(--color-text-primary)}.metric-row{display:flex;justify-content:space-between;font-size:.875rem;border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--spacing-8);color:var(--color-text-secondary)}.metric-row:last-of-type{border-bottom:none}.metric-row .value{font-weight:600;color:var(--color-text-primary)}.text-danger{color:#ff3b30}.sync-btn-simple{margin-top:auto;background:transparent;border:1px solid var(--color-border);padding:.625rem;width:100%;cursor:pointer;font-weight:600;text-transform:none;font-size:.875rem;border-radius:var(--radius-md);transition:all var(--transition-base);font-family:var(--font-system);letter-spacing:-.01em;height:40px}.sync-btn-simple:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sync-btn-simple:active{transform:scale(.98)}.sold-out-simple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);border:3px solid #FF3B30;color:#ff3b30;padding:.5rem 1rem;font-weight:700;font-size:1.25rem;background:#fffffffa;white-space:nowrap;z-index:10;border-radius:var(--radius-sm);letter-spacing:.05em}.file-input-wrapper{position:relative;overflow:hidden;display:inline-block;width:100%}.hidden-file-input{font-size:100px;position:absolute;left:0;top:0;opacity:0;cursor:pointer}.file-upload-label{display:block;background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text-primary);padding:.75rem;text-align:center;cursor:pointer;font-weight:500;font-size:.9375rem;border-radius:var(--radius-md);transition:all var(--transition-base);font-family:var(--font-system)}.file-upload-label:hover{background:var(--color-surface);border-color:var(--color-text-primary)}.modal-backdrop-simple{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-simple{background:var(--color-surface-elevated);width:100%;max-width:420px;padding:var(--spacing-24);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-subtle)}.modal-header-simple{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-20)}.modal-header-simple h2{font-family:var(--font-system-display);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0}.close-btn-simple{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-base)}.close-btn-simple:hover{background:var(--color-surface)}.form-group-simple{margin-bottom:var(--spacing-16)}.form-row-simple{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-16)}.form-group-simple label{display:block;margin-bottom:var(--spacing-8);font-weight:500;font-size:.875rem;color:var(--color-text-secondary);font-family:var(--font-system)}.form-group-simple input,.form-group-simple textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);font-size:1rem;box-sizing:border-box;font-family:var(--font-system);border-radius:var(--radius-md);background:var(--color-surface-elevated);color:var(--color-text-primary);transition:border-color var(--transition-default),box-shadow var(--transition-default)}.form-group-simple input:focus,.form-group-simple textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #007aff1a}.modal-actions-simple{display:flex;gap:var(--spacing-12);margin-top:var(--spacing-24)}.btn-simple{flex:1;padding:.875rem;font-weight:600;text-transform:none;cursor:pointer;border-radius:var(--radius-md);font-family:var(--font-system);letter-spacing:-.01em;transition:all var(--transition-base);height:44px;font-size:1rem}.btn-simple.primary{background:var(--color-primary);color:#fff;border:none}.btn-simple.primary:hover{background:#1a1a1a}.btn-simple.primary:active{transform:scale(.98)}.btn-simple.primary:disabled{background:var(--color-primary);opacity:.4;cursor:not-allowed}.btn-simple.secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-simple.secondary:hover{background:var(--color-surface)}.btn-simple.secondary:active{transform:scale(.98)}.inventory-loading{display:flex;justify-content:center;padding:var(--spacing-32);font-weight:600;text-transform:none;color:var(--color-text-secondary);font-family:var(--font-system)}.in-menu-tag-overlay{position:absolute;top:8px;left:8px;background:var(--color-primary);color:#fff;font-size:.6875rem;text-transform:uppercase;padding:4px 8px;font-weight:600;border-radius:var(--radius-sm);letter-spacing:.02em}.action-buttons-row{display:flex;gap:var(--spacing-8);margin-top:auto}.delete-btn-simple{background:transparent;border:1px solid #FF3B30;color:#ff3b30;font-weight:600;font-size:1.125rem;cursor:pointer;padding:0 var(--spacing-12);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);border-radius:var(--radius-md);height:40px;min-width:40px}.delete-btn-simple:hover{background:#ff3b30;color:#fff}.delete-btn-simple:active{transform:scale(.95)}.image-error{background-color:var(--color-surface);display:flex;align-items:center;justify-content:center}.simple-container{background:var(--color-background)}.inventory-table-simple{width:100%;border-collapse:collapse;background:var(--color-surface-elevated);border-radius:var(--radius-lg);overflow:hidden}.inventory-table-simple th{padding:var(--spacing-16);color:var(--color-text-primary);font-weight:600;font-size:.8125rem;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--color-border);background:var(--color-surface);letter-spacing:.02em;font-family:var(--font-system)}.inventory-table-simple td{padding:var(--spacing-16);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:.9375rem;vertical-align:middle;font-family:var(--font-system)}.item-name-cell{font-weight:600}.row-alert td{background-color:#ff3b300d}.row-alert .item-name-cell{color:#ff3b30}.status-badge-simple{font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:var(--radius-sm);display:inline-block;font-family:var(--font-system);letter-spacing:.01em}.status-badge-simple.danger{color:#ff3b30;background:#ff3b301a;border:1px solid rgba(255,59,48,.2)}.status-badge-simple.success{color:#34c759;background:#34c7591a;border:1px solid rgba(52,199,89,.2)}.text-danger{color:#ff3b30;font-weight:600}.consume-btn-simple{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary);padding:.5rem 1rem;font-size:.8125rem;font-weight:600;cursor:pointer;text-transform:none;border-radius:var(--radius-md);transition:all var(--transition-base);font-family:var(--font-system);letter-spacing:-.01em}.consume-btn-simple:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.consume-btn-simple:active:not(:disabled){transform:scale(.95)}.consume-btn-simple:disabled{opacity:.4;cursor:not-allowed}.empty-state-simple{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-32)!important;font-family:var(--font-system)}.action-buttons-simple{display:flex;align-items:center;gap:var(--spacing-12)}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary)}.action-icon{width:20px;height:20px}.action-btn.edit:hover{background-color:#007aff1a;color:var(--color-accent)}.action-btn.delete:hover{background-color:#ff3b301a;color:#ff3b30}.action-btn.menu-active{color:#34c759;background-color:#34c7591a}.action-btn.menu-active:hover{background-color:#34c75933}.action-btn.menu-inactive{color:var(--color-text-tertiary);border:1px solid var(--color-border-subtle)}.action-btn.menu-inactive:hover{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.notes-cell-simple{max-width:200px;font-size:.85rem!important;color:var(--color-text-secondary)!important;white-space:pre-wrap;line-height:1.4}.action-btn:active{transform:scale(.92)}.action-btn:disabled{opacity:.3;cursor:not-allowed}.params-cell-image{width:60px;height:60px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-surface)}.params-cell-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.params-cell-image .no-image-placeholder{font-size:1.5rem;font-weight:700;color:var(--color-border)}@media screen and (max-width: 768px){.inventory-table-simple,.inventory-table-simple thead,.inventory-table-simple tbody,.inventory-table-simple th,.inventory-table-simple td,.inventory-table-simple tr{display:block}.inventory-table-simple thead tr{position:absolute;top:-9999px;left:-9999px}.inventory-table-simple tr{margin-bottom:2rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-sm);padding:var(--spacing-8);overflow:hidden}.inventory-table-simple td{border:none;border-bottom:1px solid var(--color-border-subtle);position:relative;padding-left:45%!important;text-align:right!important;min-height:54px;display:flex;align-items:center;justify-content:flex-end;font-size:.95rem}.inventory-table-simple td:last-child{border-bottom:none}.inventory-table-simple td:before{position:absolute;left:12px;width:40%;padding-right:18px;white-space:nowrap;content:attr(data-label);font-weight:600;text-align:left;font-size:.75rem;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.05em}td[data-label=Image]{padding-left:12px!important;justify-content:center;background:var(--color-surface);min-height:80px}td[data-label=Image]:before{display:none}.item-name-cell{font-size:1.125rem!important;font-weight:700!important;background:#00000005}.action-buttons-simple{justify-content:space-between;width:100%;padding-top:var(--spacing-12);gap:var(--spacing-8)}.action-btn{flex:1;height:44px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.action-icon{width:24px;height:24px}.modal-simple{margin:16px;max-height:calc(100dvh - 32px);overflow-y:auto}.form-row-simple{grid-template-columns:1fr}}.landing-page-root{background-color:var(--color-background);min-height:100dvh;color:var(--color-text-primary);padding:env(safe-area-inset-top) 20px 40px;font-family:var(--font-system)}.new-landing-header{display:flex;justify-content:space-between;align-items:flex-start;padding:40px 0 24px}.new-landing-greeting{font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--color-text-primary)}.new-landing-greeting span{display:block;color:var(--color-text-secondary);font-size:28px}.new-landing-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast)}.new-landing-avatar:active{transform:scale(.95)}.new-landing-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.new-landing-content{display:grid;gap:16px}.balance-card-featured{background-color:var(--color-surface);color:var(--color-text-primary);padding:24px;border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-subtle);cursor:pointer;transition:transform var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.balance-card-featured:active{transform:scale(.99)}.balance-card-featured .label{font-size:15px;font-weight:500;color:var(--color-text-secondary);opacity:1}.balance-card-featured .value{font-size:36px;font-weight:700;letter-spacing:-.02em;margin-top:4px;color:var(--color-text-primary)}.balance-card-featured .add-btn{position:absolute;top:24px;right:24px;width:40px;height:40px;background-color:#fff;border:1px solid var(--color-border);border-radius:12px;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;font-weight:500}.balance-card-featured .footer{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary);opacity:1;margin-top:auto}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-card-ios{background-color:var(--color-surface);padding:20px;border-radius:24px;display:flex;flex-direction:column;gap:12px;min-height:140px;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast);border:1px solid var(--color-border-subtle);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.feature-card-ios:active{transform:scale(.98);background-color:var(--color-surface-elevated)}.feature-card-ios .icon-box{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative}.feature-card-ios .icon-box-loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid rgba(0,0,0,.1);border-top-color:var(--color-text-primary);border-radius:50%;animation:iconSpinner .8s linear infinite;will-change:transform}@keyframes iconSpinner{to{transform:translate(-50%,-50%) rotate(360deg)}}.feature-card-ios .icon-box img,.feature-card-ios .icon-box svg{width:32px;height:32px;filter:brightness(1)}.feature-card-ios .label{font-weight:600;font-size:17px;letter-spacing:-.01em;color:var(--color-text-primary)}.feature-card-ios .status{font-size:13px;color:var(--color-text-secondary);margin-top:auto}.full-width-card{grid-column:span 2;min-height:100px;flex-direction:row;align-items:center;justify-content:space-between}.notices-section{margin-top:32px}.notices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px}.notices-header h3{font-size:22px;font-weight:700;color:var(--color-text-primary)}.notices-list{display:flex;flex-direction:column;gap:12px}.notice-item-ios{background-color:var(--color-surface);padding:16px;border-radius:20px;border:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:8px}.notice-item-ios .text{font-size:16px;line-height:1.4;color:var(--color-text-primary)}.notice-item-ios .meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary)}.notice-empty{padding:40px 20px;text-align:center;color:var(--color-text-secondary);background-color:var(--color-surface);border-radius:24px;border:1px dashed var(--color-border)}@media (max-width: 380px){.feature-grid{grid-template-columns:1fr}.full-width-card{grid-column:span 1}}.header-logo-container{display:flex;justify-content:center;flex:1}.header-logo-img{height:104px;width:auto;-o-object-fit:contain;object-fit:contain;transition:height .3s ease}@media (max-width: 1024px){.header-logo-img{height:80px}}@media (max-width: 768px){.header-logo-img{height:60px}}@media (max-width: 480px){.header-logo-img{height:48px}}.cnf-container{position:relative;min-height:100dvh;width:100%;background-color:#f2f2f7;z-index:1;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.cnf-bg-decor{position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,#ffffff,transparent);z-index:-1;pointer-events:none}.cnf-content{position:relative;z-index:10;width:100%;margin:auto;max-width:500px;padding:32px 20px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.cnf-icon-wrapper{margin-bottom:24px}.cnf-icon-circle{background-color:#34c759;width:80px;height:80px;border-radius:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #34c75940;animation:cnfPopIn .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes cnfPopIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.cnf-check-icon{color:#fff}.cnf-header{text-align:center;margin-bottom:32px}.cnf-title{font-size:26px;font-weight:700;color:#000;margin-bottom:8px;letter-spacing:-.5px}.cnf-subtitle{font-size:17px;color:#8e8e93;line-height:1.4}.cnf-receipt-card{background:#fff;width:100%;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f;margin-bottom:32px;box-sizing:border-box}.cnf-receipt-header{display:flex;align-items:center;gap:8px;color:#8e8e93;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.cnf-receipt-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cnf-receipt-row:last-child{margin-bottom:0}.cnf-receipt-row .label{color:#8e8e93;font-size:15px}.cnf-receipt-row .value{color:#000;font-size:15px;font-weight:600;text-align:right}.cnf-receipt-row .value.highlighting{font-size:20px;font-weight:700}.cnf-receipt-row .status-pending{color:#ff9500;background:#fff9f0;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.cnf-receipt-divider{height:1px;background:#f2f2f7;margin:20px 0}.cnf-trust-section{width:100%;display:grid;gap:12px;margin-bottom:40px}.cnf-trust-item{display:flex;align-items:center;gap:10px;color:#8e8e93;font-size:14px;justify-content:center}.cnf-home-btn{width:100%;background:#000;color:#fff;border:none;height:56px;border-radius:16px;font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 20px #0000001a;transition:transform .2s,background .2s;cursor:pointer}.cnf-home-btn:active{transform:scale(.96);background:#1c1c1e}:root{--ios-bg: var(--color-background);--ios-surface: var(--color-surface-elevated);--ios-accent: var(--color-text-primary);--ios-text: var(--color-text-primary);--ios-text-secondary: var(--color-text-secondary);--ios-border: var(--color-border-subtle);--ios-error: var(--color-badge);--ios-success: var(--color-accent-dark);--ios-shadow: var(--shadow-sm);--ios-radius: var(--radius-lg)}.std-container{background-color:var(--ios-bg);min-height:100dvh}.loading-container{display:flex;justify-content:center;align-items:center;height:100dvh;width:100%}.discussion-card{max-width:800px;margin:0 auto;padding:24px 16px;text-align:left}.page-title{font-size:28px;font-weight:700;color:var(--ios-text);margin-bottom:8px;padding:0 16px}.page-subtitle{font-size:15px;color:var(--ios-text-secondary);margin-bottom:24px;padding:0 16px}.slots-list{display:flex;flex-direction:column;background-color:var(--ios-surface);border-radius:var(--ios-radius);overflow:hidden;box-shadow:var(--ios-shadow);margin:0 8px}.slot-card{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;background-color:var(--ios-surface);border-bottom:.5px solid var(--ios-border);cursor:pointer;transition:background-color .2s;text-align:left}.slot-card:last-child{border-bottom:none}.slot-card:active{background-color:#e5e5ea}.slot-card.my-booking{background-color:#007aff14}.slot-info{flex:1}.slot-label{font-size:17px;font-weight:600;color:var(--ios-text);margin:0}.slot-status{font-size:14px;color:var(--ios-text-secondary);margin-top:2px}.slot-status strong{color:var(--ios-accent)}.my-group-label{margin-left:6px;font-weight:500;font-size:12px;background-color:var(--ios-accent);color:#fff;padding:2px 8px;border-radius:10px}.slot-action{display:flex;align-items:center}.action-badge{font-size:14px;font-weight:500;color:var(--ios-accent)}.form-container{max-width:600px;margin:0 auto;padding:0 8px}.ios-form-group{background-color:var(--ios-surface);border-radius:var(--ios-radius);box-shadow:var(--ios-shadow);overflow:hidden;margin-bottom:24px}.input-group{padding:16px 20px;border-bottom:.5px solid var(--ios-border)}.input-group:last-child{border-bottom:none}.input-label{display:block;font-size:13px;text-transform:uppercase;color:var(--ios-text-secondary);margin-bottom:8px;font-weight:500;letter-spacing:.5px}.text-input{width:100%;padding:0;border:none;font-size:17px;background:transparent;outline:none;color:var(--ios-text)}.member-add-row{display:flex;align-items:center;gap:12px}.ios-actions{padding:0 8px}.btn-ios-primary{width:100%;background-color:var(--ios-accent);color:#fff;border:none;border-radius:12px;padding:16px;font-size:17px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.btn-ios-primary:active{opacity:.8;transform:scale(.98)}.btn-ios-primary:disabled{background-color:#bdbdbd;cursor:not-allowed}.btn-ios-ghost{background:none;border:none;color:var(--ios-accent);font-size:17px;font-weight:500;cursor:pointer;padding:8px}.btn-ios-danger{color:var(--ios-error);background:none;border:none;font-size:17px;font-weight:500;cursor:pointer;padding:16px;width:100%;text-align:center}.chips-container{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.chip{background-color:#e5e5ea;padding:4px 12px;border-radius:16px;font-size:14px;color:var(--ios-text);display:flex;align-items:center;gap:6px}.chip-remove{background:#8e8e93;color:#fff;border:none;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer}.details-banner{padding:20px;background-color:var(--ios-surface);border-radius:var(--ios-radius);box-shadow:var(--ios-shadow);margin:0 8px 24px;text-align:center}.details-banner h3{margin:0;font-size:18px;font-weight:600}.ios-list{background-color:var(--ios-surface);border-radius:var(--ios-radius);box-shadow:var(--ios-shadow);overflow:hidden;margin:0 8px 24px;list-style:none;padding:0}.ios-list-item{padding:12px 20px;border-bottom:.5px solid var(--ios-border);display:flex;justify-content:space-between;align-items:center}.ios-list-item:last-child{border-bottom:none}.member-info{display:flex;flex-direction:column}.member-name{font-size:17px;font-weight:500}.member-mrr{font-size:13px;color:var(--ios-text-secondary)}.error-msg,.success-msg{padding:0 16px;margin-bottom:16px;font-size:14px;font-weight:500}.error-msg{color:var(--ios-error)}.success-msg{color:var(--ios-success)}.others-booking-view{padding:40px 20px;text-align:center;background-color:var(--ios-surface);border-radius:var(--ios-radius);box-shadow:var(--ios-shadow);margin:0 8px}.others-booking-view h2{font-size:24px;font-weight:700;margin-bottom:8px}.others-booking-view p{color:var(--ios-text-secondary)}@media (max-width: 600px){.discussion-card{padding:24px 0}}.hostel-landing-card{background:#fff;border-radius:.625rem;padding:1.875rem;margin-bottom:1.25rem}.hostel-status-banner{margin-bottom:1.875rem}.room-info-display{display:grid;gap:.9375rem;margin-top:1.25rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.9375rem;background:#f9f9f9;border-radius:.5rem}.info-label{font-size:.875rem;color:#666}.info-value{font-weight:500;font-size:.9375rem;color:#000}.info-icon-wrapper{width:32px;height:32px;background:#f0f0f0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#000}.hostel-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.9375rem;margin:1.875rem 0}.feature-item{display:flex;align-items:center;gap:.625rem;padding:.9375rem;background:#f9f9f9;border-radius:.5rem}.feature-icon{font-size:1.5rem;color:#000;display:flex;align-items:center;justify-content:center}.feature-text{font-size:.875rem;color:#333;font-weight:500}.pricing-info{text-align:center;padding:1.875rem;background:linear-gradient(135deg,#000,#333);color:#fff;border-radius:.625rem;margin:1.875rem 0}.pricing-info h3{font-size:.875rem;text-transform:uppercase;letter-spacing:.0625rem;margin-bottom:.625rem;opacity:.9}.price-range{margin:.9375rem 0}.price-amount{font-size:2.25rem;font-weight:700}.price-period{font-size:.9375rem;opacity:.8}.price-note{font-size:.8125rem;opacity:.8;margin-top:.9375rem;line-height:1.6}.hostel-purchase-card{background:#fff;border-radius:.625rem;padding:1.875rem}.room-types-grid{display:grid;gap:.9375rem;margin-top:1.25rem}.room-type-card{border:.125rem solid #e5e5e5;border-radius:.625rem;padding:1.25rem;cursor:pointer;transition:all .2s}.room-type-card:hover:not(.unavailable){border-color:#000;box-shadow:0 .25rem .75rem #0000001a}.room-type-card.unavailable{opacity:.5;cursor:not-allowed;background:#f9f9f9}.room-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9375rem}.room-type-name{font-size:1.125rem;font-weight:600;margin:0}.room-type-building{font-size:.8125rem;color:#666;background:#f0f0f0;padding:.25rem .625rem;border-radius:.25rem}.room-type-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9375rem}.room-capacity{display:flex;align-items:center;gap:.5rem;color:#666}.capacity-icon{display:flex;align-items:center;justify-content:center}.capacity-text{font-size:.875rem}.room-price{text-align:right}.price-amount{font-size:1.25rem;font-weight:700;color:#000}.price-period{font-size:.75rem;color:#666}.room-availability{text-align:center;padding:.5rem}.available-badge{background:#e8f5e9;color:#2e7d32;padding:.375rem .9375rem;border-radius:.25rem;font-size:.8125rem;font-weight:500}.unavailable-badge{background:#ffebee;color:#c62828;padding:.375rem .9375rem;border-radius:.25rem;font-size:.8125rem;font-weight:500}.selected-room-banner{background:#f0f0f0;padding:1.25rem;border-radius:.5rem;text-align:center;margin-bottom:1.875rem}.selected-room-banner h3{margin:0 0 .3125rem;font-size:1.125rem}.selected-room-banner p{margin:0;color:#666;font-size:.875rem}.package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9375rem;margin-top:1.25rem}.package-card{border:.125rem solid #e5e5e5;border-radius:.625rem;padding:1.25rem;cursor:pointer;transition:all .2s;position:relative;text-align:center}.package-card:hover{border-color:#000;transform:translateY(-.125rem)}.package-duration{margin-bottom:.9375rem}.duration-value{display:block;font-size:2rem;font-weight:700;color:#000}.duration-label{font-size:.875rem;color:#666}.package-price{display:flex;flex-direction:column;gap:.3125rem}.package-total{font-size:1.125rem;font-weight:600;color:#000}.package-monthly{font-size:.75rem;color:#666}.package-badge{position:absolute;top:-.625rem;right:.625rem;background:#000;color:#fff;padding:.25rem .625rem;border-radius:.25rem;font-size:.6875rem;font-weight:600}.purchase-summary{margin:1.875rem 0}.summary-section{margin-bottom:1.875rem}.summary-section h3{font-size:.9375rem;font-weight:600;margin-bottom:.9375rem;color:#666}.summary-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:.0625rem solid #f0f0f0}.summary-item.refundable span:last-child{color:#2e7d32}.summary-item.total{border-bottom:none;border-top:.125rem solid #000;padding-top:.9375rem;margin-top:.625rem;font-weight:700;font-size:1.125rem}.balance-info{background:#f9f9f9;padding:1.25rem;border-radius:.5rem;margin-bottom:1.25rem}.balance-row{display:flex;justify-content:space-between;align-items:center}.balance-row .sufficient{color:#2e7d32;font-weight:600}.balance-row .insufficient{color:#c62828;font-weight:600}.insufficient-notice{margin-top:.625rem;color:#c62828;font-size:.875rem;text-align:center}.hostel-status-card{background:#fff;border-radius:.625rem;padding:1.875rem}.status-section{margin-bottom:1.875rem;padding-bottom:1.875rem;border-bottom:.0625rem solid #f0f0f0}.status-section:last-child{border-bottom:none}.section-title{font-size:1rem;font-weight:600;margin-bottom:1.25rem;color:#333}.room-banner{background:linear-gradient(135deg,#000,#333);color:#fff;padding:1.25rem;border-radius:.5rem;display:flex;justify-content:space-between;align-items:center}.room-main-info h3{margin:0 0 .3125rem;font-size:1.25rem}.room-label{margin:0;opacity:.9;font-size:.9375rem}.room-rate{text-align:right}.rate-amount{display:block;font-size:1.5rem;font-weight:700}.rate-period{font-size:.75rem;opacity:.8}.payment-details{background:#f9f9f9;padding:1.25rem;border-radius:.5rem}.payment-item{display:flex;justify-content:space-between;align-items:center}.payment-label{font-size:.9375rem;color:#666}.payment-value{font-weight:600;color:#000}.payment-value.expiring-soon{color:#ff5722;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.expiry-warning{margin-top:.9375rem;padding:.9375rem;background:#fff3e0;color:#e65100;border-radius:.375rem;font-size:.875rem;text-align:center}.roommates-list{display:grid;gap:.9375rem}.roommate-card{display:flex;align-items:center;gap:.9375rem;padding:.9375rem;background:#f9f9f9;border-radius:.5rem;border:.0625rem solid #e5e5e5}.roommate-icon{width:3rem;height:3rem;background:#e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.roommate-info{display:flex;flex-direction:column;gap:.25rem}.roommate-name{font-weight:600;color:#000}.roommate-mrr,.roommate-bed{font-size:.8125rem;color:#666}.no-roommates{text-align:center;color:#666;font-style:italic;padding:1.25rem}.renewal-section{margin-top:1.875rem}.renewal-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.9375rem;margin:1.25rem 0}.renewal-option{border:.125rem solid #e5e5e5;border-radius:.5rem;padding:1.25rem;cursor:pointer;transition:all .2s;text-align:center}.renewal-option:hover:not(.unaffordable){border-color:#000}.renewal-option.selected{border-color:#000;background:#f9f9f9}.renewal-option.unaffordable{opacity:.4;cursor:not-allowed}.renewal-duration{margin-bottom:.625rem}.duration-number{display:block;font-size:1.5rem;font-weight:700}.duration-text{font-size:.8125rem;color:#666}.renewal-price{margin-top:.625rem}.price-label{font-weight:600;color:#000}.renewal-summary{background:#f9f9f9;padding:1.25rem;border-radius:.5rem;margin:1.25rem 0}.summary-row{display:flex;justify-content:space-between;padding:.5rem 0}.summary-row .sufficient{color:#2e7d32;font-weight:600}.summary-row .insufficient{color:#c62828;font-weight:600}.renewal-actions{display:grid;grid-template-columns:1fr 1fr;gap:.9375rem;margin-top:1.25rem}@media (max-width: 48rem){.hostel-features,.room-types-grid,.package-grid,.renewal-options{grid-template-columns:1fr}.room-banner{flex-direction:column;text-align:center;gap:.9375rem}.room-rate{text-align:center}}.lb-container{display:flex;flex-direction:column;height:100dvh;background-color:var(--color-background)}.lb-header{background-color:#000;color:#fff;padding:var(--spacing-24);padding-bottom:var(--spacing-48);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);box-shadow:var(--shadow-lg);position:relative;z-index:10}.lb-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-32)}.lb-back-btn{padding:var(--spacing-8);background-color:#ffffff26;border-radius:var(--radius-full);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.lb-back-btn:hover{background-color:#ffffff40;transform:scale(1.05)}.lb-back-btn:active{transform:scale(.95)}.lb-nav-title{font-weight:600;color:#fff;font-family:var(--font-system-display);letter-spacing:-.01em}.lb-balance-card-compact{padding-top:var(--spacing-24);display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-24)}.lb-balance-label{color:#0009;font-size:.8125rem;font-weight:600;margin-bottom:var(--spacing-4);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-system)}.lb-balance-value{font-size:2rem;font-weight:700;display:flex;align-items:center;gap:var(--spacing-12);font-family:var(--font-system-display);letter-spacing:-.01em}.lb-content{flex:1;display:flex;flex-direction:column;padding:var(--spacing-24);position:relative;z-index:20;overflow-y:auto;padding-bottom:calc(var(--spacing-24) + env(safe-area-inset-bottom))}.lb-amount-card{background-color:var(--color-surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-subtle);padding:var(--spacing-32);margin-bottom:var(--spacing-24);flex:1;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform var(--transition-base)}.lb-amount-label{color:var(--color-text-secondary);font-weight:600;margin-bottom:var(--spacing-8);font-size:.9375rem;font-family:var(--font-system)}.lb-amount-input{font-size:3.5rem;font-weight:700;color:var(--color-text-primary);display:flex;align-items:baseline;font-family:var(--font-system-display);letter-spacing:-.02em}.lb-currency{font-size:2rem;margin-right:6px;color:var(--color-text-secondary);font-weight:600}.lb-keypad{display:grid;grid-template-columns:repeat(3,1fr);-moz-column-gap:var(--spacing-32);column-gap:var(--spacing-32);row-gap:var(--spacing-20);margin-bottom:var(--spacing-32);padding:0 var(--spacing-16);flex-shrink:0}.lb-key{height:4.5rem;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:600;color:var(--color-text-primary);border-radius:var(--radius-full);background-color:transparent;border:none;cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--font-system-display)}.lb-key:hover{background-color:var(--color-surface)}.lb-key:active{background-color:var(--color-border-subtle);transform:scale(.92)}.lb-action-btn{width:100%;background-color:#000;color:#fff;padding:1.125rem;border-radius:var(--radius-md);font-weight:600;font-size:1.125rem;box-shadow:var(--shadow-md);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-base);margin-bottom:var(--spacing-24);font-family:var(--font-system);flex-shrink:0}.lb-action-btn:hover{background-color:#1a1a1a;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.lb-action-btn:active{transform:scale(.98)}.lb-header-s2{background-color:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--spacing-16) var(--spacing-24);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;position:sticky;top:0;z-index:20;min-height:64px}.lb-back-btn-s2{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.lb-back-btn-s2:hover{background-color:var(--color-surface);transform:scale(1.05)}.lb-back-btn-s2:active{transform:scale(.95)}.lb-title-s2{margin-left:var(--spacing-16);font-weight:700;font-size:1.125rem;color:var(--color-text-primary);font-family:var(--font-system-display);letter-spacing:-.01em}.lb-content-scroll{padding:var(--spacing-24);flex:1;overflow-y:auto;padding-bottom:8rem}.lb-payment-card{background-color:var(--color-surface-elevated);padding:var(--spacing-20);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-subtle);margin-bottom:var(--spacing-24)}.lb-payment-header{display:flex;align-items:center;gap:var(--spacing-16);margin-bottom:var(--spacing-16)}.lb-qr-icon{width:3rem;height:3rem;background-color:#34c7591a;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#34c759}.lb-payment-title{font-weight:600;color:var(--color-text-primary);margin:0;font-family:var(--font-system-display);font-size:1.0625rem}.lb-payment-subtitle{font-size:.8125rem;color:var(--color-text-secondary);margin:0;font-family:var(--font-system)}.lb-details-box{background-color:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-16);border:1px solid var(--color-border-subtle)}.lb-details-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.lb-label-sm{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.lb-badge{font-size:.6875rem;color:var(--color-accent);font-weight:600;background-color:#007aff1a;padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.02em}.lb-id-value{font-size:1.375rem;font-family:var(--font-system-display);font-weight:700;color:var(--color-text-primary);letter-spacing:.02em;-webkit-user-select:all;-moz-user-select:all;user-select:all;margin:0}.lb-qr-container{background:#fff;padding:12px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid var(--color-border-subtle)}.lb-qr-image{width:140px;height:140px;-o-object-fit:contain;object-fit:contain;display:block}.lb-copy-btn{background:var(--color-surface);border:1px solid var(--color-border-subtle);padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.lb-copy-btn:hover{background:var(--color-surface-elevated);border-color:var(--color-text-secondary)}.lb-copy-btn:active{transform:scale(.95)}.lb-summary-row{margin-top:var(--spacing-16);display:flex;justify-content:space-between;align-items:center;font-size:.9375rem;color:var(--color-text-secondary)}.lb-summary-val{font-weight:700;color:var(--color-text-primary);font-size:1.125rem;font-family:var(--font-system-display)}.lb-form-group{margin-bottom:var(--spacing-20)}.lb-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-8);margin-left:2px;font-family:var(--font-system)}.lb-input{width:100%;background-color:var(--color-surface-elevated);padding:1rem 1.125rem;border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-primary);font-weight:500;font-size:1rem;outline:none;transition:all var(--transition-default);font-family:var(--font-system)}.lb-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #007aff1a;background-color:#fff}.lb-upload-box{background-color:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-32);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.lb-upload-box:hover{border-color:var(--color-text-secondary);background-color:#00000005}.lb-icon-circle{width:3.5rem;height:3.5rem;background-color:var(--color-surface-elevated);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-12);color:var(--color-text-secondary);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.lb-upload-box:hover .lb-icon-circle{transform:scale(1.1);color:var(--color-text-primary)}.lb-upload-text{font-weight:600;color:var(--color-text-secondary);margin:0;font-size:.9375rem}.lb-preview-container{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-subtle)}.lb-preview-img{width:100%;height:15rem;-o-object-fit:cover;object-fit:cover}.lb-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.lb-preview-container:hover .lb-preview-overlay{opacity:1}.lb-remove-btn{background-color:#fffffff2;color:#ff3b30;padding:.625rem 1.25rem;border-radius:var(--radius-full);font-weight:600;font-size:.8125rem;border:none;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);font-family:var(--font-system)}.lb-remove-btn:hover{background-color:#fff;transform:scale(1.05)}.lb-footer-s2{position:fixed;bottom:0;left:0;right:0;background-color:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--spacing-20) var(--spacing-24);border-top:1px solid var(--color-border-subtle);z-index:20}.lb-footer-inner{max-width:28rem;margin:0 auto}.txn-container{width:100%;position:relative;box-sizing:border-box}.txn-container .std-body{width:100%}.txn-filter-bar{display:block;margin-bottom:24px}.txn-filter-controls{width:100%;display:flex;flex-direction:column;gap:16px}.txn-filter-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#8e8e93;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.txn-date-presets{display:flex;background-color:#7676801f;border-radius:8px;padding:2px;width:100%}.txn-date-preset-btn{flex:1;border:none;background:transparent;padding:6px 4px;border-radius:7px;font-size:13px;font-weight:500;color:#000;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.txn-date-preset-btn.active{background-color:#fff;box-shadow:0 3px 1px #0000000a,0 3px 8px #0000001f}.txn-search-wrapper{position:relative;width:100%}.txn-search-input{width:100%;background-color:#7676801f;border:none;border-radius:10px;padding:8px 12px 8px 36px;font-size:17px;color:#000;outline:none}.txn-search-input::-moz-placeholder{color:#8e8e93}.txn-search-input::placeholder{color:#8e8e93}.txn-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#8e8e93;pointer-events:none}.txn-content{padding:0;width:100%;box-sizing:border-box}.txn-content-inner{width:100%;max-width:100%}.txn-date-group{margin-top:24px}.txn-date-group-header{padding:0 0 8px 24px;font-size:13px;font-weight:400;color:#8e8e93;text-transform:uppercase}.txn-list-section{background-color:#fff;border-radius:12px;overflow:hidden}.txn-item{display:flex;align-items:center;padding:12px 24px;background-color:#fff;cursor:pointer;transition:background-color .2s;position:relative}.txn-item:not(:last-child):after{content:"";position:absolute;left:60px;right:0;bottom:0;height:.5px;background-color:#c6c6c8}.txn-item:active{background-color:#e5e5ea}.txn-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.txn-icon.inflow{background-color:#e8f5e9;color:#34c759}.txn-icon.outflow{background-color:#fff5f5;color:#ff3b30}.txn-details{flex:1;min-width:0}.txn-merchant-name{font-size:17px;font-weight:500;color:#000;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txn-timestamp{font-size:15px;color:#8e8e93;margin-top:2px}.txn-amount-section{text-align:right;margin-left:12px}.txn-amount{font-size:17px;font-weight:400}.txn-amount.positive{color:#34c759}.txn-amount.negative{color:#000}.txn-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:40px 20px 20px}.txn-drawer{position:relative;background-color:#fff;border-radius:16px;z-index:201;max-width:500px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;margin-top:20px}.txn-drawer-header{padding:20px 24px;display:flex;align-items:center;justify-content:center;position:sticky;top:0;background-color:#fff;border-bottom:1px solid #f0f0f0;z-index:10;border-radius:16px 16px 0 0}.txn-drawer-close{position:absolute;right:20px;background:#f5f5f5;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer;transition:all .2s ease}.txn-drawer-close:hover{background:#e5e5e5;color:#000}.txn-drawer-title{font-size:18px;font-weight:700;color:#111}.txn-drawer-content{padding:0 24px 32px}.txn-drawer-section{margin-bottom:24px}.txn-drawer-section-title{padding:0 0 8px 16px;font-size:13px;color:#8e8e93;text-transform:uppercase}.txn-drawer-card{background-color:#fff;border-radius:10px;overflow:hidden}.txn-drawer-detail-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;min-height:44px;position:relative}.txn-drawer-detail-row:not(:last-child):after{content:"";position:absolute;left:16px;right:0;bottom:0;height:.5px;background-color:#c6c6c8}.txn-drawer-label{font-size:15px;color:#000}.txn-drawer-value{font-size:15px;color:#8e8e93;font-weight:400;text-align:right;max-width:60%}.txn-drawer-value.positive{color:#34c759}.txn-drawer-value.negative{color:#ff3b30}.txn-drawer-value.large{font-size:34px;font-weight:700;color:#000;width:100%;text-align:center;padding:20px 0}.txn-drawer-value.mono{font-family:-apple-system-monospaced,SFMono-Regular,monospace}.txn-empty-state{padding:60px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.txn-empty-icon{color:#c7c7cc;margin-bottom:8px}.txn-empty-text{font-size:17px;color:#8e8e93}.txn-custom-date-container{background-color:#fff;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.txn-date-input-row{display:flex;align-items:center;justify-content:space-between}.txn-date-input-row label{font-size:15px;color:#8e8e93}.txn-date-input{border:none;background:transparent;font-size:17px;color:#007aff;font-family:inherit;outline:none;text-align:right}.txn-drawer-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:center}@media (min-width: 769px){.txn-drawer-container{justify-content:center!important}.txn-drawer{width:400px;border-radius:24px!important;box-shadow:0 20px 60px #0000004d!important;margin-top:0}}.notice-board-simple{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;border:1px solid #f2f2f7;box-shadow:0 4px 12px #0000000d;min-height:200px;display:flex;flex-direction:column}.notices-header-simple{margin-bottom:20px}.notices-header-simple h3{font-size:17px;font-weight:700;color:#000;margin:0;letter-spacing:-.01em}.notices-content-simple{flex:1}.notices-list-simple{display:flex;flex-direction:column;gap:16px;max-height:250px;overflow-y:auto;padding-right:4px}.notices-list-simple::-webkit-scrollbar{width:4px}.notices-list-simple::-webkit-scrollbar-thumb{background:#f2f2f7;border-radius:10px}.notice-card-simple{padding:0 0 16px;border-bottom:1px solid #f2f2f7}.notice-card-simple:last-child{border-bottom:none;padding-bottom:0}.notice-meta-simple{margin-bottom:4px}.notice-date-simple{font-size:11px;color:#8e8e93;font-weight:600;text-transform:uppercase}.notice-text-simple{font-size:14px;line-height:1.5;color:#1c1c1e;margin:0;font-weight:400}.notice-empty-simple{display:flex;align-items:center;justify-content:center;height:120px;color:#8e8e93;font-size:14px;font-style:italic}:root{--color-background: #FFFFFF;--color-surface: #F5F5F7;--color-surface-elevated: #FFFFFF;--color-text-primary: #0A0A0A;--color-text-secondary: #6E6E73;--color-text-tertiary: #8E8E93;--color-border: #D1D1D6;--color-border-subtle: #E5E5EA;--color-accent: #007AFF;--color-accent-hover: #0051D5;--color-accent-blue: #007AFF;--color-primary: #000000;--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-system-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-heading: var(--font-system-display);--font-body: var(--font-system);--brand-font-serif: var(--font-system-display);--brand-font-body: var(--font-system);--brand-font-sans: var(--font-system);--spacing-2: 2px;--spacing-4: 4px;--spacing-xs: 4px;--spacing-8: 8px;--spacing-sm: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-md: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-lg: 24px;--spacing-32: 32px;--spacing-xl: 32px;--spacing-40: 40px;--spacing-48: 48px;--radius-sm: 8px;--radius-md: 10px;--radius-default: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-card: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-floating: 0 6px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-default: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--layout-max-width: 1120px;--stack-spacing-sm: .75rem;--stack-spacing-md: 1.5rem;--stack-spacing-lg: 2.5rem}.theme-ios-light{--color-background: #F2F2F7;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-text-primary: #000000;--color-text-secondary: #3C3C43;--color-text-tertiary: #8E8E93;--color-border: #C6C6C8;--color-border-subtle: #E5E5EA;--color-accent: #000000;--color-accent-blue: #007AFF;--color-primary: #000000}.theme-ios-light .std-header{background-color:var(--color-surface);border-bottom:.5px solid var(--color-border-subtle);padding:env(safe-area-inset-top) 16px 12px;min-height:56px}.theme-ios-light .std-header-back-btn{background:none;border:none;box-shadow:none;width:auto;height:auto;padding:8px;margin-left:-8px;color:var(--color-text-primary)}.theme-ios-light .std-header-back-btn:hover{transform:none;background:none;opacity:.6}.theme-ios-light .std-header-title{font-size:17px;font-weight:600;text-align:center}.theme-ios-light .std-header-badge{background-color:#000;border:1px solid #fff}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}select,.ios-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f5f5f7;border:1px solid #D1D1D6;border-radius:10px;padding:10px 36px 10px 14px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:500;color:#1c1c1e;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238E8E93' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px;box-shadow:0 1px 2px #00000005}select:hover:not(:disabled),.ios-select:hover:not(:disabled){background-color:#ebebeb;border-color:#c7c7cc}select:focus,.ios-select:focus{outline:none;border-color:#007aff;background-color:#fff;box-shadow:0 0 0 4px #007aff1f}select:disabled,.ios-select:disabled{opacity:.5;cursor:not-allowed;background-color:#f2f2f7}.management-select-wrapper{position:relative;display:inline-block;width:100%}.management-select-label{display:block;font-size:13px;font-weight:600;color:#8e8e93;margin-bottom:6px;margin-left:4px;text-transform:uppercase;letter-spacing:.5px}.ios-popover-menu{background:#ffffffd9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 10px 30px #0000001f;overflow:hidden;padding:6px}.ios-popover-item{padding:12px 14px;border-radius:10px;font-size:15px;font-weight:500;color:#1c1c1e;cursor:pointer;transition:background .15s ease;display:flex;align-items:center;gap:10px}.ios-popover-item:hover{background-color:#007aff1a;color:#007aff}.ios-popover-item.selected{background-color:#007aff;color:#fff}:root{color-scheme:light}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-system);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0 0 .5em;font-family:var(--font-system-display);font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em;line-height:1.2}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin:0 0 1em;line-height:1.5}a{color:inherit;text-decoration:none}a:hover,a:focus-visible{text-decoration:underline;text-decoration-color:var(--color-accent)}button{font-family:var(--font-system)}img{max-width:100%;display:block}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-content{flex:1 1 auto}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.container{width:min(100% - 2rem,var(--layout-max-width));margin:0 auto}.grid{display:grid;gap:2rem}.surface{background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.text-muted{color:var(--color-text-secondary)}.link-underline{text-decoration:underline;text-decoration-color:var(--color-border);transition:text-decoration-color var(--transition-default)}.link-underline:hover{text-decoration-color:var(--color-accent)}.sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}@keyframes loaderFadeOut{0%{opacity:1;pointer-events:auto}to{opacity:0;pointer-events:none}}@keyframes contentReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loader-fade-out{animation:loaderFadeOut .3s ease-out forwards}.reveal-container{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.reveal-container.hidden{display:none!important}.reveal-container.active{display:block;opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.auth-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:1.75rem;padding:clamp(1.5rem,7vw,2.5rem) clamp(1rem,6vw,1.75rem) 3rem;background-color:var(--color-background);color:var(--color-text-primary)}.auth-header{width:min(100%,600px);display:grid;gap:.65rem;text-align:left}.auth-header__eyebrow{font-family:var(--font-system-display);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;color:var(--color-text-secondary);margin:0;font-weight:600}.auth-header__headline{margin:0;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:600;color:var(--color-text-primary)}.auth-header__subtext{margin:0;font-size:1rem;color:var(--color-text-secondary);line-height:1.6}.auth-tablist{width:min(100%,600px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:2px solid var(--color-border);padding:0;background-color:transparent;gap:0}.auth-tab{font-family:var(--font-system);font-size:.875rem;letter-spacing:-.01em;text-transform:none;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-secondary);padding:.75rem 1rem;cursor:pointer;transition:color var(--transition-default),border-color var(--transition-default);font-weight:500}.auth-tab--active{color:var(--color-text-primary);font-weight:600;border-bottom-color:var(--color-text-primary)}.auth-main{width:min(100%,600px)}.auth-card{width:100%;display:grid;gap:1.5rem;background-color:var(--color-surface-elevated);color:var(--color-text-primary);padding:clamp(1.75rem,6vw,2.5rem);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-card)}.auth-form{display:grid;gap:1.1rem}.input-field{display:grid;gap:.4rem}.input-field__label{font-size:.8125rem;letter-spacing:-.01em;text-transform:none;color:var(--color-text-secondary);font-weight:500}.input-field input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:1rem;font-family:var(--font-system);color:var(--color-text-primary);background-color:var(--color-surface-elevated);transition:border-color var(--transition-default),box-shadow var(--transition-default)}.input-field input::-moz-placeholder{color:var(--color-muted)}.input-field input::placeholder{color:var(--color-muted)}.input-field input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #007aff1a}.auth-form__meta{display:flex;justify-content:flex-end;font-size:.85rem}.link-button{border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:color var(--transition-default),text-decoration-color var(--transition-default)}.auth-card .link-button{color:var(--color-text-primary)}.auth-footnote{margin:0;font-size:.92rem;color:var(--color-text-secondary);text-align:center}.auth-card .link-button:hover,.auth-card .link-button:focus-visible{color:var(--color-text-primary);text-decoration-color:var(--color-text-primary);outline:none}.cta-button{width:100%;border-radius:var(--radius-md);border:1px solid transparent;padding:.875rem 1.25rem;font-size:1rem;letter-spacing:-.01em;text-transform:none;font-family:var(--font-system);font-weight:600;cursor:pointer;transition:background-color var(--transition-default),color var(--transition-default),border-color var(--transition-default),transform var(--transition-fast);height:44px}.cta-button--primary{background-color:#000;color:#fff}.cta-button--primary:hover,.cta-button--primary:focus-visible{background-color:#1a1a1a;outline:none}.cta-button--primary:active{transform:scale(.98)}.cta-button--secondary{background-color:#fff;border:2px solid var(--color-text-primary);color:var(--color-text-primary)}.cta-button--secondary:hover,.cta-button--secondary:focus-visible{background-color:#fafafa;outline:none}.auth-feedback{margin:0;padding:.9rem 1rem;font-size:.92rem;background-color:#fafafa;color:var(--color-text-primary);border-left:3px solid var(--color-text-primary);border-radius:0}.interest-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.interest-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-default),box-shadow var(--transition-default),border-color var(--transition-default)}.interest-card:hover,.interest-card:focus-visible{transform:translateY(-1px);outline:none;box-shadow:var(--shadow-md)}.interest-card.is-selected{border-color:var(--color-accent);background:#007aff0d;box-shadow:0 0 0 3px #007aff1a}.interest-card__icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0}.interest-card__icon img{width:28px;height:28px}.interest-card__content{text-align:left}.interest-card__label{font-weight:600;color:var(--color-text-primary);font-family:var(--font-system);display:block;margin-bottom:4px;font-size:.9375rem}.interest-card__helper{color:var(--color-text-secondary);font-size:.75rem;display:block}.landing-screen{min-height:100dvh;background-color:var(--color-background);color:var(--color-text-primary);padding:clamp(2rem,6vw,3rem) clamp(1.5rem,5vw,2.5rem);display:flex;flex-direction:column;gap:3rem}.landing-header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 1.5rem .5rem;flex-wrap:wrap}.subpage-header{display:flex;align-items:center;padding:1.25rem 0;width:100%;position:relative;z-index:10}.subpage-header__left{flex:0 0 40px;display:flex;justify-content:flex-start;min-width:40px}.subpage-header__title{flex:1;text-align:center;margin:0;font-family:var(--brand-font-serif);font-size:1.25rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subpage-header__spacer{flex:0 0 40px;min-width:40px}.landing-brand{max-width:520px;display:grid;gap:.75rem}.landing-brand h1{margin:0;font-size:clamp(1.4rem,3vw,2rem);font-family:var(--font-system-display);letter-spacing:-.02em;font-weight:700}.landing-brand__summary{margin:0;color:var(--color-text-secondary);line-height:1.6}.landing-label{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.24em;color:var(--color-text-secondary)}.landing-status{display:flex;align-items:center;gap:.75rem}.landing-greeting{margin:0;font-family:var(--font-system);letter-spacing:-.01em;color:var(--color-text-secondary);font-size:clamp(.85rem,2vw,1rem);line-height:1.2}.landing-greeting span{display:block;font-size:clamp(1.2rem,3.5vw,1.5rem);font-weight:700;color:var(--color-text-primary);margin-top:2px;letter-spacing:-.02em;white-space:nowrap}@media (min-width: 769px){.landing-greeting span{display:inline;margin-left:.4rem;font-size:1.5rem}}.landing-balance{display:inline-flex;align-items:center;gap:10px;background-color:var(--color-surface-elevated);padding:5px 5px 5px 12px;border-radius:100px;border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);transition:all var(--transition-default);flex-shrink:0}.landing-balance:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.landing-balance__label{display:none}.landing-balance__value{font-size:clamp(.95rem,3vw,1.1rem);font-weight:700;font-family:var(--font-system-display);color:var(--color-text-primary);display:flex;align-items:center;gap:4px}.landing-balance__add{width:34px;height:34px;border:none;background-color:var(--color-text-primary);color:#fff;border-radius:50%;font-size:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-default);padding:0;line-height:0}.landing-balance__add span{display:block;margin-top:-2px}.landing-balance__add:active{transform:scale(.9)}.landing-profile{width:clamp(40px,10vw,48px);height:clamp(40px,10vw,48px);border:1px solid var(--color-border-subtle);border-radius:50%;background-color:var(--color-surface-elevated);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-default);flex-shrink:0}.landing-profile:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.landing-profile img{width:24px;height:24px}.landing-signout{border:1px solid var(--color-text-primary);background-color:transparent;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.12em;padding:.5rem .85rem;cursor:pointer;transition:background-color var(--transition-default),color var(--transition-default)}.landing-signout:hover,.landing-signout:focus-visible{background-color:var(--color-text-primary);color:#fff;outline:none}.landing-body{display:grid;gap:1.75rem}.landing-services{border:1px solid var(--color-border-subtle);background-color:#fff;padding:clamp(1.5rem,4vw,2rem);display:grid;gap:1.5rem;text-align:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.landing-services h2{margin:0;font-family:var(--font-system-display);letter-spacing:-.01em;text-transform:none;font-size:1.25rem;font-weight:700}.landing-services p{margin:0;color:var(--color-text-secondary);max-width:46ch}.landing-services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.landing-service-card{display:grid;gap:.75rem;align-items:center;justify-items:center;padding:1.25rem;border:1px solid var(--color-border);background-color:#fff;cursor:pointer;transition:transform var(--transition-default),border-color var(--transition-default),box-shadow var(--transition-default);border-radius:var(--radius-lg)}.landing-service-card:hover,.landing-service-card:focus-visible{border-color:var(--color-text-primary);box-shadow:var(--shadow-md);transform:translateY(-1px);outline:none}.landing-service-card__icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center}.landing-service-card__icon img,.landing-service-card__icon svg{width:100%;height:100%;max-width:32px;max-height:32px;-o-object-fit:contain;object-fit:contain}.landing-service-card__label{font-size:.9375rem;letter-spacing:-.01em;text-transform:none;font-family:var(--font-system);font-weight:600}.landing-section-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:1.5rem}.landing-section-header h2{margin:0;font-family:var(--font-system-display);letter-spacing:-.01em;text-transform:none;font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.landing-section-header svg{color:var(--color-text-secondary)}.landing-announcements{display:grid;gap:1.5rem;margin-top:1rem}.announcement-card{background-color:var(--color-surface-elevated);padding:1.25rem;border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-default);text-align:left;display:flex;flex-direction:column;gap:10px}.announcement-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.announcement-card__text{margin:0;font-size:1rem;line-height:1.6;color:var(--color-text-primary);white-space:pre-wrap}.announcement-card__footer{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-text-secondary);font-weight:500}.landing-announcements__empty{background-color:var(--color-surface-elevated);padding:3rem 2rem;border-radius:var(--radius-xl);border:1px dashed var(--color-border);display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-text-secondary)}.landing-announcements__empty p{margin:0;font-size:.9375rem}.app-loader{display:flex;justify-content:center;align-items:center;width:100%;min-height:200px;font-size:1rem;letter-spacing:.2em;text-transform:uppercase}.page-transition-wrapper{min-height:100dvh;width:100%;background-color:var(--color-background);transition:opacity .3s ease-in-out;will-change:opacity;transform:translateZ(0)}.page-transition-wrapper.loading{opacity:.95;pointer-events:none}.page-transition-wrapper.loaded{opacity:1}.persistent-background-shell{min-height:100dvh;width:100vw;background-color:var(--color-background)}@media (max-width: 480px){.auth-tab{font-size:.8rem;letter-spacing:.12em;padding:.65rem .75rem}.auth-card{padding:1.5rem;border:none;box-shadow:none}.auth-screen{padding:1rem;gap:1.25rem}.auth-header{gap:.5rem}.auth-header__headline{font-size:1.6rem}.intro-screen{gap:1.25rem}.intro-image{max-height:220px;-o-object-fit:contain;object-fit:contain}.landing-screen{padding:1.5rem;gap:2rem}.landing-header{flex-direction:column;gap:1.25rem;align-items:center;text-align:center}.landing-greeting{min-width:0;width:100%;text-align:center}.landing-status{justify-content:center;width:100%;gap:.75rem}.landing-actions{flex-direction:column;align-items:stretch}.landing-services__grid{grid-template-columns:repeat(1,minmax(0,1fr))}}