@import"https://fonts.cdnfonts.com/css/sf-pro-display";.lego-change-header{background:linear-gradient(to right,var(--color-success),var(--color-success-dark))}.vk-overlay[data-v-64f150c4]{position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-modal) + 20)}.vk-overlay__padding[data-v-64f150c4]{padding:var(--spacing-2)}@media (min-width: 640px){.vk-overlay__padding[data-v-64f150c4]{padding:var(--spacing-4)}}@media (min-width: 1024px){.vk-overlay__padding[data-v-64f150c4]{padding:var(--spacing-6)}}.vk-card[data-v-64f150c4]{max-width:92vw;border-radius:var(--radius-xl);background-color:var(--color-white)}@media (min-width: 640px){.vk-card[data-v-64f150c4]{max-width:28rem;border-radius:var(--radius-xl)}}@media (min-width: 1024px){.vk-card[data-v-64f150c4]{max-width:36rem;border-radius:var(--radius-2xl)}}.vk-header[data-v-64f150c4]{padding:var(--spacing-3) var(--spacing-3)}@media (min-width: 640px){.vk-header[data-v-64f150c4]{padding:var(--spacing-3) var(--spacing-5)}}@media (min-width: 1024px){.vk-header[data-v-64f150c4]{padding:var(--spacing-5) var(--spacing-8)}}.vk-header__title[data-v-64f150c4]{font-size:var(--font-size-sm)}@media (min-width: 640px){.vk-header__title[data-v-64f150c4]{font-size:var(--font-size-lg)}}@media (min-width: 1024px){.vk-header__title[data-v-64f150c4]{font-size:var(--font-size-2xl)}}.vk-close-btn[data-v-64f150c4]{padding:var(--spacing-1)}@media (min-width: 640px){.vk-close-btn[data-v-64f150c4]{padding:.375rem}}@media (min-width: 1024px){.vk-close-btn[data-v-64f150c4]{padding:var(--spacing-2)}}.vk-close-btn[data-v-64f150c4]:hover{color:var(--color-gray-600)}.vk-close-icon[data-v-64f150c4]{width:1.25rem;height:1.25rem}@media (min-width: 640px){.vk-close-icon[data-v-64f150c4]{width:1.5rem;height:1.5rem}}@media (min-width: 1024px){.vk-close-icon[data-v-64f150c4]{width:1.75rem;height:1.75rem}}.vk-display[data-v-64f150c4]{padding:var(--spacing-3)}@media (min-width: 640px){.vk-display[data-v-64f150c4]{padding:var(--spacing-4) var(--spacing-5)}}@media (min-width: 1024px){.vk-display[data-v-64f150c4]{padding:var(--spacing-6) var(--spacing-8)}}.vk-display__label[data-v-64f150c4]{font-size:var(--font-size-xs);margin-bottom:var(--spacing-1)}@media (min-width: 640px){.vk-display__label[data-v-64f150c4]{font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}}@media (min-width: 1024px){.vk-display__label[data-v-64f150c4]{font-size:var(--font-size-base)}}.vk-display__count[data-v-64f150c4]{font-size:var(--font-size-xs);margin-top:var(--spacing-1)}@media (min-width: 640px){.vk-display__count[data-v-64f150c4]{font-size:var(--font-size-sm);margin-top:var(--spacing-2)}}.admin-pin-dots[data-v-64f150c4]{display:flex;justify-content:center;gap:var(--spacing-3);margin-top:var(--spacing-3);margin-bottom:var(--spacing-2)}@media (min-width: 640px){.admin-pin-dots[data-v-64f150c4]{gap:var(--spacing-4);margin-top:var(--spacing-4);margin-bottom:var(--spacing-3)}}@media (min-width: 1024px){.admin-pin-dots[data-v-64f150c4]{gap:var(--spacing-5);margin-top:var(--spacing-5);margin-bottom:var(--spacing-4)}}.admin-pin-dot[data-v-64f150c4]{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-border-strong);transition:var(--transition-base)}@media (min-width: 640px){.admin-pin-dot[data-v-64f150c4]{width:20px;height:20px}}@media (min-width: 1024px){.admin-pin-dot[data-v-64f150c4]{width:24px;height:24px;border-width:3px}}.admin-pin-dot--filled[data-v-64f150c4]{background:var(--color-primary);border-color:var(--color-primary)}.admin-pin-dot--error[data-v-64f150c4]{border-color:var(--color-error)}.admin-pin-dot--filled.admin-pin-dot--error[data-v-64f150c4]{background:var(--color-error)}.admin-pin-error-msg[data-v-64f150c4]{text-align:center;color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--spacing-1);min-height:1.25rem}@media (min-width: 640px){.admin-pin-error-msg[data-v-64f150c4]{font-size:var(--font-size-sm);margin-top:var(--spacing-2)}}.admin-pin-error-shake[data-v-64f150c4]{animation:pinShake-64f150c4 .4s ease-in-out}@keyframes pinShake-64f150c4{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.vk-keypad[data-v-64f150c4]{padding:var(--spacing-3)}@media (min-width: 640px){.vk-keypad[data-v-64f150c4]{padding:var(--spacing-4) var(--spacing-5)}}@media (min-width: 1024px){.vk-keypad[data-v-64f150c4]{padding:var(--spacing-6) var(--spacing-8)}}.vk-keypad__grid[data-v-64f150c4]{gap:.375rem}@media (min-width: 640px){.vk-keypad__grid[data-v-64f150c4]{gap:var(--spacing-2)}}@media (min-width: 1024px){.vk-keypad__grid[data-v-64f150c4]{gap:var(--spacing-4)}}.keypad-btn[data-v-64f150c4]{width:100%;height:56px;border-radius:12px;font-weight:700;font-size:22px;display:flex;align-items:center;justify-content:center;transition:all .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;box-shadow:0 1px 2px rgba(var(--color-dark-rgb),.05)}.keypad-btn-action[data-v-64f150c4]{font-size:15px;font-weight:600}.keypad-btn--interactive[data-v-64f150c4]:hover{background-color:var(--color-gray-50);box-shadow:var(--shadow-md)}.keypad-btn--interactive[data-v-64f150c4]:active{background-color:var(--color-gray-100);transform:scale(.95)}.keypad-btn-action.keypad-btn--interactive[data-v-64f150c4]:hover{background-color:var(--color-gray-200)}.keypad-btn-action.keypad-btn--interactive[data-v-64f150c4]:active{background-color:var(--color-gray-300)}@media (min-width: 640px){.keypad-btn[data-v-64f150c4]{height:72px;border-radius:14px;font-size:30px}.keypad-btn-action[data-v-64f150c4]{font-size:20px}}@media (min-width: 1024px){.keypad-btn[data-v-64f150c4]{height:88px;border-radius:18px;font-size:36px}.keypad-btn-action[data-v-64f150c4]{font-size:22px}}#app{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-gray-800);min-height:100vh}body{margin:0;padding:0;background-color:var(--color-gray-50)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}button:disabled{opacity:.5;cursor:not-allowed}.animate-spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}.global-header[data-v-454fa4e7]{background-color:var(--color-bg-base);border-bottom:1px solid var(--color-border-default);padding:var(--spacing-4) var(--spacing-12);display:flex;align-items:center;justify-content:space-between;min-width:var(--layout-min-width);flex-wrap:nowrap}.global-header__nav[data-v-454fa4e7]{display:flex;gap:var(--spacing-4);align-items:center;white-space:nowrap;flex-shrink:0}.global-header__right[data-v-454fa4e7]{display:flex;align-items:center;gap:var(--spacing-1);white-space:nowrap;flex-shrink:0}.global-header__logo[data-v-454fa4e7]{display:flex;align-items:center;margin-right:var(--spacing-4)}.global-header__logo-img[data-v-454fa4e7]{width:6rem;-o-object-fit:contain;object-fit:contain;cursor:pointer;transition:opacity var(--transition-fast)}.global-header__logo-img[data-v-454fa4e7]:hover{opacity:.8}.global-header__nav-link[data-v-454fa4e7]{font-weight:var(--font-weight-bold);color:var(--color-text-default);transition:color var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-1);text-decoration:none;background:none;border:none;cursor:pointer;padding:0}.global-header__nav-link[data-v-454fa4e7]:focus{outline:none}.global-header__nav-link[data-v-454fa4e7]:hover{color:var(--color-primary)}.global-header__nav-link--primary[data-v-454fa4e7]{font-size:var(--font-size-lg)}.global-header__nav-link--secondary[data-v-454fa4e7]{font-size:var(--font-size-base)}.global-header__nav-link--active[data-v-454fa4e7]{color:var(--color-primary);border-bottom:4px solid var(--color-primary-dark)}.global-header__divider[data-v-454fa4e7]{display:inline-block;height:var(--size-4);width:1px;background-color:var(--color-border-muted);margin:0}.global-header__chevron[data-v-454fa4e7]{color:var(--color-text-secondary)}.global-header__dropdown-wrap[data-v-454fa4e7]{position:relative}.global-header__dropdown-trigger[data-v-454fa4e7]{display:flex;align-items:center;gap:var(--spacing-1)}.global-header__dropdown-menu[data-v-454fa4e7]{position:absolute;left:0;margin-top:var(--spacing-2);width:11rem;background-color:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.global-header__dropdown-item[data-v-454fa4e7]{display:flex;width:100%;text-align:left;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-default);align-items:center;gap:var(--spacing-2);text-decoration:none;background:none;border:none;cursor:pointer}.global-header__dropdown-item[data-v-454fa4e7]:hover{background-color:var(--color-gray-100)}.global-header__dropdown-item--first[data-v-454fa4e7]{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.global-header__dropdown-item--last[data-v-454fa4e7]{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.global-header__dropdown-item--danger[data-v-454fa4e7]{color:var(--color-error)}.global-header__profile-menu[data-v-454fa4e7]{position:absolute;right:0;margin-top:var(--spacing-2);width:12rem;background-color:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.global-header__profile-info[data-v-454fa4e7]{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-gray-100)}.global-header__profile-name[data-v-454fa4e7]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.global-header__profile-email[data-v-454fa4e7]{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.global-header__menu-divider[data-v-454fa4e7]{border-top:1px solid var(--color-gray-100);margin:var(--spacing-1) 0}.global-header__fee-alert[data-v-454fa4e7]{padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-red-50);border-bottom:1px solid rgba(var(--color-error-rgb),var(--opacity-30))}.global-header__fee-alert-header[data-v-454fa4e7]{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.global-header__fee-alert-icon[data-v-454fa4e7]{color:var(--color-error)}.global-header__fee-alert-title[data-v-454fa4e7]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-error-dark)}.global-header__fee-alert-body[data-v-454fa4e7]{font-size:var(--font-size-xs);color:var(--color-error)}.global-header__fee-alert-details[data-v-454fa4e7]{display:flex;flex-direction:column;gap:var(--spacing-1)}.global-header__fee-alert-warn[data-v-454fa4e7]{color:var(--color-error);font-weight:var(--font-weight-medium);margin-top:var(--spacing-2)}.global-header__fee-alert-divider[data-v-454fa4e7]{border-color:rgba(var(--color-error-rgb),var(--opacity-30));margin:var(--spacing-2) 0}.global-header__fee-alert-account[data-v-454fa4e7]{color:var(--color-error-dark);font-size:var(--font-size-xs);display:flex;flex-direction:column;gap:var(--spacing-1)}.global-header__actions[data-v-454fa4e7]{display:flex;align-items:center;gap:var(--spacing-1);margin-left:var(--spacing-2);flex-shrink:0}.global-header__action-btn[data-v-454fa4e7]{height:var(--size-9);padding:0 var(--spacing-3);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-1)}.global-header__icon-btn[data-v-454fa4e7]{padding:var(--spacing-2);color:var(--color-text-inverted);border-radius:var(--radius-full);transition:background-color var(--transition-200);border:none;cursor:pointer}.global-header__icon-btn svg[data-v-454fa4e7],.global-header__icon-btn .icon-md[data-v-454fa4e7]{width:var(--size-5);height:var(--size-5)}.global-header__icon-btn--orange[data-v-454fa4e7]{background-color:var(--color-primary-dark)}.global-header__icon-btn--orange[data-v-454fa4e7]:hover{background-color:var(--color-primary-700)}.global-header__icon-btn--dark[data-v-454fa4e7]{background-color:var(--color-gray-800)}.global-header__icon-btn--dark[data-v-454fa4e7]:hover{background-color:var(--color-gray-900)}.global-header__front-btn[data-v-454fa4e7]{background-color:var(--color-bg-base);border:var(--border-2) solid var(--color-primary);color:var(--color-primary);height:var(--size-9);padding:0 var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--spacing-1);position:relative;border-radius:var(--radius-lg);transition:background-color var(--transition-fast);cursor:pointer}.global-header__front-btn--spaced[data-v-454fa4e7]{margin-left:var(--spacing-2)}.global-header__front-btn[data-v-454fa4e7]:hover{background-color:var(--color-primary-lightest)}.global-header__circle-btn[data-v-454fa4e7]{padding:var(--spacing-2);border-radius:var(--radius-full);transition:all var(--transition-fast);border:none;cursor:pointer;position:relative}.global-header__circle-btn svg[data-v-454fa4e7],.global-header__circle-btn .icon-md[data-v-454fa4e7]{width:var(--size-5);height:var(--size-5)}.global-header__circle-btn--primary[data-v-454fa4e7]{color:var(--color-text-inverted);background-color:var(--color-primary)}.global-header__circle-btn--primary[data-v-454fa4e7]:hover{background-color:var(--color-primary-dark)}.global-header__circle-btn--light[data-v-454fa4e7]{color:var(--color-primary);background-color:var(--color-primary-lightest)}.global-header__circle-btn--light[data-v-454fa4e7]:hover{background-color:var(--color-blue-100)}.global-header__merged-btn-group[data-v-454fa4e7]{display:flex;align-items:stretch;background-color:var(--color-primary);border-radius:var(--radius-full);overflow:hidden}.global-header__merged-btn-group[data-v-454fa4e7]:hover{overflow:visible}.global-header__merged-btn[data-v-454fa4e7]{padding:var(--spacing-2);color:var(--color-text-inverted);background:transparent;border:none;cursor:pointer;position:relative;transition:background-color var(--transition-fast)}.global-header__merged-btn--left[data-v-454fa4e7]{border-radius:var(--radius-full) 0 0 var(--radius-full);padding-left:var(--spacing-4)}.global-header__merged-btn--center[data-v-454fa4e7]{border-radius:0}.global-header__merged-btn--right[data-v-454fa4e7]{border-radius:0 var(--radius-full) var(--radius-full) 0;padding-right:var(--spacing-4)}.global-header__merged-btn-group--info[data-v-454fa4e7]{background-color:var(--color-info)}.global-header__merged-btn[data-v-454fa4e7]:hover{background-color:var(--color-primary-dark)}.global-header__merged-btn-group--info .global-header__merged-btn[data-v-454fa4e7]:hover{background-color:var(--color-info-dark)}.global-header__merged-btn svg[data-v-454fa4e7]{width:var(--size-5);height:var(--size-5)}.global-header__merged-btn-divider[data-v-454fa4e7]{width:1px;align-self:center;height:var(--size-4);background-color:#ffffff59;flex-shrink:0}.global-header__unread-badge[data-v-454fa4e7]{position:absolute;top:-.25rem;right:-.25rem;background-color:var(--color-error);color:var(--color-text-inverted);font-size:.625rem;border-radius:var(--radius-full);height:var(--size-4);min-width:var(--size-4);padding:0 var(--spacing-1);display:flex;align-items:center;justify-content:center}.global-header__gap[data-v-454fa4e7]{width:var(--spacing-1)}.global-header__announcement[data-v-454fa4e7]{display:none;margin-left:var(--spacing-2);flex:none}@media (min-width: 1700px){.global-header__announcement[data-v-454fa4e7]{display:block}}.header-icon-tooltip[data-v-454fa4e7],[data-v-454fa4e7] .header-icon-tooltip{position:relative;cursor:pointer}.header-icon-tooltip[data-v-454fa4e7]:hover:after,[data-v-454fa4e7] .header-icon-tooltip:hover:after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--color-gray-800);color:var(--color-text-inverted);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);white-space:nowrap;z-index:var(--z-tooltip);box-shadow:0 4px 6px -1px rgba(var(--color-dark-rgb),var(--opacity-30));pointer-events:none;margin-top:var(--spacing-2)}.header-icon-tooltip[data-v-454fa4e7]:hover:before,[data-v-454fa4e7] .header-icon-tooltip:hover:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:var(--color-gray-800);z-index:var(--z-tooltip);pointer-events:none;margin-top:-.25rem}.store-switch-tooltip[data-v-454fa4e7]{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--color-text-inverted);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);white-space:nowrap;z-index:var(--z-tooltip);box-shadow:0 4px 6px -1px rgba(var(--color-dark-rgb),var(--opacity-30));pointer-events:none;margin-top:var(--spacing-2)}.franchise-fee-unpaid-blink[data-v-454fa4e7]{animation:franchise-fee-blink-454fa4e7 2s infinite}@keyframes franchise-fee-blink-454fa4e7{0%,50%{background-color:var(--color-error);box-shadow:0 0 rgba(var(--color-error-rgb),var(--opacity-70))}25%{background-color:var(--color-error-dark);box-shadow:0 0 0 10px rgba(var(--color-error-rgb),var(--opacity-0))}75%{background-color:var(--color-error-dark);box-shadow:0 0 0 10px rgba(var(--color-error-rgb),var(--opacity-0))}to{background-color:var(--color-error);box-shadow:0 0 rgba(var(--color-error-rgb),var(--opacity-0))}}.modal-overlay[data-v-a0c6145d]{z-index:var(--z-modal-confirm)}.modal-container[data-v-a0c6145d]{min-width:320px;max-width:80vw}.modal-xs[data-v-a0c6145d]{width:20%}.modal-small[data-v-a0c6145d]{width:25%}.modal-medium[data-v-a0c6145d]{width:30%}.modal-large[data-v-a0c6145d]{width:40%}.toast-slide-enter-active[data-v-f0328861]{transition:opacity .3s ease-out,transform .3s ease-out}.toast-slide-leave-active[data-v-f0328861]{transition:opacity .2s ease-in,transform .2s ease-in}.toast-slide-enter-from[data-v-f0328861],.toast-slide-leave-to[data-v-f0328861]{opacity:0;transform:translateY(-1rem)}.toast-slide-enter-to[data-v-f0328861],.toast-slide-leave-from[data-v-f0328861]{opacity:1;transform:translateY(0)}.btn-full{width:100%}.btn-icon{margin-right:.5rem}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.select-wrapper[data-v-066dc1e7]{display:inline-block}.select-measurer[data-v-066dc1e7]{display:block;height:0;overflow:hidden;white-space:nowrap;font-size:14px;padding-left:var(--spacing-4);padding-right:var(--spacing-10)}.badge.badge-xs{padding-left:var(--spacing-0-5);padding-right:var(--spacing-0-5);padding-top:var(--spacing-0);padding-bottom:var(--spacing-0);font-size:9px;line-height:1.4}.toggle-card-animate[data-v-eae58c4c]{transition:width var(--toggle-card-transition-duration) var(--toggle-card-transition-easing)}.toggle-card-collapsed[data-v-eae58c4c]{width:var(--toggle-card-width-collapsed)}.toggle-card-expanded[data-v-eae58c4c]{width:var(--toggle-card-width-expanded)}.toggle-card-icon[data-v-eae58c4c]{display:inline-block;transition:transform var(--toggle-card-transition-duration) var(--toggle-card-transition-easing)}.toggle-card-icon.rotate-180[data-v-eae58c4c]{transform:rotate(180deg)}.toggle-card-button[data-v-eae58c4c]{position:absolute;left:-16px;top:50%;transform:translateY(-50%);transition:background-color var(--transition-200) ease,transform var(--transition-200) ease}.toggle-card-button[data-v-eae58c4c]:hover{transform:translateY(-50%) scale(1.1)}.toggle-card-button[data-v-eae58c4c]:active{transform:translateY(-50%) scale(.95)}.selected-member-card{position:relative;display:flex;flex-direction:column;flex:1}.selected-member-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.selected-member-card-header-left{display:flex;align-items:center;gap:var(--spacing-3)}.selected-member-card-header-right{display:flex;align-items:center;gap:var(--spacing-2)}.selected-member-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.selected-member-card-body{border-radius:var(--radius-lg);font-size:var(--font-size-sm);display:flex;flex-direction:column;justify-content:center;position:relative;flex:1}.table-overflow{overflow-x:auto;display:flex;flex-direction:column;flex:1}.member-info-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden}.member-info-table tbody tr{border-bottom:1px solid var(--color-gray-200)}.member-info-table tbody tr:last-child{border-bottom:none}.member-info-cell,.member-info-table tbody td{padding:var(--spacing-3);text-align:left!important;vertical-align:middle;border-bottom:1px solid var(--color-gray-200)}.member-info-table tbody tr:last-child td{border-bottom:1px solid transparent}.member-info-cell-label,.member-info-table tbody td:nth-child(odd){background-color:var(--color-gray-50)}.member-info-cell-value,.member-info-table tbody td:nth-child(2n){background-color:var(--color-white)}.member-info-table .table-cell-center{text-align:left!important}.col-label{width:20%}.col-value,.col-label-compact{width:30%}.col-value-compact{width:70%}.table-label{font-weight:var(--font-weight-normal);color:var(--color-gray-600)}.table-value-bold{font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.cell-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-nowrap{white-space:nowrap}.member-name-cell{display:flex;align-items:center;gap:var(--spacing-1)}.member-name-cell-wrapper{position:relative}.group-badge-wrapper{position:absolute;top:50%;right:var(--spacing-3);transform:translateY(-50%)}.member-type-cell{position:relative}.member-type-badge-wrapper{position:absolute;top:50%;left:var(--spacing-3);transform:translateY(-50%)}.member-action-button-area{display:flex;justify-content:flex-end}.member-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:162px;padding:calc(6rem - 5px) 0;background-color:var(--color-gray-50);border-radius:var(--radius-lg);flex:1}.member-empty-state-icon{color:var(--color-gray-400);margin-bottom:var(--spacing-2);stroke-width:1}.member-empty-state-text{color:var(--color-gray-400);font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.table-empty-state[data-v-608df8f1]{background-color:var(--color-bg-base);padding:var(--spacing-10) var(--spacing-4);text-align:center}.table-empty-state-inner[data-v-608df8f1]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.table-empty-state-icon[data-v-608df8f1]{width:32px;height:32px;color:var(--color-text-muted);stroke-width:1}.table-empty-state-text[data-v-608df8f1]{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.card-table-container{overflow:hidden}.card-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.card-table thead{background-color:var(--color-gray-50)}.card-table th{height:40px;padding:0 var(--spacing-4);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);text-align:center;border-top:1px solid var(--color-gray-700);border-bottom:1px solid var(--color-gray-700)}.card-table td{height:52px;padding:0 var(--spacing-4);vertical-align:middle;border-bottom:1px solid var(--color-gray-200)}.card-table tbody tr:last-child td{border-bottom:none}.card-table{margin-bottom:0}.card-table-row-hover:hover{background-color:var(--color-gray-50)}.card-table-row-clickable{cursor:pointer}.card-table-row-selected td{background-color:var(--color-sky-50);box-shadow:inset 0 1px 0 0 var(--color-primary),inset 0 -1px 0 0 var(--color-primary)}.card-table td input[type=text],.card-table td input[type=number],.card-table td .form-input{height:var(--input-height)}.lego-product-info[data-v-0e33297a]{white-space:nowrap}.lego-product-info--with-image[data-v-0e33297a]{display:inline-flex;align-items:center;gap:var(--spacing-5);margin:-6px 0;vertical-align:middle}.lego-product-thumb[data-v-0e33297a]{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm);flex-shrink:0;background:var(--color-bg-base);transition:var(--transition-base)}[data-v-0e33297a] .card-table-row-hover:hover .lego-product-thumb,[data-v-0e33297a] .table-row:hover .lego-product-thumb,tr:hover .lego-product-thumb[data-v-0e33297a]{background:var(--color-gray-50)}.lego-product-text[data-v-0e33297a]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-wrapper[data-v-0abe8761]{width:100%;min-height:100%}.page-header[data-v-4ece97b1]{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.page-header-left[data-v-4ece97b1]{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.page-header-right[data-v-4ece97b1]{display:flex;align-items:center;gap:var(--spacing-sm)}.page-header-title-area[data-v-4ece97b1]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.page-title[data-v-4ece97b1]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0;line-height:1.2;display:flex;align-items:center;gap:var(--spacing-2)}.page-title-icon[data-v-4ece97b1]{flex-shrink:0}.page-subtitle[data-v-4ece97b1]{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.page-header-badges[data-v-4ece97b1]{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.page-header-tabs[data-v-4ece97b1]{display:flex;align-items:center}.stat-badge[data-v-4ece97b1]{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.stat-badge-primary[data-v-4ece97b1]{background-color:var(--color-primary-lightest);color:var(--color-primary-dark)}.stat-badge-success[data-v-4ece97b1]{background-color:var(--color-success-lightest);color:var(--color-success-dark)}.stat-badge-warning[data-v-4ece97b1]{background-color:var(--color-warning-lightest);color:var(--color-warning-dark)}.stat-badge-error[data-v-4ece97b1]{background-color:var(--color-error-lightest);color:var(--color-error-dark)}.stat-badge-info[data-v-4ece97b1]{background-color:var(--color-info-lightest);color:var(--color-info-dark)}.page-filters[data-v-af0011a8]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.page-filters-horizontal[data-v-af0011a8]{flex-direction:row}.page-filters-vertical[data-v-af0011a8]{flex-direction:column;align-items:stretch}.page-filters-left[data-v-af0011a8]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.page-filters-right[data-v-af0011a8]{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.page-filters-vertical .page-filters-left[data-v-af0011a8]{width:100%}.page-filters-vertical .page-filters-right[data-v-af0011a8]{width:100%;margin-left:0;justify-content:flex-end}.page-filters-search[data-v-af0011a8]{display:flex;align-items:center;gap:var(--spacing-sm);min-width:200px}.page-filters-items[data-v-af0011a8]{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--spacing-sm)}.page-filters-sort[data-v-af0011a8]{display:flex;align-items:center;gap:var(--spacing-sm)}.form-modal-overlay[data-v-3c155afe]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-dark-rgb),var(--opacity-50));z-index:var(--z-modal, 1000);padding:var(--spacing-md)}.form-modal-container[data-v-3c155afe]{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh}.form-modal-header[data-v-3c155afe]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.form-modal-header-default[data-v-3c155afe]{background-color:var(--color-gray-50)}.form-modal-header-primary[data-v-3c155afe]{background-color:var(--color-primary)}.form-modal-header-primary .form-modal-title[data-v-3c155afe],.form-modal-header-primary .form-modal-close[data-v-3c155afe]{color:var(--color-white)}.form-modal-header-success[data-v-3c155afe]{background-color:var(--color-success)}.form-modal-header-success .form-modal-title[data-v-3c155afe],.form-modal-header-success .form-modal-close[data-v-3c155afe]{color:var(--color-white)}.form-modal-header-warning[data-v-3c155afe]{background-color:var(--color-warning)}.form-modal-header-warning .form-modal-title[data-v-3c155afe],.form-modal-header-warning .form-modal-close[data-v-3c155afe]{color:var(--color-white)}.form-modal-header-error[data-v-3c155afe]{background-color:var(--color-error)}.form-modal-header-error .form-modal-title[data-v-3c155afe],.form-modal-header-error .form-modal-close[data-v-3c155afe]{color:var(--color-white)}.form-modal-title[data-v-3c155afe]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.form-modal-close[data-v-3c155afe]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-gray-500);border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.form-modal-close[data-v-3c155afe]:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.form-modal-header-primary .form-modal-close[data-v-3c155afe]:hover,.form-modal-header-success .form-modal-close[data-v-3c155afe]:hover,.form-modal-header-warning .form-modal-close[data-v-3c155afe]:hover,.form-modal-header-error .form-modal-close[data-v-3c155afe]:hover{background-color:#fff3;color:var(--color-white)}.form-modal-body[data-v-3c155afe]{padding:var(--spacing-lg);overflow:visible;flex:1}.form-modal-footer[data-v-3c155afe]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.form-modal-spinner[data-v-3c155afe]{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin-3c155afe .75s linear infinite;margin-right:var(--spacing-xs)}@keyframes spin-3c155afe{to{transform:rotate(360deg)}}.modal-enter-active[data-v-3c155afe],.modal-leave-active[data-v-3c155afe]{transition:opacity .2s ease}.modal-enter-active .form-modal-container[data-v-3c155afe],.modal-leave-active .form-modal-container[data-v-3c155afe]{transition:transform .2s ease}.modal-enter-from[data-v-3c155afe],.modal-leave-to[data-v-3c155afe]{opacity:0}.modal-enter-from .form-modal-container[data-v-3c155afe],.modal-leave-to .form-modal-container[data-v-3c155afe]{transform:scale(.95)}.detail-modal-overlay[data-v-64794350]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-dark-rgb),var(--opacity-50));z-index:var(--z-modal, 1000);padding:var(--spacing-md)}.detail-modal-container[data-v-64794350]{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.detail-modal-header[data-v-64794350]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.detail-modal-title[data-v-64794350]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.detail-modal-close[data-v-64794350]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-gray-500);border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.detail-modal-close[data-v-64794350]:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.detail-modal-body[data-v-64794350]{padding:var(--spacing-lg);overflow-y:auto;flex:1}.detail-modal-footer[data-v-64794350]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.modal-enter-active[data-v-64794350],.modal-leave-active[data-v-64794350]{transition:opacity .2s ease}.modal-enter-active .detail-modal-container[data-v-64794350],.modal-leave-active .detail-modal-container[data-v-64794350]{transition:transform .2s ease}.modal-enter-from[data-v-64794350],.modal-leave-to[data-v-64794350]{opacity:0}.modal-enter-from .detail-modal-container[data-v-64794350],.modal-leave-to .detail-modal-container[data-v-64794350]{transform:scale(.95)}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.app-modal-overlay[data-v-fa5ab956]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-dark-rgb),var(--modal-overlay-opacity));z-index:var(--z-modal-backdrop);padding:var(--spacing-md)}.app-modal-container[data-v-fa5ab956]{width:100%;background-color:var(--color-bg-base);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column;max-height:90vh;z-index:var(--z-modal);outline:none}.app-modal-xs[data-v-fa5ab956]{max-width:var(--modal-width-xs)}.app-modal-sm[data-v-fa5ab956]{max-width:var(--modal-width-sm)}.app-modal-md[data-v-fa5ab956]{max-width:var(--modal-width-md)}.app-modal-payment[data-v-fa5ab956]{max-width:var(--modal-width-payment)}.app-modal-lg[data-v-fa5ab956]{max-width:var(--modal-width-lg)}.app-modal-xl[data-v-fa5ab956]{max-width:var(--modal-width-xl)}.app-modal-2xl[data-v-fa5ab956]{max-width:var(--modal-width-2xl)}.app-modal-3xl[data-v-fa5ab956]{max-width:var(--modal-width-3xl)}.app-modal-full[data-v-fa5ab956]{max-width:var(--modal-width-full);height:calc(100vh - 2rem)}.app-modal-header[data-v-fa5ab956]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-8);border-bottom:1px solid var(--color-border-default);flex-shrink:0}.app-modal-header--default[data-v-fa5ab956],.app-modal-header--primary[data-v-fa5ab956]{background-color:var(--color-primary)}.app-modal-header--success[data-v-fa5ab956]{background-color:var(--color-success)}.app-modal-header--warning[data-v-fa5ab956]{background-color:var(--color-warning)}.app-modal-header--error[data-v-fa5ab956]{background-color:var(--color-error)}.app-modal-title-area[data-v-fa5ab956]{display:flex;align-items:center;gap:var(--spacing-3)}.app-modal-title[data-v-fa5ab956]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-inverted);margin:0}.app-modal-header-actions[data-v-fa5ab956]{display:flex;align-items:center;gap:var(--spacing-sm)}.app-modal-close[data-v-fa5ab956]{display:flex;align-items:center;justify-content:center;width:var(--size-8);height:var(--size-8);border:none;background:transparent;color:var(--color-text-inverted);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.app-modal-close[data-v-fa5ab956]:hover{background-color:#ffffff26;color:var(--color-text-inverted)}.app-modal-body[data-v-fa5ab956]{padding:var(--spacing-lg) var(--spacing-8);overflow-y:auto;scrollbar-gutter:stable;flex:1;min-height:0;background-color:var(--color-bg-base)}.app-modal-body[data-v-fa5ab956]:first-child{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.app-modal-body[data-v-fa5ab956]:last-child{border-radius:0 0 var(--radius-xl) var(--radius-xl)}.app-modal-body[data-v-fa5ab956]:first-child:last-child{border-radius:var(--radius-xl)}.app-modal-footer[data-v-fa5ab956]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-8);border-top:1px solid var(--color-border-default);background-color:var(--color-gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl);flex-shrink:0}.app-modal-enter-active[data-v-fa5ab956],.app-modal-leave-active[data-v-fa5ab956]{transition:opacity var(--transition-base) ease}.app-modal-enter-active .app-modal-container[data-v-fa5ab956],.app-modal-leave-active .app-modal-container[data-v-fa5ab956]{transition:transform var(--transition-base) ease}.app-modal-enter-from[data-v-fa5ab956],.app-modal-leave-to[data-v-fa5ab956]{opacity:0}.app-modal-enter-from .app-modal-container[data-v-fa5ab956],.app-modal-leave-to .app-modal-container[data-v-fa5ab956]{transform:scale(.95)}.form-error[data-v-8e5ee501]{color:var(--color-red-600);font-size:var(--font-size-sm);margin-top:var(--spacing-2)}.btn-cancel[data-v-8e5ee501]{background-color:var(--color-gray-300)}.btn-cancel[data-v-8e5ee501]:hover{background-color:var(--color-gray-400)}.login-container[data-v-8e5ee501]{height:600px}.login-form-area[data-v-8e5ee501]{padding-left:var(--spacing-16);padding-right:var(--spacing-16)}@media (max-width: 767px){.login-container[data-v-8e5ee501]{flex-direction:column;height:auto;max-width:100%;margin:var(--spacing-4)}.login-image-area[data-v-8e5ee501]{display:none}.login-form-area[data-v-8e5ee501]{width:100%;padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}html{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;font-feature-settings:"tnum";-webkit-font-feature-settings:"tnum";-moz-font-feature-settings:"tnum";-ms-font-feature-settings:"tnum"}:root{--color-primary: #3b82f6;--color-primary-rgb: 59, 130, 246;--color-success: #10b981;--color-success-rgb: 16, 185, 129;--color-warning: #f59e0b;--color-warning-rgb: 245, 158, 11;--color-error: #ef4444;--color-error-rgb: 239, 68, 68;--color-info: #06b6d4;--color-info-rgb: 6, 182, 212;--color-accent: #8b5cf6;--color-accent-rgb: 139, 92, 246;--color-secondary: #ec4899;--color-secondary-rgb: 236, 72, 153;--color-neutral: #6b7280;--color-neutral-rgb: 107, 114, 128;--color-light: #ffffff;--color-light-rgb: 255, 255, 255;--color-dark: #000000;--color-dark-rgb: 0, 0, 0;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--opacity-0: 0;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1;--color-primary-dark: #2563eb;--color-primary-light: rgba(59, 130, 246, .7);--color-primary-lighter: rgba(59, 130, 246, .5);--color-primary-lightest: rgba(59, 130, 246, .1);--color-success-dark: #059669;--color-success-light: rgba(16, 185, 129, .7);--color-success-lighter: rgba(16, 185, 129, .5);--color-success-lightest: rgba(16, 185, 129, .1);--color-warning-dark: #d97706;--color-warning-light: rgba(245, 158, 11, .7);--color-warning-lighter: rgba(245, 158, 11, .5);--color-warning-lightest: rgba(245, 158, 11, .2);--color-error-dark: #dc2626;--color-error-light: rgba(239, 68, 68, .7);--color-error-lighter: rgba(239, 68, 68, .5);--color-error-lightest: rgba(239, 68, 68, .1);--color-info-dark: #0891b2;--color-info-light: rgba(6, 182, 212, .7);--color-info-lighter: rgba(6, 182, 212, .5);--color-info-lightest: rgba(6, 182, 212, .1);--color-accent-dark: #7c3aed;--color-bg-base: var(--color-light);--color-bg-elevated: var(--color-light);--color-bg-muted: rgba(var(--color-neutral-rgb), var(--opacity-10));--color-bg-subtle: rgba(var(--color-neutral-rgb), var(--opacity-20));--color-text: #111827;--color-text-primary: var(--color-dark);--color-text-secondary: var(--color-neutral);--color-text-muted: rgba(var(--color-neutral-rgb), var(--opacity-60));--color-text-inverted: var(--color-light);--color-text-placeholder: rgba(var(--color-neutral-rgb), var(--opacity-40));--color-text-default: #1f2937;--color-text-subtle: rgba(var(--color-neutral-rgb), var(--opacity-50));--color-border-default: var(--color-gray-200);--color-border-muted: var(--color-gray-300);--color-border-strong: var(--color-gray-500);--color-border-subtle: var(--color-gray-200);--color-member-time: var(--color-primary);--color-member-rental: #14b8a6;--color-member-point: #eab308;--color-member-general: var(--color-neutral);--color-member-guest: var(--color-warning);--color-member-group: #6366f1;--color-checkin: var(--color-primary);--color-checkout: var(--color-gray-700);--color-cancelled: var(--color-error);--color-on-hold: var(--color-warning);--color-session-active: var(--color-primary);--color-session-complete: var(--color-gray-700);--color-session-cancelled: var(--color-error);--color-rental: var(--color-success);--color-return: var(--color-gray-700);--color-payment-card: var(--color-primary);--color-payment-cash: var(--color-success);--color-payment-point: var(--color-accent);--color-payment-transfer: var(--color-info);--color-gender-female: #e84393;--color-gender-female-hover: #d63384;--color-gender-male: var(--color-gray-600);--color-gender-male-hover: var(--color-gray-700);--color-purple: #8b5cf6;--color-purple-rgb: 139, 92, 246;--color-purple-dark: rgba(139, 92, 246, .85);--color-purple-light: rgba(139, 92, 246, .7);--color-purple-100: rgba(139, 92, 246, .1);--color-purple-200: #e9d5ff;--color-purple-300: #d8b4fe;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: rgba(139, 92, 246, .9);--color-purple-900: #581c87;--color-pink-500: #ec4899;--color-orange-600: #ff3600;--color-orange-700: #e62e00;--color-orange-deep: #ea580c;--color-orange-bright: #f97316;--color-yellow-50: #fefce8;--color-yellow-100: #fef9c3;--color-yellow-150: #fef4a6;--color-yellow-200: #fef08a;--color-yellow-500: #eab308;--color-yellow-700: #a16207;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-500: #f59e0b;--color-amber-700: #b45309;--color-amber-800: #92400e;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-500: #ef4444;--color-red-700: #b91c1c;--color-orange-100: #ffedd5;--color-orange-500: #f97316;--color-orange-vivid: #ff6b00;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-300: #93c5fd;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-blue-800: #1e40af;--color-blue-900: #1e3a8a;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-900: #0f172a;--color-violet-200: #ddd6fe;--color-violet-500: #8b5cf6;--color-cyan-100: #cffafe;--color-cyan-200: #a5f3fc;--color-cyan-500: #06b6d4;--color-cyan-700: #0e7490;--color-emerald-200: #a7f3d0;--color-emerald-400: #34d399;--color-lime-200: #d9f99d;--color-lime-400: #a3e635;--color-lime-800: #3f6212;--color-indigo-100: #e0e7ff;--color-indigo-200: #c7d2fe;--color-indigo-300: #a5b4fc;--color-indigo-500: #6366f1;--color-indigo-600: #4f46e5;--color-indigo-700: #4338ca;--color-indigo-800: #3730a3;--color-indigo-900: #312e81;--color-red-600: #dc2626;--color-teal-500: #14b8a6;--color-rose-200: #fecdd3;--color-fuchsia-200: #f5d0fe;--color-apple-light: #f5f5f7;--color-apple-dark: #1d1d1f;--color-apple-gray: #86868b;--color-apple-blue: #0071e3;--color-apple-blue-rgb: 0, 113, 227;--color-sky-50: #f0f9ff;--color-sky-200: #bae6fd;--color-sky-300: #7dd3fc;--color-sky-700: #0369a1;--color-sky-800: #075985;--color-sky-900: #0c4a6e;--color-sky-950: #0c4a6e;--color-primary-100: rgba(59, 130, 246, .1);--color-primary-700: rgba(59, 130, 246, .9);--color-success-100: rgba(16, 185, 129, .1);--color-success-700: rgba(16, 185, 129, .9);--color-warning-100: rgba(245, 158, 11, .1);--color-warning-700: rgba(245, 158, 11, .9);--color-error-100: rgba(239, 68, 68, .1);--color-error-700: rgba(239, 68, 68, .9);--color-purple-800: #6b21a8;--color-yellow-300: #fde047;--accent: var(--color-primary);--highlight: var(--color-primary);--color-chat-highlight: #ffeb33;--color-grade-wood: rgba(var(--color-success-rgb), var(--opacity-30));--color-grade-sky: rgba(var(--color-info-rgb), var(--opacity-30));--color-grade-forest: rgba(var(--color-success-rgb), var(--opacity-50));--color-grade-earth: rgba(var(--color-accent-rgb), var(--opacity-30));--color-grade-space: rgba(var(--color-accent-rgb), var(--opacity-50));--chart-grade-saessak: rgba(34, 197, 94, .8);--chart-grade-namu: rgba(168, 85, 247, .8);--chart-grade-sup: rgba(16, 185, 129, .8);--chart-grade-san: rgba(156, 163, 175, .8);--chart-grade-bada: rgba(59, 130, 246, .8);--chart-grade-haneul: rgba(14, 165, 233, .8);--chart-grade-jigu: rgba(139, 92, 246, .8);--chart-grade-uju: rgba(236, 72, 153, .8);--chart-color-1: rgba(59, 130, 246, .8);--chart-color-2: rgba(16, 185, 129, .8);--chart-color-3: rgba(245, 158, 11, .8);--chart-color-4: rgba(239, 68, 68, .8);--chart-color-5: rgba(139, 92, 246, .8);--chart-color-6: rgba(236, 72, 153, .8);--chart-color-7: rgba(14, 165, 233, .8);--chart-color-8: rgba(34, 197, 94, .8);--chart-blue: #00a9ff;--chart-teal: #4bc0c0;--chart-red: #ff6b6b;--chart-yellow: #ffd93d;--chart-green: #6bcf7f;--chart-mint: #a8e6cf;--chart-pink: #ff8b94;--chart-sage: #96ceb4;--chart-orange: #ffb840;--chart-purple: #8b5cf6;--chart-primary: var(--color-primary);--chart-success: var(--color-success);--chart-warning: var(--color-warning);--chart-error: var(--color-error);--chart-info: var(--color-info);--chart-text: #333333;--color-template-welcome: var(--color-info);--color-template-birthday: var(--color-secondary);--color-template-member: rgba(var(--color-info-rgb), var(--opacity-10));--color-template-general: rgba(var(--color-accent-rgb), var(--opacity-10));--color-insight-positive: rgba(var(--color-success-rgb), var(--opacity-20));--color-insight-warning: rgba(var(--color-warning-rgb), var(--opacity-20));--color-insight-neutral: rgba(var(--color-neutral-rgb), var(--opacity-20));--color-monitor-slate: rgba(var(--color-neutral-rgb), var(--opacity-20));--color-monitor-rose: rgba(var(--color-error-rgb), var(--opacity-20));--color-monitor-fuchsia: rgba(var(--color-secondary-rgb), var(--opacity-20));--color-monitor-emerald: rgba(var(--color-success-rgb), var(--opacity-20));--color-monitor-violet: rgba(var(--color-accent-rgb), var(--opacity-20));--color-monitor-sky: rgba(var(--color-info-rgb), var(--opacity-20));--color-monitor-lime: rgba(var(--color-success-rgb), var(--opacity-30));--color-monitor-amber: rgba(var(--color-warning-rgb), var(--opacity-20));--color-monitor-cyan: rgba(var(--color-info-rgb), var(--opacity-20));--spacing-0: 0;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-4);--spacing-lg: var(--spacing-6);--spacing-xl: var(--spacing-8);--spacing-2xl: var(--spacing-12);--spacing-3xl: var(--spacing-16);--section-gap: var(--spacing-3xl);--card-gap: var(--spacing-6);--border-1: 1px;--border-2: 2px;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--modal-width-xs: 320px;--modal-width-sm: 400px;--modal-width-md: 560px;--modal-width-payment: 36rem;--modal-width-lg: 720px;--modal-width-xl: 900px;--modal-width-2xl: 1000px;--modal-width-3xl: 1200px;--modal-width-full: calc(100vw - 2rem) ;--modal-payment-height: 600px;--modal-payment-height-compact: 450px;--modal-payment-height-minimal: 350px;--modal-overlay-opacity: .5;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.25;--line-height-normal: 1.5;--leading-relaxed: 1.625;--line-height-relaxed: 1.75;--input-height-sm: 30px;--input-height: 36px;--input-height-lg: 42px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-modal-confirm: 1060;--z-popover: 1070;--z-tooltip: 1080;--z-toast: 2000;--z-max: 9999;--transition-fast: .15s;--transition-150: .15s;--transition-200: .2s;--transition-base: .2s;--transition-300: .3s;--transition-slow: .3s;--transition-slower: .5s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--size-4: 1rem;--size-5: 1.25rem;--size-6: 1.5rem;--size-7: 1.75rem;--size-8: 2rem;--size-9: 2.25rem;--size-10: 2.5rem;--size-11: 2.75rem;--size-12: 3rem;--size-14: 3.5rem;--size-16: 4rem;--size-17-5: 4.375rem;--size-20: 5rem;--size-25: 6.25rem;--size-30: 7.5rem;--size-35: 8.75rem;--size-24: 6rem;--size-28: 7rem;--size-32: 8rem;--size-36: 9rem;--size-37-5: 9.375rem;--size-40: 10rem;--size-44: 11rem;--size-45: 11.25rem;--size-48: 12rem;--size-50: 12.5rem;--size-52: 13rem;--size-56: 14rem;--size-60: 15rem;--size-62-5: 15.625rem;--size-64: 16rem;--size-72: 18rem;--size-75: 18.75rem;--size-80: 20rem;--size-85: 21.25rem;--size-96: 24rem;--size-100: 25rem;--size-125: 31.25rem;--size-150: 37.5rem;--size-187-5: 46.875rem;--size-200: 50rem;--size-250: 62.5rem;--width-button-xs: 2.5rem;--width-button-sm: 4.375rem;--width-button: 5rem;--width-button-md: 5.625rem;--width-button-lg: 7.5rem;--width-col-xs: 5rem;--width-col-sm: 6.25rem;--width-col-md: 7.5rem;--width-col-narrow: 8.75rem;--width-col-base: 9.375rem;--width-col-wide: 10rem;--width-col-lg: 11.25rem;--width-col-xl: 12.5rem;--width-input-sm: 10rem;--width-input-md: 12.5rem;--width-input-lg: 15.625rem;--width-input-xl: 18.75rem;--width-card-sm: 25rem;--width-card-md: 31.25rem;--width-card-lg: 37.5rem;--width-modal-sm: 31.25rem;--width-modal-md: 37.5rem;--width-modal-lg: 46.875rem;--width-modal-xl: 50rem;--width-content-max: 62.5rem;--layout-min-width: 1660px;--toggle-card-gap: 3rem;--toggle-card-width-collapsed: calc(50% - var(--toggle-card-gap) / 2);--toggle-card-width-expanded: calc(75% - var(--toggle-card-gap) / 2);--toggle-card-sibling-width-collapsed: calc(50% - var(--toggle-card-gap) / 2);--toggle-card-sibling-width-expanded: calc(25% - var(--toggle-card-gap) / 2);--toggle-card-transition-duration: var(--transition-300);--toggle-card-transition-easing: var(--ease-in-out)}[data-theme=dark]{--color-bg-base: #111827;--color-bg-elevated: #1f2937;--color-bg-muted: rgba(var(--color-light-rgb), var(--opacity-10));--color-bg-subtle: rgba(var(--color-light-rgb), var(--opacity-20));--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-muted: rgba(var(--color-light-rgb), var(--opacity-60));--color-text-inverted: var(--color-dark);--color-text-default: #e5e7eb;--color-border-default: var(--color-gray-600);--color-border-muted: var(--color-gray-700);--color-border-strong: var(--color-gray-500);--color-border-subtle: var(--color-gray-800)}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,li,figure,figcaption,dl,dd{margin:0}html,body{height:100%}body{font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}input{outline:none!important}input:focus,input:focus-visible{outline:none!important;box-shadow:none!important}ul,ol{list-style:none;padding:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:inherit}button{background-color:transparent;border:none;cursor:pointer;padding:0;box-shadow:none}button:focus,button:active{box-shadow:none;outline:none}table{border-collapse:collapse;border-spacing:0}th,td{padding:0;border:none}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.col-span-full{grid-column:1 / -1}.gap-1{gap:var(--spacing-1)}.gap-3{gap:var(--spacing-3)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.pointer-events-none{pointer-events:none}.w-1\/3{width:33.333333%}.shrink-0{flex-shrink:0}.w-full{width:100%}.w-px{width:1px}.h-full{height:100%}.h-px{height:1px}.min-h-screen{min-height:100vh}.invisible{visibility:hidden}.visible{visibility:visible}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.transition{transition-property:all;transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.15s}.transition-transform{transition-property:transform;transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105,.hover\:scale-105:hover{transform:scale(1.05)}.z-\[1\]{z-index:1}.z-\[5\]{z-index:5}.z-\[10\]{z-index:10}.z-\[200\]{z-index:200}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.z-\[99999\]{z-index:99999}.z-\[999999\]{z-index:999999}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-10{padding:var(--spacing-10)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.py-0{padding-top:0;padding-bottom:0}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.space-x-1>:not(:last-child){margin-right:var(--spacing-1)}.space-x-2>:not(:last-child){margin-right:var(--spacing-2)}.space-x-3>:not(:last-child){margin-right:var(--spacing-3)}.space-x-4>:not(:last-child){margin-right:var(--spacing-4)}.space-y-1>:not(:last-child){margin-bottom:var(--spacing-1)}.space-y-2>:not(:last-child){margin-bottom:var(--spacing-2)}.space-y-3>:not(:last-child){margin-bottom:var(--spacing-3)}.space-y-4>:not(:last-child){margin-bottom:var(--spacing-4)}.space-y-6>:not(:last-child){margin-bottom:var(--spacing-6)}.space-y-8>:not(:last-child){margin-bottom:var(--spacing-8)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-l{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-contain{-o-object-fit:contain;object-fit:contain}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.pt-0{padding-top:0}.pt-2{padding-top:var(--spacing-2)}.pt-4{padding-top:var(--spacing-4)}.pt-6{padding-top:var(--spacing-6)}.pt-8{padding-top:var(--spacing-8)}.pb-0{padding-bottom:0}.pb-2{padding-bottom:var(--spacing-2)}.pb-4{padding-bottom:var(--spacing-4)}.pb-6{padding-bottom:var(--spacing-6)}.pb-8{padding-bottom:var(--spacing-8)}.pl-0{padding-left:0}.pl-2{padding-left:var(--spacing-2)}.pl-4{padding-left:var(--spacing-4)}.pr-2{padding-right:var(--spacing-2)}.pr-4{padding-right:var(--spacing-4)}.pr-6{padding-right:var(--spacing-6)}.m-0{margin:0}.m-0\.5{margin:.125rem}.m-1{margin:var(--spacing-1)}.m-1\.5{margin:.375rem}.m-2{margin:var(--spacing-2)}.m-2\.5{margin:.625rem}.m-3{margin:var(--spacing-3)}.m-3\.5{margin:.875rem}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.mx-0{margin-left:0;margin-right:0}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.mx-3{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.my-0{margin-top:0;margin-bottom:0}.my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.my-6{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.my-8{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:var(--spacing-1)}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-8{margin-top:var(--spacing-8)}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:var(--spacing-1)}.mb-1\.5{margin-bottom:.375rem}.mb-3{margin-bottom:var(--spacing-3)}.mb-5{margin-bottom:var(--spacing-5)}.mb-8{margin-bottom:var(--spacing-8)}.ml-0\.5{margin-left:.125rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.ml-6{margin-left:var(--spacing-6)}.ml-auto{margin-left:auto}.mr-0\.5{margin-right:.125rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.mr-6{margin-right:var(--spacing-6)}.mr-auto{margin-right:auto}.border{border:1px solid}.border-0{border:none}.border-2{border-width:2px}.border-t{border-top:1px solid}.border-b{border-bottom:1px solid}.border-l{border-left:1px solid}.border-r{border-right:1px solid}.border-l-0{border-left:0}.-ml-px{margin-left:-1px}.border-transparent{border-color:transparent}.border-error{border-color:var(--color-error)}.border-primary{border-color:var(--color-primary)}.border-success{border-color:var(--color-success)}.bg-black{background-color:var(--color-black)}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/80{background-color:#000c}.bg-transparent{background-color:transparent}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-error{background-color:var(--color-error)}.bg-warning{background-color:var(--color-warning)}.bg-warning-lightest{background-color:var(--color-amber-50)}.bg-error-lightest{background-color:var(--color-red-50)}.bg-success-lightest{background-color:var(--color-green-50)}.bg-primary-lightest{background-color:var(--color-blue-50)}.bg-primary-light{background-color:var(--color-blue-100)}.bg-success-light{background-color:var(--color-green-100)}.bg-warning-light{background-color:var(--color-amber-100)}.bg-error-light{background-color:var(--color-red-100)}.bg-info-light{background-color:var(--color-cyan-100)}.bg-primary-dark{background-color:var(--color-primary-dark)}.bg-error-dark{background-color:var(--color-error-dark)}.bg-success-dark{background-color:var(--color-success-dark)}.bg-warning-dark{background-color:var(--color-warning-dark)}.bg-secondary-dark{background-color:var(--color-gray-600)}.bg-border{background-color:var(--color-border-default)}.hover\:bg-subtle:hover{background-color:var(--color-bg-subtle)}.hover\:bg-muted:hover{background-color:var(--color-bg-muted)}.hover\:bg-base:hover{background-color:var(--color-bg-base)}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.hover\:bg-error-dark:hover{background-color:var(--color-error-dark)}.hover\:bg-success-dark:hover{background-color:var(--color-success-dark)}.hover\:bg-warning-dark:hover{background-color:var(--color-warning-dark)}.hover\:bg-border:hover{background-color:var(--color-border-default)}.hover\:bg-primary-lightest:hover{background-color:var(--color-blue-50)}.hover\:bg-primary-light:hover{background-color:var(--color-blue-100)}.hover\:bg-error-lightest:hover{background-color:var(--color-red-50)}.hover\:bg-error-light:hover{background-color:var(--color-red-100)}.hover\:bg-success-light:hover{background-color:var(--color-green-100)}.hover\:bg-secondary:hover{background-color:var(--color-gray-500)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-purple-200:hover{background-color:var(--color-purple-200)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-white:hover{background-color:var(--color-white)}.border-warning-light{border-color:var(--color-amber-200)!important}.border-error-light{border-color:var(--color-red-200)!important}.border-success-light{border-color:var(--color-green-200)!important}.border-primary-light{border-color:var(--color-blue-200)!important}.border-info-light{border-color:var(--color-cyan-100)!important}.text-black{color:var(--color-black)}.text-inverted{color:var(--color-white)}.text-gray-400{color:var(--color-gray-400)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-red-500{color:var(--color-red-500)}.text-warning-dark{color:var(--color-amber-700)}.text-error-dark{color:var(--color-red-700)}.text-success-dark{color:var(--color-green-700)}.text-primary-dark{color:var(--color-blue-700)}.text-info-dark{color:var(--color-cyan-700)}.hover\:text-default:hover{color:var(--color-text-primary)}.hover\:text-muted:hover{color:var(--color-text-secondary)}.hover\:text-placeholder:hover{color:var(--color-text-muted)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-primary-dark:hover{color:var(--color-blue-700)}.hover\:text-secondary:hover{color:var(--color-gray-500)}.hover\:text-error:hover{color:var(--color-error)}.hover\:text-success:hover{color:var(--color-success)}.hover\:text-inverted:hover,.hover\:text-white:hover{color:var(--color-white)}.hover\:text-gray-200:hover{color:var(--color-gray-200)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:underline:hover{text-decoration:underline}.hover\:border-default:hover{border-color:var(--color-border-default)}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:border-primary-dark:hover{border-color:var(--color-blue-700)}.hover\:border-success:hover{border-color:var(--color-success)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:0 1px 3px rgba(var(--color-dark-rgb),var(--opacity-10)),0 1px 2px rgba(var(--color-dark-rgb),.06)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.w-4{width:var(--size-4)}.w-5{width:var(--size-5)}.w-6{width:var(--size-6)}.w-7{width:var(--size-7)}.w-8{width:var(--size-8)}.w-9{width:var(--size-9)}.w-10{width:var(--size-10)}.w-12{width:var(--size-12)}.w-14{width:var(--size-14)}.w-16{width:var(--size-16)}.w-20{width:var(--size-20)}.w-24{width:var(--size-24)}.w-28{width:var(--size-28)}.w-32{width:var(--size-32)}.w-36{width:var(--size-36)}.w-40{width:var(--size-40)}.w-44{width:var(--size-44)}.w-48{width:var(--size-48)}.w-52{width:var(--size-52)}.w-56{width:var(--size-56)}.w-60{width:var(--size-60)}.w-64{width:var(--size-64)}.w-72{width:var(--size-72)}.w-80{width:var(--size-80)}.w-96{width:var(--size-96)}.min-w-0{min-width:0}.min-w-full{min-width:100%}.min-w-\[180px\]{min-width:180px}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-full{max-width:100%}.h-4{height:var(--size-4)}.h-5{height:var(--size-5)}.h-6{height:var(--size-6)}.h-7{height:var(--size-7)}.h-8{height:var(--size-8)}.h-9{height:var(--size-9)}.h-10{height:var(--size-10)}.h-11{height:var(--size-11)}.h-12{height:var(--size-12)}.h-14{height:var(--size-14)}.h-16{height:var(--size-16)}.h-20{height:var(--size-20)}.h-24{height:var(--size-24)}.h-28{height:var(--size-28)}.h-32{height:var(--size-32)}.h-36{height:var(--size-36)}.h-40{height:var(--size-40)}.h-48{height:var(--size-48)}.h-52{height:var(--size-52)}.h-56{height:var(--size-56)}.h-64{height:var(--size-64)}.h-72{height:var(--size-72)}.h-80{height:var(--size-80)}.h-96{height:var(--size-96)}.max-h-64{max-height:16rem}.max-h-72{max-height:18rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-\[500px\]{max-height:500px}.max-h-screen{max-height:100vh}.h-\[50px\]{height:50px}.h-\[60px\]{height:60px}.h-\[600px\]{height:600px}.h-\[70vh\]{height:70vh}.w-\[90vw\]{width:90vw}.w-skeleton-session{width:200px}.z-0{z-index:0}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{box-shadow:0 0 0 0 transparent}.ring-1{box-shadow:0 0 0 1px var(--tw-ring-color, rgba(var(--color-primary-rgb), var(--opacity-50)))}.ring-2{box-shadow:0 0 0 2px var(--tw-ring-color, rgba(var(--color-primary-rgb), var(--opacity-50)))}.ring-4{box-shadow:0 0 0 4px var(--tw-ring-color, rgba(var(--color-primary-rgb), var(--opacity-50)))}.ring-primary{--tw-ring-color: rgba(var(--color-primary-rgb), var(--opacity-50))}.ring-error{--tw-ring-color: rgba(var(--color-error-rgb), var(--opacity-50))}.ring-success{--tw-ring-color: rgba(var(--color-success-rgb), var(--opacity-50))}.focus\:outline-none:focus{outline:none}.focus\:ring-0:focus{box-shadow:0 0 0 0 transparent}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--tw-ring-color, rgba(var(--color-primary-rgb), var(--opacity-50)))}.focus\:ring-4:focus{box-shadow:0 0 0 4px var(--tw-ring-color, rgba(var(--color-primary-rgb), var(--opacity-50)))}.focus\:ring:focus{box-shadow:0 0 0 3px var(--tw-ring-color, rgba(var(--color-primary-rgb), var(--opacity-50)))}.focus\:ring-blue-500:focus{--tw-ring-color: rgba(59, 130, 246, .5)}.focus\:ring-red-500:focus{--tw-ring-color: rgba(239, 68, 68, .5)}.focus\:ring-primary:focus{--tw-ring-color: rgba(var(--color-primary-rgb), var(--opacity-50))}.focus\:ring-success:focus{--tw-ring-color: rgba(var(--color-success-rgb), var(--opacity-50))}.focus\:ring-offset-2:focus{box-shadow:0 0 0 2px var(--color-bg-base),0 0 0 4px var(--tw-ring-color, rgba(var(--color-primary-rgb), var(--opacity-50)))}.focus\:border-transparent:focus{border-color:transparent}.focus\:border-0:focus{border-width:0}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:border-success:focus{border-color:var(--color-success)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-300:disabled{background-color:var(--color-gray-300)}.disabled\:bg-subtle:disabled{background-color:var(--color-bg-subtle)}.disabled\:text-gray-400:disabled{color:var(--color-gray-400)}.disabled\:text-placeholder:disabled{color:var(--color-text-muted)}.placeholder\:text-sm::-moz-placeholder{font-size:var(--font-size-sm)}.placeholder\:text-sm::placeholder{font-size:var(--font-size-sm)}.placeholder\:text-base::-moz-placeholder{font-size:var(--font-size-base)}.placeholder\:text-base::placeholder{font-size:var(--font-size-base)}.placeholder\:font-normal::-moz-placeholder{font-weight:400}.placeholder\:font-normal::placeholder{font-weight:400}.leading-relaxed{line-height:var(--leading-relaxed)}.w-1\.5{width:.375rem}.h-1\.5{height:.375rem}.text-md{font-size:var(--font-size-base)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;font-feature-settings:"tnum";-webkit-font-feature-settings:"tnum";-moz-font-feature-settings:"tnum";-ms-font-feature-settings:"tnum"}body{background-color:var(--color-apple-light);color:var(--color-apple-dark)}[data-theme=dark] body{background-color:var(--color-apple-dark);color:var(--color-white)}.w-button{width:80px}.w-button-md{width:100px}.w-button-lg{width:120px}.min-w-button-md{min-width:100px}.min-w-button-lg{min-width:120px}.w-col-xs{width:80px}.w-col-sm{width:100px}.w-col-md{width:120px}.w-col-xl{width:200px}.min-w-col-sm{min-width:100px}.min-w-col-md{min-width:120px}.min-w-col-wide{min-width:160px}.min-w-col-xl{min-width:200px}.max-w-col-xl{max-width:200px}.w-input-md{width:200px}.min-w-input-sm{min-width:160px}.min-w-input-md{min-width:200px}.form-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.form-label{display:block;font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-gray-400);margin-bottom:var(--spacing-2)}[data-theme=dark] .form-label{color:var(--color-gray-300)}.form-hint{margin-top:var(--spacing-1);font-size:13px;color:var(--color-gray-500)}[data-theme=dark] .form-hint{color:var(--color-gray-400)}.form-input,.form-select{width:100%;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:14px;border:1px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-gray-900);transition:all .2s;box-shadow:none!important}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:none!important}.form-input::-moz-placeholder{color:var(--color-gray-500)}.form-input::placeholder{color:var(--color-gray-500)}[data-theme=dark] .form-input,[data-theme=dark] .form-select{border-color:var(--color-gray-600);background-color:var(--color-gray-800);color:var(--color-white)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus{border-color:var(--color-primary)}[data-theme=dark] .form-input::-moz-placeholder{color:var(--color-gray-400)}[data-theme=dark] .form-input::placeholder{color:var(--color-gray-400)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20stroke%3D%22%236B7280%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m6%208%204%204%204-4%22%2F%3E%3C%2Fsvg%3E)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .2s;cursor:pointer;border:none;white-space:nowrap}.btn:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--color-dark-rgb),var(--opacity-10)),0 0 0 4px rgba(var(--color-dark-rgb),.05)}.btn-primary{background-color:var(--color-black);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-gray-800)}.btn-primary:focus{box-shadow:0 0 0 2px rgba(var(--color-dark-rgb),var(--opacity-10)),0 0 0 4px rgba(var(--color-dark-rgb),.05)}.btn-secondary{background-color:var(--color-gray-200);color:var(--color-gray-800)}.btn-secondary:focus{box-shadow:0 0 0 2px rgba(156,163,175,var(--opacity-10)),0 0 0 4px #9ca3af0d}.btn-danger{background-color:var(--color-error);color:var(--color-white)}.btn-danger:hover{background-color:var(--color-error-dark)}.btn-danger:focus{box-shadow:0 0 0 2px rgba(var(--color-error-rgb),var(--opacity-10)),0 0 0 4px rgba(var(--color-error-rgb),.05)}.btn-blue{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-primary);color:var(--color-white);transition:all .2s}.btn-blue:hover{background-color:var(--color-primary-dark)}.btn-blue:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary),0 0 0 4px rgba(var(--color-primary-rgb),var(--opacity-10))}.btn-green{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-success);color:var(--color-white);transition:all .2s}.btn-green:hover{background-color:var(--color-success-dark)}.btn-green:focus{outline:none;box-shadow:0 0 0 2px var(--color-green-500),0 0 0 4px rgba(34,197,94,var(--opacity-10))}.btn-red{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-error);color:var(--color-white);transition:all .2s}.btn-red:hover{background-color:var(--color-error-dark)}.btn-red:focus{outline:none;box-shadow:0 0 0 2px var(--color-error),0 0 0 4px rgba(var(--color-error-rgb),var(--opacity-10))}.btn-orange{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-warning);color:var(--color-white);transition:all .2s}.btn-orange:hover{background-color:var(--color-warning-dark)}.btn-orange:focus{outline:none;box-shadow:0 0 0 2px var(--color-orange-bright),0 0 0 4px rgba(249,115,22,var(--opacity-10))}.btn-white{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-white);color:var(--color-gray-800);border:1px solid var(--color-gray-300)!important;transition:all .2s}.btn-white:hover{background-color:var(--color-gray-100)}.btn-white:focus{outline:none;box-shadow:0 0 0 2px rgba(156,163,175,var(--opacity-10)),0 0 0 4px #9ca3af0d}[data-theme=dark] .btn-white{background-color:var(--color-gray-800);color:var(--color-white);border-color:var(--color-gray-600)}[data-theme=dark] .btn-white:hover{background-color:var(--color-gray-700)}.btn-sm{padding:var(--spacing-1);font-size:var(--font-size-xs)}.form-button-primary{background-color:var(--color-black);color:var(--color-white);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:14px;transition:all .2s;box-shadow:var(--shadow-sm)}.form-button-primary:hover{background-color:var(--color-gray-900);box-shadow:var(--shadow-md)}.form-button-primary:focus{outline:none;box-shadow:0 0 0 2px var(--color-black),0 0 0 4px rgba(var(--color-dark-rgb),var(--opacity-10))}[data-theme=dark] .form-button-primary{background-color:var(--color-gray-700)}[data-theme=dark] .form-button-primary:hover{background-color:var(--color-gray-600)}[data-theme=dark] .form-button-primary:focus{box-shadow:0 0 0 2px var(--color-white),0 0 0 4px rgba(var(--color-light-rgb),var(--opacity-10))}.form-button-secondary{background-color:var(--color-gray-200);color:var(--color-gray-900);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:14px;transition:all .2s;box-shadow:var(--shadow-sm)}.form-button-secondary:hover{background-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.form-button-secondary:focus{outline:none;box-shadow:0 0 0 2px var(--color-neutral),0 0 0 4px rgba(var(--color-neutral-rgb),var(--opacity-10))}[data-theme=dark] .form-button-secondary{background-color:var(--color-gray-700);color:var(--color-white)}[data-theme=dark] .form-button-secondary:hover{background-color:var(--color-gray-600)}.form-button-tertiary{background-color:transparent;color:var(--color-gray-700);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:14px;transition:all .2s}.form-button-tertiary:hover{background-color:var(--color-gray-100)}.form-button-tertiary:focus{outline:none;box-shadow:0 0 0 2px var(--color-neutral),0 0 0 4px rgba(var(--color-neutral-rgb),var(--opacity-10))}[data-theme=dark] .form-button-tertiary{color:var(--color-gray-300)}[data-theme=dark] .form-button-tertiary:hover{background-color:var(--color-gray-800)}.form-button-danger{background-color:var(--color-error);color:var(--color-white);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:14px;transition:all .2s;box-shadow:var(--shadow-sm)}.form-button-danger:hover{background-color:var(--color-error-dark);box-shadow:var(--shadow-md)}.form-button-danger:focus{outline:none;box-shadow:0 0 0 2px var(--color-error),0 0 0 4px rgba(var(--color-error-rgb),var(--opacity-10))}[data-theme=dark] .form-button-danger:hover{background-color:var(--color-error)}.heading-xl{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}[data-theme=dark] .heading-xl{color:var(--color-white)}.heading-title{font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-gray-900)}[data-theme=dark] .heading-title{color:var(--color-white)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}[data-theme=dark] .table-container{border-color:var(--color-gray-700)}.table{min-width:100%;background-color:var(--color-white);font-size:14px;text-align:left;color:var(--color-gray-700)}[data-theme=dark] .table{background-color:var(--color-gray-900);color:var(--color-gray-200)}.table-header{background-color:var(--color-gray-50);font-size:14px;text-transform:uppercase;color:var(--color-gray-500);border-bottom:1px solid var(--color-gray-200);font-weight:var(--font-weight-medium);padding:var(--spacing-4) var(--spacing-6)}[data-theme=dark] .table-header{background-color:var(--color-gray-800);color:var(--color-gray-400);border-bottom-color:var(--color-gray-700)}.table-row:hover{background-color:var(--color-gray-50);transition:background-color .2s}[data-theme=dark] .table-row:hover{background-color:var(--color-gray-800)}.table-cell{padding:var(--spacing-4) var(--spacing-6)}.card{background-color:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100);padding:var(--spacing-6)}[data-theme=dark] .card{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.card-apple{background-color:var(--color-white);border-radius:1rem;border:1px solid var(--color-gray-100);box-shadow:var(--shadow-lg);padding:var(--spacing-6);transition:transform .2s}.card-apple:hover{transform:translateY(-.125rem)}[data-theme=dark] .card-apple{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.body-text{font-size:14px;color:var(--color-gray-700)}[data-theme=dark] .body-text{color:var(--color-gray-300)}.body-text-sm{font-size:12px;line-height:1.625}.body-text-lg{font-size:16px;line-height:1.625}.nav-link{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);color:var(--color-apple-gray);transition:color .2s}.nav-link:hover{color:var(--color-apple-blue)}.nav-link.active{color:var(--color-apple-blue);background-color:rgba(var(--color-apple-blue-rgb),.05)}[data-theme=dark] .nav-link.active{background-color:rgba(var(--color-apple-blue-rgb),var(--opacity-20))}.button{padding:var(--spacing-2) var(--spacing-4);border-radius:.75rem;color:var(--color-white);background-color:var(--color-primary);transition:background-color .2s;font-size:var(--font-size-sm)}.button:hover{background-color:var(--color-primary-dark)}.button-outline{padding:var(--spacing-2) var(--spacing-4);border-radius:.75rem;border:1px solid var(--color-gray-300);color:var(--color-gray-700);transition:background-color .2s;font-size:var(--font-size-sm)}.button-outline:hover{background-color:var(--color-gray-100)}.expand-enter-active,.expand-leave-active{transition:all .3s ease-in-out}.expand-enter-from,.expand-leave-to{opacity:0;transform:scaleY(.95);height:0}.expand-enter-to,.expand-leave-from{opacity:1;transform:scaleY(1);height:auto}.expand-height-enter-from,.expand-height-leave-to{height:0;opacity:0;overflow:hidden}.expand-height-enter-active,.expand-height-leave-active{transition:height .3s ease,opacity .2s ease}.expand-height-enter-to,.expand-height-leave-from{height:auto;opacity:1;overflow:visible}@keyframes blink{0%{background-color:var(--color-primary)}50%{background-color:var(--color-gray-100)}to{background-color:var(--color-primary)}}.animate-blink{animation:blink 1s linear infinite}*{box-sizing:border-box}table,.flex{min-width:-moz-fit-content;min-width:fit-content}.modal,.popup,[role=dialog]{min-width:400px}*:focus{outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:.375rem;padding-bottom:.375rem;border-radius:var(--radius-lg);font-size:14px;font-weight:var(--font-weight-medium);transition-property:color,background-color,border-color;transition-duration:.15s;cursor:pointer;border:1px solid transparent}.btn:focus{outline:none;box-shadow:none}.btn:active{box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-xs{height:24px;padding:0 var(--spacing-2);font-size:var(--font-size-xs)}.btn-sm{height:var(--input-height-sm);padding:0 var(--spacing-3);font-size:13px;border-radius:var(--radius-md)}.btn-md{height:var(--input-height);padding:0 var(--spacing-4);font-size:var(--font-size-sm);line-height:1.5}.btn-lg{height:var(--input-height-lg);padding:0 var(--spacing-6);font-size:15px}.btn-primary{background-color:var(--color-primary);color:var(--color-white);--tw-ring-color: var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-success{background-color:var(--color-success);color:var(--color-white);--tw-ring-color: var(--color-success)}.btn-success:hover{background-color:var(--color-success-dark)}.btn-warning{background-color:var(--color-warning);color:var(--color-white);--tw-ring-color: var(--color-warning)}.btn-warning:hover{background-color:var(--color-warning-dark)}.btn-error{background-color:var(--color-error);color:var(--color-white);--tw-ring-color: var(--color-error)}.btn-error:hover{background-color:var(--color-error-dark)}.btn-info{background-color:var(--color-info);color:var(--color-white);--tw-ring-color: var(--color-info)}.btn-info:hover{background-color:var(--color-info-dark)}.btn-purple{background-color:var(--color-purple-500);color:var(--color-white);--tw-ring-color: theme("colors.purple.500")}.btn-purple:hover{background-color:var(--color-purple-600)}.btn-orange{background-color:var(--color-orange-600);color:var(--color-white);--tw-ring-color: var(--color-orange-600)}.btn-orange:hover{background-color:var(--color-orange-700)}.btn-outline{background-color:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300);--tw-ring-color: var(--color-primary)}.btn-outline:hover{background-color:var(--color-gray-50)}.btn-outline:disabled{opacity:1;background-color:var(--color-bg-muted);color:var(--color-text-muted);border:1px solid var(--color-border-default)}.btn-ghost{background-color:transparent;color:var(--color-gray-700);--tw-ring-color: var(--color-gray-300)}.btn-ghost:hover{background-color:var(--color-gray-100)}.btn-secondary{background-color:var(--color-gray-200);color:var(--color-gray-700)}.btn-secondary:hover{background-color:var(--color-gray-300)}.btn-guest{background-color:var(--color-guest, var(--color-purple-600));color:var(--color-white)}.btn-guest:hover{background-color:var(--color-guest-dark, var(--color-purple-700))}.bg-purple{background-color:var(--color-purple-500)}.toggle-filter-btn{padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition-property:color,background-color,border-color;transition-duration:.15s;border:1px solid var(--color-border-default)}.toggle-filter-btn-active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.toggle-filter-btn-inactive{background-color:var(--color-white);color:var(--color-gray-600);border-color:var(--color-gray-600)}.toggle-filter-btn-inactive:hover{background-color:var(--color-primary-dark);color:var(--color-white);border-color:var(--color-primary-dark)}.grade-filter-btn{padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:.375rem;padding-bottom:.375rem;border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition-property:color,background-color,border-color;transition-duration:.15s;border:1px solid var(--color-border-default)}.grade-filter-btn-active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.grade-filter-btn-inactive{background-color:var(--color-white);color:var(--color-primary);border-color:var(--color-primary)}.action-btn-primary{padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);background-color:var(--color-primary-dark);color:var(--color-white);font-size:var(--font-size-sm);border-radius:var(--radius-lg);transition-property:color,background-color,border-color;transition-duration:.15s}.action-btn-success{padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);background-color:var(--color-success-dark);color:var(--color-white);font-size:var(--font-size-sm);border-radius:var(--radius-lg);transition-property:color,background-color,border-color;transition-duration:.15s}.action-btn-sm{padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:9999px;background-color:var(--color-primary-dark);color:var(--color-white);transition-property:color,background-color,border-color;transition-duration:.15s}.number-badge-primary{background-color:var(--color-primary);color:var(--color-white);border-radius:9999px}.number-badge-error{background-color:var(--color-error);color:var(--color-white);border-radius:9999px}.request-type-badge-rental{background-color:var(--color-rental);color:var(--color-white)}.request-type-badge-store-use{background-color:var(--color-checkin);color:var(--color-white)}.request-type-badge-home-rental{background-color:var(--color-rental);color:var(--color-white)}.request-type-badge-store-rental{background-color:var(--color-checkout);color:var(--color-white)}.request-type-badge-home-return{background-color:var(--color-return);color:var(--color-white)}.status-badge-in-use{background-color:var(--color-primary);color:var(--color-white)}.status-badge-rental{background-color:var(--color-success);color:var(--color-white)}.status-badge-waiting{background-color:var(--color-yellow-500);color:var(--color-white)}.status-badge-completed{background-color:var(--color-gray-700)!important;color:var(--color-white)!important}.inline-badge-error{display:inline-block;padding-left:var(--spacing-2);padding-right:var(--spacing-2);padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:9999px;background-color:var(--color-error);color:var(--color-white)}.inline-badge-warning{padding-left:var(--spacing-2);padding-right:var(--spacing-2);padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:9999px;background-color:var(--color-yellow-500);color:var(--color-white)}.btn-conditional-circle{width:2rem;height:2rem;border-radius:9999px;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin:0 auto;transition:background-color .15s}.btn-conditional-active{background-color:var(--color-primary);color:var(--color-white)}.btn-conditional-active:hover{background-color:var(--color-primary-dark)}.btn-conditional-inactive{background-color:var(--color-gray-200);color:var(--color-white)}.btn-conditional-inactive:hover{background-color:var(--color-gray-300)}.btn-conditional-danger{background-color:var(--color-error);color:var(--color-white);border:1px solid var(--color-border-default)}.action-btn-approve{padding-left:var(--spacing-2);padding-right:var(--spacing-2);padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);background-color:var(--color-success-dark);color:var(--color-white);font-size:var(--font-size-xs);border-radius:var(--radius-md);transition-property:color,background-color,border-color;transition-duration:.15s}.modal-action-btn-primary{padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);font-size:var(--font-size-sm);background-color:var(--color-primary-dark);color:var(--color-white);border-radius:var(--radius-md);transition-property:color,background-color,border-color;transition-duration:.15s}.btn-login-primary{background-color:var(--color-indigo-500);background-color:var(--color-indigo-600);color:var(--color-white)}.btn-login-primary-full{width:100%;padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);border-radius:var(--radius-xl);background-color:var(--color-indigo-500);background-color:var(--color-indigo-600);color:var(--color-white);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);transition-property:color,background-color,border-color;transition-duration:.15s;box-shadow:var(--shadow-md)}.btn-login-primary-flex{flex:1 1 0%;padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);border-radius:var(--radius-xl);background-color:var(--color-indigo-500);background-color:var(--color-indigo-600);color:var(--color-white);font-weight:var(--font-weight-semibold);transition-property:color,background-color,border-color;transition-duration:.15s}.btn-purple-responsive{background-color:var(--color-purple-600);color:var(--color-white)}.gender-toggle-inactive{background-color:var(--color-white);color:var(--color-gray-600);background-color:var(--color-gray-100)}.status-dot-purple{width:.75rem;height:.75rem;background-color:var(--color-purple-500);border-radius:9999px;flex-shrink:0}.status-badge-unpaid{display:inline-block;width:1.25rem;height:1.25rem;background-color:var(--color-error);color:var(--color-white);font-size:var(--font-size-xs);border-radius:var(--radius-base);display:flex;align-items:center;justify-content:center}.bg-purple-light{background-color:var(--color-monitor-violet)}.bg-indigo-light{background-color:rgba(var(--color-primary-rgb),var(--opacity-20))}.bg-pink-light{background-color:var(--color-monitor-fuchsia)}.bg-teal-light{background-color:var(--color-monitor-cyan)}.floating-btn-danger{background-color:var(--color-red-600);color:var(--color-white)}.floating-btn-warning{background-color:var(--color-orange-bright);color:var(--color-white);background-color:var(--color-orange-deep)}.floating-btn-primary{background-color:var(--color-primary-dark);color:var(--color-white)}.btn-sms-select{background-color:var(--color-success);color:var(--color-white)}.btn-sms-select:hover{background-color:var(--color-success-dark)}.btn-sms-action{background-color:var(--color-primary);color:var(--color-white);transition-property:all;transition-duration:.15s}.btn-sms-action:hover{background-color:var(--color-primary-dark)}.manual-bullet-point{width:.25rem;height:.25rem;border-radius:9999px;margin-top:var(--spacing-2);flex-shrink:0}.table-badge{display:inline-block;padding:0 .5em;font-size:var(--font-size-sm);border-radius:var(--radius-md);background:var(--color-gray-100);color:var(--color-gray-800);margin-left:.2em}.table-badge-gender{background:var(--color-primary-lightest);color:var(--color-primary)}.table-cell-truncate{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{width:1.5rem;height:1.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;transition-property:color,background-color,border-color;transition-duration:.15s;box-shadow:var(--shadow-sm)}.icon-btn-neutral{background-color:var(--color-gray-300);color:var(--color-white)}.icon-btn-neutral:hover{background-color:var(--color-gray-400)}.icon-btn-primary{background-color:var(--color-primary);color:var(--color-white)}.icon-btn-primary:hover{background-color:var(--color-primary-dark)}.icon-btn-success{background-color:var(--color-success);color:var(--color-white)}.icon-btn-success:hover{background-color:var(--color-success-dark)}.badge{display:inline-flex;align-items:center;padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:.375rem;padding-bottom:.375rem;border-radius:9999px;font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);line-height:1.25;vertical-align:middle;white-space:nowrap}.badge-primary{background-color:var(--color-primary);color:var(--color-white)}.badge-success{background-color:var(--color-success);color:var(--color-white)}.badge-warning{background-color:var(--color-warning);color:var(--color-white)}.badge-error{background-color:var(--color-error);color:var(--color-white)}.badge-info{background-color:var(--color-info);color:var(--color-white)}.badge-secondary{background-color:var(--color-neutral);color:var(--color-white)}.badge-accent{background-color:var(--color-accent);color:var(--color-white)}.badge-primary-light{background-color:var(--color-blue-100);color:var(--color-blue-700)}.badge-success-light{background-color:var(--color-green-100);color:var(--color-green-700)}.badge-warning-light{background-color:var(--color-yellow-100);color:var(--color-yellow-700)}.badge-error-light{background-color:var(--color-red-100);color:var(--color-red-700)}.badge-info-light{background-color:var(--color-cyan-100);color:var(--color-cyan-700)}.badge-secondary-light{background-color:var(--color-gray-100);color:var(--color-gray-700)}.badge-purple{background-color:var(--color-purple-500);color:var(--color-white)}.badge-pink{background-color:var(--color-pink-500);color:var(--color-white)}.badge-accent-light{background-color:var(--color-accent);color:var(--color-white)}.badge-checkin{background-color:var(--color-checkin);color:var(--color-white)}.badge-checkout{background-color:var(--color-checkout);color:var(--color-white)}.badge-cancelled{background-color:var(--color-cancelled);color:var(--color-white)}.badge-on-hold{background-color:var(--color-on-hold);color:var(--color-white)}.badge-rental{background-color:var(--color-rental);color:var(--color-white)}.badge-return{background-color:var(--color-return);color:var(--color-white)}.badge-order-pending{background-color:var(--color-yellow-500);color:var(--color-white)}.badge-order-confirmed{background-color:var(--color-blue-500);color:var(--color-white)}.badge-order-shipped{background-color:var(--color-purple-500);color:var(--color-white)}.badge-order-delivered{background-color:var(--color-green-500);color:var(--color-white)}.badge-order-cancelled{background-color:var(--color-red-500);color:var(--color-white)}.badge-member-time{background-color:var(--color-member-time);color:var(--color-white)}.badge-member-rental{background-color:var(--color-member-rental);color:var(--color-white)}.badge-member-both{background:linear-gradient(135deg,var(--color-member-time) 0%,var(--color-member-rental) 100%);color:var(--color-white)}.badge-member-point{background-color:var(--color-member-point);color:var(--color-white)}.badge-member-general{background-color:var(--color-member-general);color:var(--color-white)}.badge-member-guest{background-color:var(--color-member-guest);color:var(--color-white)}.badge-member-group{background-color:var(--color-member-group);color:var(--color-white)}.badge-member-default{background-color:var(--color-member-general);color:var(--color-white)}.badge-gender-female{background-color:var(--color-gender-female);border-color:var(--color-gender-female);color:var(--color-white)}.badge-gender-female:hover{background-color:var(--color-gender-female-hover)}.badge-gender-male{background-color:var(--color-gender-male);border-color:var(--color-gender-male);color:var(--color-white)}.badge-gender-male:hover{background-color:var(--color-gender-male-hover)}.border-gender-female{border-color:var(--color-gender-female)}.border-gender-male{border-color:var(--color-gender-male)}.badge-lego{padding:3px var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:all;transition-duration:.15s;cursor:pointer;max-width:250px;background-color:var(--color-blue-50);color:var(--color-blue-800);border:1px solid var(--color-blue-300)}.badge-lego:hover{background-color:var(--color-blue-100);border-color:var(--color-blue-400)}.badge-checkout-complete{padding:3px var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;border-radius:var(--radius-base);background-color:var(--color-orange-100);color:var(--color-amber-700);border:1px solid var(--color-amber-200)}.badge-hold-time{padding:3px var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;border-radius:var(--radius-base);background-color:var(--color-yellow-100);color:var(--color-amber-800);border:1px solid var(--color-amber-200)}.badge-hold-active{padding:3px var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;border-radius:var(--radius-base);background-color:transparent;color:var(--color-error);border:1px solid var(--color-error)}.badge-hold-active:hover{background-color:var(--color-red-50)}.badge-hold-inactive{padding:3px var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;border-radius:var(--radius-base);background-color:transparent;color:var(--color-gray-700);border:1px solid var(--color-gray-400)}.badge-hold-inactive:hover{background-color:var(--color-gray-100)}.badge-product{padding:3px var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;border-radius:var(--radius-base);background-color:transparent;color:var(--color-gray-700);border:1px solid var(--color-gray-400)}.badge-product:hover{background-color:var(--color-gray-100)}.badge-sales-amount{padding:3px var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;border-radius:var(--radius-base);white-space:nowrap;transition-property:color,background-color,border-color;transition-duration:.15s;cursor:pointer;background-color:transparent;color:var(--color-gray-700);border:1px solid var(--color-gray-400)}.badge-sales-amount:hover{background-color:var(--color-gray-100)}.payment-input-container{display:flex;height:40px;font-size:var(--font-size-sm);border-radius:var(--radius-lg);overflow:hidden;margin-left:auto;border:1px solid var(--color-primary)}.payment-input{width:5rem;padding-right:0;padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);font-weight:var(--font-weight-bold);text-align:right;outline:none;box-shadow:none;border:none;font-size:var(--font-size-base);color:var(--color-primary);background-color:var(--color-white);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.payment-input:focus{outline:none;box-shadow:none;border:none}.payment-input::-webkit-outer-spin-button,.payment-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.payment-unit{padding-left:0;padding-right:var(--spacing-3);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-primary);background-color:var(--color-white)}.session-card-base{border-radius:var(--radius-lg);padding:var(--spacing-7);transition-property:all;transition-duration:.15s;transition-duration:.3s;border:1px solid var(--color-border-default);margin-bottom:0;position:relative;background-color:var(--color-white)}.session-card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--radius-lg);background-color:rgba(var(--color-light-rgb),var(--opacity-50))}.border-on-hold{border-color:var(--color-on-hold)}.border-default{border-color:var(--color-gray-300)}.text-default{color:var(--color-gray-900)}.text-muted{color:var(--color-gray-600)}.text-subtle{color:var(--color-gray-500)}.text-placeholder{color:var(--color-gray-400)}.text-member-special{color:var(--color-primary)}.text-loader{color:var(--color-primary-dark)}.text-group-label{color:var(--color-white);opacity:.8}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-secondary{color:var(--color-secondary)}.border-default{border-color:var(--color-border-default)}.border-muted{border-color:var(--color-border-muted)}.border-strong{border-color:var(--color-border-strong)}.bg-base{background-color:var(--color-bg-base)}.bg-elevated{background-color:var(--color-bg-elevated)}.bg-muted{background-color:var(--color-bg-muted)}.bg-subtle{background-color:var(--color-bg-subtle)}.time-input-container{display:flex;align-items:center;height:40px;border-radius:var(--radius-lg);overflow:hidden;font-size:var(--font-size-sm);flex-shrink:0;border:1px solid var(--color-gray-600)}.time-input-container-checkin{width:260px;min-width:260px;max-width:260px}.time-input-container-checkout{width:170px;min-width:170px;max-width:170px}.time-input{height:100%;padding-left:var(--spacing-2);padding-right:var(--spacing-2);outline:none;box-shadow:none;border:none;border-left:1px solid var(--color-gray-600);background-color:var(--color-white)}.time-input:focus{outline:none;box-shadow:none;border:none;border-left:1px solid var(--color-gray-600)}.time-input-checkin{width:120px}.time-input-checkout{width:120px;border-left:none}.time-input-checkout:focus{border-left:none}.time-submit-btn{width:50px;min-width:50px;max-width:50px;height:100%;flex-shrink:0;font-weight:var(--font-weight-bold);color:var(--color-gray-700);border:none;border-left:1px solid var(--color-gray-600)}.time-submit-btn-active{background-color:var(--color-white)}.time-submit-btn-active:hover{background-color:var(--color-gray-100)}.time-submit-btn-disabled{background-color:var(--color-gray-200)}.badge-guest-memo{padding-left:var(--spacing-2);padding-right:var(--spacing-2);padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;border-radius:var(--radius-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px;background-color:var(--color-bg-base);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-auto-refresh-on{background-color:var(--color-success);color:var(--color-white)}.btn-auto-refresh-on:hover{background-color:var(--color-success-dark)}.btn-auto-refresh-off{background-color:var(--color-gray-500);color:var(--color-white)}.btn-auto-refresh-off:hover{background-color:var(--color-gray-600)}.btn-auto-refresh-countdown{display:flex;align-items:center;justify-content:center;width:2rem;height:1.25rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-lg);margin-left:var(--spacing-1);cursor:pointer;transition-property:color,background-color,border-color;transition-duration:.15s;background-color:var(--color-success-dark);color:var(--color-white)}.btn-auto-refresh-countdown:hover{background-color:var(--color-success)}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:var(--spacing-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;min-width:120px;background-color:var(--color-white);border:1px solid var(--color-gray-200)}.dropdown-header{padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-gray-500);border-bottom:1px solid var(--color-gray-100)}.dropdown-item{width:100%;padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);font-size:var(--font-size-sm);text-align:left;transition-property:color,background-color,border-color;transition-duration:.15s;display:flex;align-items:center;justify-content:space-between;color:var(--color-gray-700)}.dropdown-item:hover{background-color:var(--color-gray-50)}.dropdown-item-selected{background-color:var(--color-primary-lightest);color:var(--color-primary)}.skeleton{border-radius:var(--radius-base);background-color:var(--color-gray-200)}.skeleton-card{border-radius:var(--radius-lg);padding:var(--spacing-7);transition-property:all;transition-duration:.15s;transition-duration:.3s;border:1px solid var(--color-border-default);margin-bottom:0;position:relative;background-color:var(--color-white);border-color:var(--color-gray-300)}.badge-change-initial{background-color:var(--color-primary);color:var(--color-white)}.badge-change-change{background-color:var(--color-warning);color:var(--color-white)}.badge-change-final{background-color:var(--color-success);color:var(--color-white)}.badge-change-default{background-color:var(--color-gray-600);color:var(--color-white)}.modal-header-border{display:flex;align-items:center;justify-content:space-between;padding-left:var(--spacing-8);padding-right:var(--spacing-8);padding-top:var(--spacing-6);padding-bottom:var(--spacing-6);flex-shrink:0;border-bottom:1px solid var(--color-gray-200)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.modal-close-btn{color:var(--color-gray-400)}.modal-close-btn:hover{color:var(--color-gray-600)}.history-card{border-radius:var(--radius-lg);padding:var(--spacing-6);background-color:var(--color-gray-50)}.history-item{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border-radius:var(--radius-lg);transition-property:box-shadow;transition-duration:.2s;background-color:var(--color-white);border:1px solid var(--color-gray-200)}.history-item:hover{box-shadow:var(--shadow-sm)}.history-badge-number{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-primary);color:var(--color-white)}.history-badge-current{display:inline-flex;align-items:center;padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);border-radius:9999px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background-color:var(--color-success);color:var(--color-white)}.badge-payment-card{background-color:var(--color-primary);color:var(--color-white)}.badge-payment-cash{background-color:var(--color-success);color:var(--color-white)}.badge-payment-credit{background-color:var(--color-accent);color:var(--color-white)}.badge-payment-point-custom{background-color:var(--color-info);color:var(--color-white)}.badge-payment-transfer{background-color:var(--color-gray-600);color:var(--color-white)}.badge-payment-time-deduct{background-color:var(--color-gray-700);color:var(--color-white)}.badge-payment-default{background-color:var(--color-gray-400);color:var(--color-white)}.badge-status-checkin{background-color:rgba(var(--color-success-rgb),.15);color:var(--color-success)}.badge-status-checkout{background-color:var(--color-gray-100);color:var(--color-gray-700)}.badge-status-cancelled{background-color:rgba(var(--color-error-rgb),.15);color:var(--color-error)}.badge-sm{padding-left:var(--spacing-2);padding-right:var(--spacing-2);padding-top:.25rem;padding-bottom:.25rem;font-size:11px}.badge-md{padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:.375rem;padding-bottom:.375rem;font-size:var(--font-size-xs)}.badge-lg{padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);font-size:var(--font-size-sm)}table .btn,.table-base .btn,.table-container .btn,.data-table .btn,.card-table .btn{padding:4px 8px!important;font-size:12px!important;height:24px!important;border-radius:var(--radius-md)!important}table .badge,.table-base .badge,.table-container .badge,.data-table .badge,.card-table .badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:24px!important;padding:0 8px!important;font-size:11px!important;line-height:1!important}table .badge.badge-xs,.table-base .badge.badge-xs,.table-container .badge.badge-xs,.data-table .badge.badge-xs,.card-table .badge.badge-xs{height:auto!important;padding:1px 5px!important;font-size:10px!important;line-height:1.4!important;font-weight:var(--font-weight-normal)!important}.card-table-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;line-height:1;vertical-align:middle;font-weight:var(--font-weight-semibold);border-radius:9999px}.card-table-badge-primary{background-color:var(--color-primary);color:var(--color-white)}.card-table-badge-info{background-color:var(--color-info);color:var(--color-white)}.card-table-badge-success{background-color:var(--color-success);color:var(--color-white)}.card-table-badge-warning{background-color:var(--color-warning);color:var(--color-white)}.card-table-badge-error{background-color:var(--color-error);color:var(--color-white)}.card-table-badge-secondary{background-color:var(--color-neutral);color:var(--color-white)}.card-table-badge-accent{background-color:var(--color-accent);color:var(--color-white)}.filter-badge{padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:.375rem;padding-bottom:.375rem;border-radius:9999px;color:var(--color-white);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);cursor:pointer;transition-property:color,background-color,border-color;transition-duration:.15s}.filter-badge-all{background-color:var(--color-gray-500)}.filter-badge-all.active{background-color:var(--color-gray-800)}.filter-badge-pending{background-color:var(--color-warning)}.filter-badge-pending.active{background-color:var(--color-warning-dark)}.filter-badge-confirmed{background-color:var(--color-primary)}.filter-badge-confirmed.active{background-color:var(--color-primary-dark)}.filter-badge-shipped{background-color:var(--color-purple-500)}.filter-badge-shipped.active{background-color:var(--color-purple-600)}.filter-badge-delivered{background-color:var(--color-success)}.filter-badge-delivered.active{background-color:var(--color-success-dark)}.filter-badge-cancelled,.filter-badge-cancelled.active{background-color:var(--color-error)}.stat-badge{padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:.375rem;padding-bottom:.375rem;border-radius:9999px;color:var(--color-white);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs)}.stat-badge-primary{background-color:var(--color-primary);color:var(--color-white)}.stat-badge-success{background-color:var(--color-success);color:var(--color-white)}.stat-badge-warning{background-color:var(--color-orange-bright);color:var(--color-white)}.stat-badge-error{background-color:var(--color-error);color:var(--color-white)}.stat-badge-info{background-color:var(--color-teal-500);color:var(--color-white)}.stat-badge-purple{background-color:var(--color-purple-500);color:var(--color-white)}.stat-badge-pink{background-color:var(--color-pink-500);color:var(--color-white)}.stat-badge-gray{background-color:var(--color-gray-500)}.stat-badge-teal{background-color:var(--color-teal-500)}.sms-badge-checkin{background-color:var(--color-checkin);color:var(--color-white)}.sms-badge-checkout{background-color:var(--color-checkout);color:var(--color-white)}.sms-badge-rental{background-color:var(--color-rental);color:var(--color-white)}.sms-badge-return{background-color:var(--color-return);color:var(--color-white)}.sms-badge-overdue{background-color:var(--color-error);color:var(--color-white)}.sms-badge-reminder,.sms-badge-charge{background-color:var(--color-warning);color:var(--color-white)}.sms-badge-point{background-color:var(--color-purple-500);color:var(--color-white)}.sms-badge-welcome,.sms-badge-birthday{background-color:var(--color-teal-500);color:var(--color-white)}.sms-badge-default{background-color:var(--color-gray-500);color:var(--color-white)}.card{background-color:var(--color-bg-base);border-radius:var(--radius-xl)}.card-hover{transition-property:box-shadow;transition-duration:.2s}.card-hover:hover{box-shadow:var(--shadow-lg)}.card-bordered{border:1px solid var(--color-border-default)}.card-padding-none{padding:0!important}.card-padding-sm,.card-padding-md{padding:var(--spacing-8)!important}.card-padding-lg{padding:var(--spacing-12)!important}.card-shadow{box-shadow:var(--shadow-md)}.card-shadow-lg{box-shadow:var(--shadow-lg)}.card-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.card-header{margin-bottom:var(--spacing-4)}.card-body{flex:1 1 0%;display:flex;flex-direction:column}.card-footer{border-top:1px solid var(--color-border-default);border-color:var(--color-gray-200);padding-top:var(--spacing-4);margin-top:var(--spacing-4)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1);color:var(--color-gray-700)}.form-input{display:block;width:100%;height:var(--input-height, 36px);padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:0;padding-bottom:0;border-radius:var(--radius-lg);cursor:text;background-color:var(--color-white);border:1px solid var(--color-gray-300);color:var(--color-gray-900);font-size:14px;line-height:1.5}.form-input:focus{outline:none;border-color:var(--color-primary)}.form-input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.form-input::-moz-placeholder{color:var(--color-gray-400)}.form-input::placeholder{color:var(--color-gray-400)}.form-input-sm{height:var(--input-height-sm, 30px);padding-left:var(--spacing-2);padding-right:var(--spacing-2);font-size:var(--font-size-xs)}.form-input-lg{height:var(--input-height-lg, 42px);padding-left:var(--spacing-4);padding-right:var(--spacing-4);font-size:14px}.form-input-error{border-color:var(--color-error)}.form-error{margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-error)}.form-hint{margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-gray-500)}.form-select{display:block;width:100%;padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;background-color:var(--color-white);border:1px solid var(--color-gray-300);color:var(--color-gray-900)}.form-select:focus{outline:none;border-color:var(--color-primary)}.form-select:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.form-textarea{display:block;width:100%;padding:var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-white);border:1px solid var(--color-gray-300);color:var(--color-gray-900);resize:vertical}.form-textarea:focus{outline:none;border-color:var(--color-primary)}.form-textarea:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.form-textarea::-moz-placeholder{color:var(--color-gray-400)}.form-textarea::placeholder{color:var(--color-gray-400)}.form-checkbox{height:1rem;width:1rem;border-radius:var(--radius-base);color:var(--color-primary);border:1px solid var(--color-gray-300)}.form-radio{height:1rem;width:1rem;color:var(--color-primary);border:1px solid var(--color-gray-300)}.checkbox-wrapper{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.checkbox-wrapper-disabled{cursor:not-allowed;opacity:.5}.checkbox{border-radius:var(--radius-base);border:1px solid var(--color-gray-300);background-color:var(--color-white)}.checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-sm{height:.875rem;width:.875rem}.checkbox-md{height:1rem;width:1rem}.checkbox-lg{height:1.25rem;width:1.25rem}.checkbox-primary:checked{background-color:var(--color-primary);border-color:var(--color-primary);--tw-ring-color: var(--color-primary)}.checkbox-success:checked{background-color:var(--color-success);border-color:var(--color-success);--tw-ring-color: var(--color-success)}.checkbox-warning:checked{background-color:var(--color-warning);border-color:var(--color-warning);--tw-ring-color: var(--color-warning)}.checkbox-error:checked{background-color:var(--color-error);border-color:var(--color-error);--tw-ring-color: var(--color-error)}.checkbox-label{font-size:var(--font-size-sm);color:var(--color-gray-700)}.radio-wrapper{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.radio-wrapper-disabled{cursor:not-allowed;opacity:.5}.radio{border-radius:9999px;border:1px solid var(--color-gray-300);background-color:var(--color-white)}.radio:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.radio-sm{height:.875rem;width:.875rem}.radio-md{height:1rem;width:1rem}.radio-lg{height:1.25rem;width:1.25rem}.radio-primary:checked{background-color:var(--color-primary);border-color:var(--color-primary);--tw-ring-color: var(--color-primary)}.radio-success:checked{background-color:var(--color-success);border-color:var(--color-success);--tw-ring-color: var(--color-success)}.radio-warning:checked{background-color:var(--color-warning);border-color:var(--color-warning);--tw-ring-color: var(--color-warning)}.radio-error:checked{background-color:var(--color-error);border-color:var(--color-error);--tw-ring-color: var(--color-error)}.radio-label{font-size:var(--font-size-sm);color:var(--color-gray-700)}.tabs{width:100%}.tab-header{display:flex;gap:var(--spacing-1)}.tab-header-full{width:100%}.tab-header-full .tab-button{flex:1 1 0%}.tab-header-default{border-bottom:1px solid var(--color-gray-200)}.tab-header-pills{gap:var(--spacing-2);background-color:var(--color-gray-100);padding:var(--spacing-1);border-radius:var(--radius-lg)}.tab-header-underline{border-bottom:2px solid var(--color-gray-200)}.tab-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-weight:var(--font-weight-medium);transition-property:color,background-color,border-color;transition-duration:.15s;color:var(--color-gray-600)}.tab-button:hover:not(:disabled){color:var(--color-gray-900)}.tab-button:disabled{opacity:.5;cursor:not-allowed}.tab-button-sm{padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:.375rem;padding-bottom:.375rem;font-size:var(--font-size-sm)}.tab-button-md{padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);font-size:var(--font-size-sm)}.tab-button-lg{padding-left:var(--spacing-6);padding-right:var(--spacing-6);padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);font-size:14px}.tab-button-default{margin-bottom:-1px;border-bottom:2px solid transparent}.tab-button-default-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-button-pills{border-radius:var(--radius-md)}.tab-button-pills-active{background-color:var(--color-white);color:var(--color-gray-900);box-shadow:var(--shadow-sm)}.tab-button-underline{margin-bottom:-.125rem;border-bottom:2px solid transparent}.tab-button-underline-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-content{margin-top:var(--spacing-4)}.tab-icon{flex-shrink:0}.tab-badge{display:inline-flex;align-items:center;justify-content:center;padding-left:var(--spacing-2);padding-right:var(--spacing-2);padding-top:.125rem;padding-bottom:.125rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:9999px;background-color:var(--color-gray-200);color:var(--color-gray-700)}.tab-button-active .tab-badge{background-color:var(--color-primary-lightest);color:var(--color-primary)}.select-button{position:relative;cursor:pointer;border-radius:var(--radius-lg);height:var(--input-height, 36px);padding-top:0;padding-bottom:0;padding-left:var(--spacing-4);padding-right:var(--spacing-10);display:flex;align-items:center;text-align:left;background-color:var(--color-white);border:1px solid var(--color-gray-300);color:var(--color-gray-900);font-size:14px;line-height:1.5;width:100%;white-space:nowrap}.select-button:focus{outline:none;border-color:var(--color-primary)}.select-button-open{border-color:var(--color-primary)}.select-button-sm{height:var(--input-height-sm, 30px);padding-left:var(--spacing-3);padding-right:var(--spacing-2)}.select-button-lg{height:var(--input-height-lg, 42px);padding-left:var(--spacing-4);padding-right:var(--spacing-12)}.select-button-error{border-color:var(--color-error)}.select-button-error:focus{--tw-ring-color: var(--color-error)}.select-button-disabled{cursor:not-allowed;background-color:var(--color-gray-100);color:var(--color-gray-500)}.select-icon-container{position:absolute;top:50%;right:0;transform:translateY(-50%);display:flex;align-items:center;padding-right:var(--spacing-4);pointer-events:none}.select-icon{display:block;width:1rem;height:1rem;color:var(--color-gray-400);flex-shrink:0}.select-check-container{position:absolute;top:50%;right:0;transform:translateY(-50%);display:flex;align-items:center;padding-right:var(--spacing-4)}.select-options{position:absolute;z-index:50;margin-top:var(--spacing-1);min-width:100%;width:-moz-max-content;width:max-content;border-radius:var(--radius-lg);padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);background-color:var(--color-white);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg)}.select-option{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);padding-left:var(--spacing-4);padding-right:var(--spacing-10);color:var(--color-gray-900);white-space:nowrap}.select-option-active{background-color:var(--color-primary-lightest);color:var(--color-primary-dark)}.select-option-selected{font-weight:600}.select-option-disabled{cursor:not-allowed;color:var(--color-gray-400)}.select-check-icon{color:var(--color-primary)}.select-check-icon svg{width:1rem;height:1rem}.table{width:100%}.table thead{background-color:var(--color-gray-50)}.table th{padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-default);border-color:var(--color-gray-200)}.table td{padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-gray-900);border-bottom:1px solid var(--color-border-default);border-color:var(--color-gray-200)}.table tbody tr{transition-property:color,background-color,border-color;transition-duration:.15s}.table tbody tr:hover{background-color:var(--color-gray-50)}.table-striped tbody tr:nth-child(odd){background-color:var(--color-white)}.table-bordered,.table-bordered th,.table-bordered td{border:1px solid var(--color-border-default);border-color:var(--color-gray-200)}.table-wrapper{width:100%;background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden}.table-wrapper-scroll{overflow-x:auto}.data-table{width:100%}.data-table thead{background-color:var(--color-gray-50)}.data-table th{padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-200)}.data-table td{padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-gray-900);border-bottom:1px solid var(--color-gray-200)}.data-table tbody tr{transition-property:color,background-color,border-color;transition-duration:.15s}.data-table-hoverable tbody tr:hover{background-color:var(--color-gray-50)}.data-table-striped tbody tr:nth-child(odd){background-color:var(--color-white)}.data-table-striped tbody tr:nth-child(2n){background-color:var(--color-gray-50)}.data-table-bordered,.data-table-bordered th,.data-table-bordered td{border:1px solid var(--color-gray-200)}.data-table-compact th,.data-table-compact td{padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.table-loading{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12);text-align:center;color:var(--color-gray-500)}.table-empty{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12);text-align:center;color:var(--color-gray-400)}.table-sort-icon{color:var(--color-gray-400)}.table-th-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.table-sortable-header{display:flex;align-items:center;gap:var(--spacing-1)}.table-sortable-header--center{justify-content:center}.table-sortable-header--right{justify-content:flex-end}.table-sort-indicator{display:inline-flex;align-items:center}.table-sort-indicator-svg{width:14px;height:14px}.table-sort-indicator-svg--inactive{opacity:.3}.loading-spinner{display:inline-block;animation:spin 1s linear infinite;height:1.25rem;width:1.25rem;border-width:2px;border-color:currentColor;border-top-color:transparent;border-radius:9999px}.loading-dots{display:inline-flex;gap:var(--spacing-1)}.loading-dots span{display:inline-block;width:.5rem;height:.5rem;background-color:currentColor;border-radius:9999px;animation:bounce 1s infinite}.loading-dots span:nth-child(2){animation-delay:.1s}.loading-dots span:nth-child(3){animation-delay:.2s}.loading-skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--color-gray-200);border-radius:var(--radius-base)}.modal-backdrop{position:fixed;inset:0;background-color:var(--color-black);background-opacity:.5;transition-property:opacity;transition-duration:.15s;z-index:var(--z-modal-backdrop)}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);z-index:var(--z-modal)}.modal-content{background-color:var(--color-white);border-radius:var(--radius-lg);max-width:32rem;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{padding-left:var(--spacing-6);padding-right:var(--spacing-6);padding-top:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-default);border-color:var(--color-gray-200)}.modal-body{padding-left:var(--spacing-6);padding-right:var(--spacing-6);padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.modal-footer{padding-left:var(--spacing-6);padding-right:var(--spacing-6);padding-top:var(--spacing-4);padding-bottom:var(--spacing-4);border-top:1px solid var(--color-border-default);border-color:var(--color-gray-200);display:flex;justify-content:center;gap:var(--spacing-2)}.modal-header-confirm{background:linear-gradient(to right,var(--color-primary),var(--color-primary-dark))}.modal-header-alert{background:linear-gradient(to right,var(--color-error),var(--color-error-dark))}.modal-header-success{background:linear-gradient(to right,var(--color-success),var(--color-success-dark))}.modal-header-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--color-white)}.modal-header-badge{padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:9999px;color:var(--color-white);border:1px solid rgba(255,255,255,.3)}.modal-body{padding-left:var(--spacing-10);padding-right:var(--spacing-10);padding-top:var(--spacing-12);padding-bottom:var(--spacing-12);flex:1 1 0%;overflow-y:auto;min-height:0;background-color:var(--color-white)}.modal-message{font-size:var(--font-size-base);line-height:1.625;word-break:break-word;overflow-x:auto;white-space:pre-wrap;color:var(--color-gray-700);word-wrap:break-word;word-break:break-all;max-width:100%;overflow-wrap:break-word}.modal-footer{padding-left:var(--spacing-10);padding-right:var(--spacing-10);padding-top:var(--spacing-6);padding-bottom:var(--spacing-6);flex-shrink:0;background-color:var(--color-white);border-top:1px solid var(--color-gray-200);display:flex;justify-content:center;gap:var(--spacing-2)}.btn-modal-cancel{padding-left:var(--spacing-6);padding-right:var(--spacing-6);padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);background-color:var(--color-white);color:var(--color-gray-800);border:1px solid var(--color-gray-300)}.btn-modal-cancel:hover{background-color:var(--color-gray-50)}.btn-modal-confirm{padding-left:var(--spacing-6);padding-right:var(--spacing-6);padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);font-weight:var(--font-weight-semibold);color:var(--color-white)}.btn-modal-primary{background-color:var(--color-primary)}.btn-modal-primary:hover{background-color:var(--color-primary-dark)}.btn-modal-alert{background-color:var(--color-error)}.btn-modal-alert:hover{background-color:var(--color-error-dark)}.btn-modal-success{background-color:var(--color-success)}.btn-modal-success:hover{background-color:var(--color-success-dark)}.toast{position:fixed;z-index:9999;display:inline-flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);box-shadow:none;white-space:nowrap;max-width:90vw}.toast-info{background-color:var(--color-gray-800);color:var(--color-white)}.toast-info .toast-icon{color:var(--color-white)}.toast-success{background-color:var(--color-primary);color:var(--color-white)}.toast-success .toast-icon{color:var(--color-white)}.toast-warning{background-color:var(--color-warning);color:var(--color-white)}.toast-warning .toast-icon{color:var(--color-white)}.toast-error{background-color:var(--color-error);color:var(--color-white)}.toast-error .toast-icon{color:var(--color-white)}.toast-top-right{top:7rem;right:var(--spacing-12)}.toast-top-left{top:1.5rem;left:1.5rem}.toast-bottom-right{bottom:1.5rem;right:1.5rem}.toast-bottom-left{bottom:1.5rem;left:1.5rem}.toast-top-center{top:7rem;left:50%;transform:translate(-50%)}.toast-bottom-center{bottom:1.5rem;left:50%;transform:translate(-50%)}.toast-icon{flex-shrink:0}.toast-message{flex:1 1 0%}.toast-close{flex-shrink:0;padding:var(--spacing-1);border-radius:9999px;transition-property:color,background-color,border-color;transition-duration:.15s;color:var(--color-gray-400)}.toast-close:hover{color:var(--color-gray-600);background-color:var(--color-gray-100)}.toggle-btn{border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition-property:color,background-color,border-color;transition-duration:.15s;border:1px solid var(--color-border-default)}.toggle-btn-xs{padding-left:var(--spacing-2);padding-right:var(--spacing-2);padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);font-size:var(--font-size-xs)}.toggle-btn-sm{padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:.375rem;padding-bottom:.375rem;font-size:var(--font-size-xs)}.toggle-btn-md{padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);font-size:var(--font-size-sm)}.toggle-btn-lg{padding-left:var(--spacing-6);padding-right:var(--spacing-6);padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);font-size:14px}.toggle-btn-inactive{background-color:var(--color-white);color:var(--color-gray-600);border-color:var(--color-gray-600)}.toggle-btn-primary-active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.toggle-btn-success-active{background-color:var(--color-success);color:var(--color-white);border-color:var(--color-success)}.toggle-btn-warning-active{background-color:var(--color-warning);color:var(--color-white);border-color:var(--color-warning)}.toggle-btn-error-active{background-color:var(--color-error);color:var(--color-white);border-color:var(--color-error)}.toggle-btn-info-active{background-color:var(--color-info);color:var(--color-white);border-color:var(--color-info)}.toggle-btn-primary-hover:hover{background-color:var(--color-primary-dark);color:var(--color-white);border-color:var(--color-primary-dark)}.toggle-btn-success-hover:hover{background-color:var(--color-success-dark);color:var(--color-white);border-color:var(--color-success-dark)}.toggle-btn-warning-hover:hover{background-color:var(--color-warning-dark);color:var(--color-white);border-color:var(--color-warning-dark)}.toggle-btn-error-hover:hover{background-color:var(--color-error-dark);color:var(--color-white);border-color:var(--color-error-dark)}.toggle-btn-info-hover:hover{background-color:var(--color-info-dark);color:var(--color-white);border-color:var(--color-info-dark)}.toggle-btn-disabled{opacity:.5;cursor:not-allowed}.global-header{padding-left:var(--spacing-12);padding-right:var(--spacing-12);padding-top:var(--spacing-4);padding-bottom:var(--spacing-4);display:flex;align-items:center;justify-content:space-between;background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);min-width:var(--layout-min-width)}.header-nav-link{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);transition-property:color,background-color,border-color;transition-duration:.15s;display:flex;align-items:center;gap:var(--spacing-1);outline:none;color:var(--color-gray-800)}.header-nav-link:hover{color:var(--color-primary)}.header-nav-link-active{color:var(--color-primary);border-bottom:4px solid var(--color-primary)}.header-nav-link-sub{font-size:14px;font-weight:var(--font-weight-bold);transition-property:color,background-color,border-color;transition-duration:.15s;outline:none;color:var(--color-gray-800)}.header-nav-link-sub:hover{color:var(--color-primary)}.header-divider{display:inline-block;height:1rem;margin-left:0;margin-right:0;background-color:var(--color-gray-300)}.header-dropdown-btn{font-size:14px;font-weight:var(--font-weight-bold);transition-property:color,background-color,border-color;transition-duration:.15s;display:flex;align-items:center;gap:var(--spacing-1);color:var(--color-gray-800)}.header-dropdown-btn:hover{color:var(--color-primary)}.header-dropdown-icon{width:1rem;height:1rem;color:var(--color-gray-500)}.header-dropdown-menu{position:absolute;left:0;margin-top:var(--spacing-2);width:11rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;background-color:var(--color-white);border:1px solid var(--color-gray-200)}.header-dropdown-item{display:block;padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-gray-700)}.header-dropdown-item:hover{background-color:var(--color-gray-100)}.header-dropdown-item:first-child{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.header-dropdown-item:last-child{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.header-icon-btn{padding:var(--spacing-2);border-radius:9999px;transition-property:color,background-color,border-color;transition-duration:.15s}.header-icon-btn-primary{background-color:var(--color-primary);color:var(--color-white)}.header-icon-btn-primary:hover{background-color:var(--color-primary-dark)}.header-icon-btn-light{background-color:var(--color-primary-lightest);color:var(--color-primary)}.header-icon-btn-light:hover{background-color:var(--color-primary-light)}.header-alert-badge{position:absolute;top:-.25rem;right:-.25rem;font-size:10px;border-radius:9999px;height:1rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-error);color:var(--color-white)}.header-notification-btn{height:2.25rem;padding-left:var(--spacing-3);padding-right:var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--spacing-1);position:relative;border-radius:var(--radius-lg);transition-property:color,background-color,border-color;transition-duration:.15s;background-color:var(--color-white);border:2px solid var(--color-primary);color:var(--color-primary)}.header-notification-btn:hover{background-color:var(--color-primary-lightest)}.header-notification-badge{position:absolute;top:-.5rem;right:-.25rem;font-size:var(--font-size-xs);border-radius:9999px;height:1.25rem;width:1.25rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-error);color:var(--color-white);animation:header-blink 1s infinite}.header-alert-dropdown{position:absolute;right:0;margin-top:var(--spacing-2);width:12rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;background-color:var(--color-white);border:1px solid var(--color-gray-200)}.header-alert-item{padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);background-color:var(--color-error-lightest);border-bottom:1px solid var(--color-error-light)}.header-alert-icon{width:1rem;height:1rem;color:var(--color-error)}.header-alert-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-error-dark)}.header-alert-text{font-size:var(--font-size-xs);color:var(--color-error)}@keyframes header-blink{0%,to{opacity:1}50%{opacity:.5}}.truncate-1{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.truncate-2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.truncate-3{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--color-gray-300);border-radius:9999px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-400)}.scrollbar-thin::-webkit-scrollbar-track{background-color:transparent}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}.focus-ring{outline:none;box-shadow:0 0 0 2px var(--tw-ring-color, var(--color-primary));--tw-ring-color: var(--color-primary);box-shadow:0 0 0 2px var(--color-white),0 0 0 4px var(--tw-ring-color)}.hover-lift{transition-property:transform;transition-duration:.2s}.hover-lift:hover{transform:var(--tw-transform);transform:translateY(-.25rem)}.container-responsive{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-out-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.animate-fade-in{animation:fade-in var(--transition-200) var(--ease-out)}.animate-fade-out{animation:fade-out var(--transition-200) var(--ease-in)}.animate-slide-in-up{animation:slide-in-up var(--transition-300) var(--ease-out)}.animate-slide-out-down{animation:slide-out-down var(--transition-300) var(--ease-in)}.table{width:100%;background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden}.table th,.table td{padding:var(--spacing-sm) var(--spacing-md);text-align:center;border-bottom:1px solid var(--color-gray-200)}.table th{background-color:var(--color-gray-700);color:var(--color-white);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.table td{color:var(--color-gray-700)}.table tbody tr:last-child td{border-bottom:none}.table-striped tbody tr:nth-child(2n){background-color:var(--color-gray-50)}.table-hover tbody tr:hover{background-color:var(--color-gray-100);transition:background-color .15s ease-in-out}.empty-state-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;min-height:400px;z-index:var(--z-sticky);margin:var(--spacing-xl) 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-gray-500);padding:var(--spacing-xl);border-radius:var(--radius-xl)}.empty-state-icon{width:64px;height:64px;color:var(--color-gray-300);margin-bottom:var(--spacing-md)}.empty-state-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-gray-500);margin:0}.empty-state-quote{font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);color:var(--color-white);margin:var(--spacing-md) 0 0 0;background:var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);position:relative;min-width:200px;max-width:800px;width:-moz-fit-content;width:fit-content;text-align:center;z-index:var(--z-popover)}.empty-state-quote:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--color-primary)}.card-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:162px;padding:calc(6rem - 5px) 0;background-color:var(--color-gray-50);border-radius:var(--radius-lg);flex:1}.card-empty-state-icon{width:64px;height:64px;color:var(--color-gray-400);margin-bottom:var(--spacing-2);stroke-width:1}.card-empty-state-text{color:var(--color-gray-400);font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes bgBlink{0%,to{background-color:var(--color-white)}50%{background-color:var(--color-yellow-100)}}@keyframes paymentBlink{0%,to{background-color:var(--color-primary);color:var(--color-white);border-left:1px solid var(--color-primary)}50%{background-color:var(--color-white);color:var(--color-primary);border-left:1px solid var(--color-primary)}}@keyframes holdBlink{0%,to{opacity:1}50%{opacity:.5}}@keyframes inputBlink{0%,to{background-color:var(--color-white)}50%{background-color:var(--color-warning-lightest)}}@keyframes borderHighlight{0%,to{border-color:var(--color-primary)}50%{border-color:var(--color-gray-200)}}@keyframes searchHighlight{0%,to{background-color:var(--color-white)}50%{background-color:var(--color-primary-light)}}.animate-blink{animation:blink 1s step-end infinite}.animate-bg-blink{animation:bgBlink 1s step-end infinite}.animate-payment-blink{animation:paymentBlink 1s step-end infinite}.animate-hold-blink{animation:holdBlink 1s ease-in-out infinite}.animate-input-blink{animation:inputBlink 1s ease-in-out infinite}.animate-border-highlight{animation:borderHighlight 1s ease-in-out 10}.animate-search-highlight{animation:searchHighlight 10s ease-in-out infinite}.page-container{width:100%}.page-content{padding:var(--spacing-lg)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.responsive-grid{display:grid;gap:var(--spacing-xl)!important;width:100%}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.flex-start{display:flex;justify-content:flex-start;align-items:center}.flex-end{display:flex;justify-content:flex-end;align-items:center}.sidebar{min-width:280px;max-width:360px}.sidebar-sm{min-width:200px;max-width:280px}.sidebar-lg{min-width:320px;max-width:400px}.collapsible-card{border:1.5px solid var(--color-gray-200);min-height:200px;transition:max-height var(--transition-base),padding var(--transition-base);max-height:500px;overflow:hidden}.collapsible-card.collapsed{max-height:56px;padding-bottom:var(--spacing-xs)}.toggle-btn{min-width:48px}.loading-text{padding:var(--spacing-xs) 0;color:var(--color-gray-400)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px;padding:var(--spacing-xl)}.data-table-wrapper{overflow-x:auto}.data-table{min-width:100%;font-size:var(--font-size-sm);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-white)}.data-table-header{text-transform:uppercase;border-bottom:1px solid var(--color-border-default);background-color:var(--color-gray-700);color:var(--color-white)}.data-table-header th{padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);text-align:left;font-weight:var(--font-weight-medium);white-space:nowrap}.data-table-body tr{border-bottom:1px solid var(--color-border-default);transition-property:color,background-color,border-color;transition-duration:.15s}.data-table-body tr:hover{background-color:var(--color-gray-50)}.data-table-body td{padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);white-space:nowrap;color:var(--color-gray-900)}.data-table-cell-center{text-align:center}.data-table-cell-right{text-align:right}.data-table-empty{padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);text-align:center;color:var(--color-gray-400)}.member-detail-btn{padding-left:var(--spacing-2);padding-right:var(--spacing-2);padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);font-size:var(--font-size-xs);border-radius:9999px;transition-property:color,background-color,border-color;transition-duration:.15s;background-color:var(--color-primary);color:var(--color-white)}.member-detail-btn:hover{background-color:var(--color-primary-dark)}.member-detail-btn-disabled{background-color:var(--color-gray-300);cursor:not-allowed}@keyframes cardBorderBlink{0%,to{border-color:var(--color-gray-300)}50%{border-color:var(--color-primary)}}.animate-card-border-blink{animation:cardBorderBlink 1s step-end infinite}.page-wrapper-padding-none{padding:0}.page-wrapper-padding-sm{padding:var(--spacing-sm)}.page-wrapper-padding-md{padding:var(--spacing-md)}.page-wrapper-padding-lg{padding:var(--spacing-lg)}.page-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.page-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.page-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.flex>.page-filters{margin-bottom:0}.page-filters-left{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.page-filters-right{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-sm)}.page-content-single{width:100%}.page-content-two-column{display:flex;gap:var(--spacing-xl)}.page-content-two-column>*{flex:1}.page-content-sidebar-left{display:flex;gap:var(--spacing-xl)}.page-content-sidebar-left>:first-child{width:320px;flex-shrink:0}.page-content-sidebar-left>:last-child{flex:1}.page-content-sidebar-right{display:flex;gap:var(--spacing-xl)}.page-content-sidebar-right>:first-child{flex:1}.page-content-sidebar-right>:last-child{width:320px;flex-shrink:0}.page-content-grid{display:grid;gap:var(--spacing-md)}.page-content-grid-2{grid-template-columns:repeat(2,1fr)}.page-content-grid-3{grid-template-columns:repeat(3,1fr)}.page-content-grid-4{grid-template-columns:repeat(4,1fr)}.fixed-overlay{position:fixed;inset:0;z-index:50;background-color:rgba(var(--color-dark-rgb),var(--opacity-50))}.fixed-overlay-70{position:fixed;inset:0;z-index:50;background-color:rgba(var(--color-dark-rgb),var(--opacity-70))}.fixed-overlay-center{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-dark-rgb),var(--opacity-50))}.fixed-overlay-center-70{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-dark-rgb),var(--opacity-70))}.content-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.content-card-sm{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.content-card-lg{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.content-card-xl{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.table-container{overflow-x:auto;background-color:var(--color-white);border-radius:var(--radius-lg)}.table-container-bordered{overflow-x:auto;background-color:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.title-row{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.title-row-sm{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.title-row-lg{display:flex;align-items:center;gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.title-row-between{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.actions-right{display:flex;gap:var(--spacing-2);margin-left:auto}.actions-right-sm{display:flex;gap:var(--spacing-1);margin-left:auto}.actions-right-lg{display:flex;gap:var(--spacing-3);margin-left:auto}.actions-center{display:flex;gap:var(--spacing-2);justify-content:center}.summary-grid{display:grid;width:100%;align-items:stretch;gap:0}.summary-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;align-items:stretch;gap:0}.summary-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;align-items:stretch;gap:0}.summary-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;align-items:stretch;gap:0}.summary-grid-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;align-items:stretch;gap:0}.summary-grid-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;align-items:stretch;gap:0}.form-container{padding:var(--spacing-6);>*+*{margin-top:var(--spacing-4)}}.form-container-sm{padding:var(--spacing-4);>*+*{margin-top:var(--spacing-3)}}.form-container-lg{padding:var(--spacing-8);>*+*{margin-top:var(--spacing-6)}}.filter-group{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.filter-group-sm{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.filter-group-lg{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.modal-box{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto}.modal-box-sm{max-width:28rem;background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.modal-box-md{max-width:32rem;background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.modal-box-lg{max-width:42rem;background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.modal-box-xl{max-width:56rem;background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.modal-box-full{width:100%;max-width:90vw;background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-4)}.section-title-sm{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.section-title-lg{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-lg)}.empty-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:var(--spacing-12);padding-bottom:var(--spacing-12);color:var(--color-gray-500)}.empty-content-sm{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:var(--spacing-6);padding-bottom:var(--spacing-6);color:var(--color-gray-500)}.inline-form-group{display:flex;align-items:center;gap:var(--spacing-2)}.inline-form-group-sm{display:flex;align-items:center;gap:var(--spacing-1)}.inline-form-group-lg{display:flex;align-items:center;gap:var(--spacing-4)}.stack{display:flex;flex-direction:column;gap:var(--spacing-4)}.stack-sm{display:flex;flex-direction:column;gap:var(--spacing-2)}.stack-lg{display:flex;flex-direction:column;gap:var(--spacing-6)}.stack-xl{display:flex;flex-direction:column;gap:var(--spacing-8)}.icon-button{padding:var(--spacing-2);border-radius:9999px;transition-property:color,background-color,border-color;transition-duration:.15s}.icon-button:hover{background-color:var(--color-gray-100)}.icon-button-sm{padding:var(--spacing-1);border-radius:9999px;transition-property:color,background-color,border-color;transition-duration:.15s}.icon-button-sm:hover{background-color:var(--color-gray-100)}.divider{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4);border-top:1px solid var(--color-gray-200)}.divider-sm{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2);border-top:1px solid var(--color-gray-200)}.divider-lg{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6);border-top:1px solid var(--color-gray-200)}.scroll-container{overflow-y:auto}.scroll-container-sm{overflow-y:auto;max-height:12rem}.scroll-container-md{overflow-y:auto;max-height:16rem}.scroll-container-lg{overflow-y:auto;max-height:24rem}.summary-card{display:flex;flex-direction:column;align-items:flex-start;min-width:120px;flex:1 1 0%;background-color:var(--color-bg-base);padding:var(--spacing-8) var(--spacing-6);position:relative;transition-property:box-shadow;transition-duration:.2s}.summary-card:hover{box-shadow:var(--shadow-lg)}.summary-card-header{display:flex;justify-content:space-between;width:100%;align-items:center;margin-bottom:var(--spacing-1)}.summary-card-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-gray-500)}.summary-card-icon{width:1.25rem;height:1.25rem;color:var(--color-gray-400)}.summary-card-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.summary-card-value-container{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-2)}.summary-card-subvalue{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.summary-card-sub{margin-top:var(--spacing-1);line-height:1.4}.summary-card-divider{position:absolute;top:50%;right:0;transform:translateY(-50%);height:70%;border-right:1px solid var(--color-gray-200)}.w-button-xs{width:var(--width-button-xs)}.w-button-sm{width:var(--width-button-sm)}.w-button{width:var(--width-button)}.w-button-md{width:var(--width-button-md)}.w-button-lg{width:var(--width-button-lg)}.min-w-button-xs{min-width:var(--width-button-xs)}.min-w-button-sm{min-width:var(--width-button-sm)}.min-w-button{min-width:var(--width-button)}.min-w-button-md{min-width:var(--width-button-md)}.min-w-button-lg{min-width:var(--width-button-lg)}.max-w-button-xs{max-width:var(--width-button-xs)}.max-w-button-sm{max-width:var(--width-button-sm)}.max-w-button{max-width:var(--width-button)}.max-w-button-md{max-width:var(--width-button-md)}.max-w-button-lg{max-width:var(--width-button-lg)}.w-col-xs{width:var(--width-col-xs)}.w-col-sm{width:var(--width-col-sm)}.w-col-md{width:var(--width-col-md)}.w-col-narrow{width:var(--width-col-narrow)}.w-col-base{width:var(--width-col-base)}.w-col-wide{width:var(--width-col-wide)}.w-col-lg{width:var(--width-col-lg)}.w-col-xl{width:var(--width-col-xl)}.min-w-col-xs{min-width:var(--width-col-xs)}.min-w-col-sm{min-width:var(--width-col-sm)}.min-w-col-md{min-width:var(--width-col-md)}.min-w-col-narrow{min-width:var(--width-col-narrow)}.min-w-col-base{min-width:var(--width-col-base)}.min-w-col-wide{min-width:var(--width-col-wide)}.min-w-col-lg{min-width:var(--width-col-lg)}.min-w-col-xl{min-width:var(--width-col-xl)}.max-w-col-xs{max-width:var(--width-col-xs)}.max-w-col-sm{max-width:var(--width-col-sm)}.max-w-col-md{max-width:var(--width-col-md)}.max-w-col-narrow{max-width:var(--width-col-narrow)}.max-w-col-base{max-width:var(--width-col-base)}.max-w-col-wide{max-width:var(--width-col-wide)}.max-w-col-lg{max-width:var(--width-col-lg)}.max-w-col-xl{max-width:var(--width-col-xl)}.w-input-sm{width:var(--width-input-sm)}.w-input-md{width:var(--width-input-md)}.w-input-lg{width:var(--width-input-lg)}.w-input-xl{width:var(--width-input-xl)}.min-w-input-sm{min-width:var(--width-input-sm)}.min-w-input-md{min-width:var(--width-input-md)}.min-w-input-lg{min-width:var(--width-input-lg)}.min-w-input-xl{min-width:var(--width-input-xl)}.max-w-input-sm{max-width:var(--width-input-sm)}.max-w-input-md{max-width:var(--width-input-md)}.max-w-input-lg{max-width:var(--width-input-lg)}.max-w-input-xl{max-width:var(--width-input-xl)}.max-w-card-sm{max-width:var(--width-card-sm)}.max-w-card-md{max-width:var(--width-card-md)}.max-w-card-lg{max-width:var(--width-card-lg)}.max-w-modal-sm{max-width:var(--width-modal-sm)}.max-w-modal-md{max-width:var(--width-modal-md)}.max-w-modal-lg{max-width:var(--width-modal-lg)}.max-w-modal-xl{max-width:var(--width-modal-xl)}.max-w-content{max-width:var(--width-content-max)}.btn-padding-sm{padding:var(--spacing-1) var(--spacing-2)}.btn-padding-md{padding:var(--spacing-2) var(--spacing-4)}.btn-padding-lg{padding:var(--spacing-3) var(--spacing-6)}.section-spacing-sm{margin-bottom:var(--spacing-4)}.section-spacing-md{margin-bottom:var(--spacing-6)}.section-spacing-lg{margin-bottom:var(--spacing-8)}.table-hoverable tbody tr:hover{background-color:var(--color-gray-50)}.table-compact th,.table-compact td{padding:var(--spacing-2) var(--spacing-3)}.toggle-card-sibling{height:100%;min-width:0;flex-shrink:0;transition:width var(--toggle-card-transition-duration) var(--toggle-card-transition-easing)}.toggle-card-sibling-collapsed{width:var(--toggle-card-sibling-width-collapsed)}.toggle-card-sibling-expanded{width:var(--toggle-card-sibling-width-expanded)}.group-toggle-container{position:relative;padding:0;height:0}.group-toggle-wrapper{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);z-index:10}.bg-template-member{background-color:var(--color-template-member)}.text-template-member{color:var(--color-success-dark)}.border-template-member{border-color:var(--color-success-dark)}.bg-template-birthday{background-color:rgba(var(--color-secondary-rgb),var(--opacity-10))}.text-template-birthday{color:rgba(var(--color-secondary-rgb),var(--opacity-90))}.border-template-birthday{border-color:rgba(var(--color-secondary-rgb),var(--opacity-90))}.bg-template-welcome{background-color:var(--color-template-welcome)}.bg-grade-wood{background-color:var(--color-grade-wood)}.text-grade-wood{color:var(--color-success-dark)}.bg-grade-sky{background-color:var(--color-grade-sky)}.text-grade-sky{color:rgba(var(--color-info-rgb),var(--opacity-90))}.bg-group-highlight{background-color:rgba(var(--color-info-rgb),var(--opacity-10))}.bg-monitor-slate{background-color:#64748b33}.bg-monitor-rose{background-color:#f43f5e33}.bg-monitor-fuchsia{background-color:#d946ef33}.bg-monitor-emerald{background-color:#10b98133}.bg-monitor-violet{background-color:#8b5cf633}.bg-monitor-sky{background-color:#0ea5e933}.bg-monitor-lime{background-color:#84cc1633}.bg-monitor-amber{background-color:#f59e0b33}.bg-monitor-cyan{background-color:#06b6d433}.bg-insight-neutral{background-color:rgba(var(--color-neutral-rgb),var(--opacity-20))}.text-insight-neutral{color:rgba(var(--color-neutral-rgb),var(--opacity-80))}.bg-insight-positive{background-color:var(--color-template-member)}.text-insight-positive{color:rgba(var(--color-success-rgb),var(--opacity-90))}.bg-insight-warning{background-color:rgba(var(--color-warning-rgb),var(--opacity-20))}.text-insight-warning{color:rgba(var(--color-warning-rgb),var(--opacity-90))}.bg-purchase-header{background-color:rgba(var(--color-neutral-rgb),var(--opacity-10))}.text-purchase-header{color:rgba(var(--color-neutral-rgb),var(--opacity-80))}.border-purchase{border-color:rgba(var(--color-neutral-rgb),var(--opacity-40))}.bg-purchase-hover{background-color:rgba(var(--color-neutral-rgb),var(--opacity-10))}.bg-purchase-toggle-track{background-color:var(--color-bg-muted)}.bg-purchase-toggle-active{background-color:var(--color-success-dark)}.ring-purchase-toggle{--tw-ring-color: rgba(var(--color-success-rgb), var(--opacity-30))}.bg-catalog-pink{background-color:rgba(var(--color-secondary-rgb),var(--opacity-10))}.text-catalog-pink{color:rgba(var(--color-secondary-rgb),var(--opacity-90))}.border-catalog-pink{border-color:rgba(var(--color-secondary-rgb),var(--opacity-30))}.hover-template-member:hover{background-color:var(--color-template-member)}.hover-template-birthday:hover{background-color:rgba(var(--color-secondary-rgb),var(--opacity-10))}.hover\:bg-template-welcome:hover{background-color:var(--color-template-welcome)}.bg-grade-forest{background-color:var(--color-grade-forest)}.bg-grade-earth{background-color:var(--color-grade-earth)}.bg-grade-space{background-color:var(--color-grade-space)}.text-grade-earth,.text-grade-space{color:var(--color-info-dark)}.hover\:bg-group-highlight:hover{background-color:var(--color-grade-earth)}.bg-manual-info{background-color:var(--color-template-general)}.bg-manual-warning,.hover\:bg-manual-warning:hover{background-color:rgba(var(--color-warning-rgb),var(--opacity-10))}.hover\:bg-lego-front:hover{background-color:rgba(var(--color-success-rgb),var(--opacity-90))}.bg-purchase-selected{background-color:rgba(var(--color-warning-rgb),var(--opacity-30))}.text-purchase-selected{color:rgba(var(--color-warning-rgb),var(--opacity-90))}.border-purchase-selected{border-color:rgba(var(--color-warning-rgb),var(--opacity-40))}.hover\:bg-purchase-option:hover{background-color:rgba(var(--color-warning-rgb),var(--opacity-10))}.hover\:bg-template-general:hover{background-color:var(--color-template-general)}.table-base{width:100%;font-size:var(--font-size-sm)}.table-header{background-color:var(--color-gray-700);font-weight:var(--font-weight-normal);color:var(--color-gray-100);text-transform:uppercase;border-bottom:1px solid var(--color-border-default);text-align:center}.table-header th{text-align:center}.table-header .table-sortable-header{justify-content:center}.table-row{border-bottom:1px solid var(--color-gray-200)}.table-row:last-child{border-bottom:none}.table-row-hover:hover{background-color:var(--color-gray-50)}.table-row-highlight{background-color:var(--color-sky-50)}.table-cell{vertical-align:middle}.table-cell-center{text-align:center}.table-cell-border-right{border-right:1px solid var(--color-border-default)}.table-cell-left{text-align:left}.table-cell-right{text-align:right}.table-cell-padding-sm{padding:var(--spacing-2) var(--spacing-3)}.table-cell-padding-md{padding:var(--spacing-4)}.table-cell-padding-lg{padding:var(--spacing-6)}.pagination-container{margin-top:var(--spacing-6);display:flex;justify-content:center;gap:var(--spacing-2)}.pagination-btn{padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-bg-base);color:var(--color-text-primary);cursor:pointer;transition:all .15s}.pagination-btn:hover:not(:disabled){background-color:var(--color-bg-muted)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn-active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-group-toggle{padding:0 var(--spacing-3);height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--color-indigo-100);color:var(--color-indigo-700);border:none;cursor:pointer;transition:all .15s}.btn-group-toggle:hover{background-color:var(--color-indigo-200);color:var(--color-indigo-800)}.icon-xs{width:.75rem;height:.75rem}.icon-sm{width:1rem;height:1rem}.icon-md{width:1.5rem;height:1.5rem}.icon-lg{width:2rem;height:2rem}.icon-xl{width:4rem;height:4rem}.icon-color-primary{color:var(--color-primary)}.icon-color-pink{color:var(--color-pink-500)}.icon-color-indigo{color:var(--color-indigo-700)}.font-bold{font-weight:var(--font-weight-bold)}.w-32{width:8rem}.w-48{width:12rem}.bg-pink{background-color:var(--color-pink-500)}.bg-white{background-color:var(--color-white)}.border-t{border-top:1px solid var(--color-border-default)}.border-b{border-bottom:1px solid var(--color-border-default)}.border-gray-200{border-color:var(--color-gray-200)}.text-red-600{color:var(--color-red-600)}.text-xs{font-size:var(--font-size-xs)}.right-6{right:var(--spacing-6)}.bottom-3{bottom:var(--spacing-3)}.percent-up{color:var(--color-green-600)}.percent-down{color:var(--color-red-600)}.percent-same{color:var(--color-gray-500)}.notification-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:9999px;background-color:var(--color-orange-100);color:var(--color-orange-700);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);cursor:pointer;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.section-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-4)}.section-title-icon{width:20px;height:20px;stroke-width:1.5;color:var(--color-gray-500);flex-shrink:0}.card-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.card-title-icon{width:20px;height:20px;stroke-width:1.5;color:var(--color-gray-500);flex-shrink:0}.toggle-card-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.toggle-card-title-icon{width:20px;height:20px;stroke-width:1.5;color:var(--color-gray-500);flex-shrink:0}.section-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.section-gap{margin-bottom:var(--section-gap)}.section-gap-top{margin-top:var(--section-gap)}.tab-group{display:flex;gap:var(--spacing-sm);align-items:center}.card-gap{margin-bottom:var(--card-gap)}.card-gap-top{margin-top:var(--card-gap)}.card-gap-container{display:flex;flex-direction:column;gap:var(--card-gap)}.w-1\/2{width:50%}.w-25-percent{width:25%}.h-500{height:500px}.min-h-260{min-height:260px}.max-h-60{max-height:15rem}.gap-x-12{-moz-column-gap:var(--spacing-12);column-gap:var(--spacing-12)}.gap-0{gap:0}.gap-2{gap:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mt-6{margin-top:var(--spacing-6)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.pr-0{padding-right:0}.p-8{padding:var(--spacing-8)}.text-sm{font-size:var(--font-size-sm)}.text-2xl{font-size:var(--font-size-2xl)}.text-gray-500{color:var(--color-gray-500)}.text-right{text-align:right}.text-center{text-align:center}.whitespace-nowrap{white-space:nowrap}.border{border-width:1px;border-style:solid;border-color:var(--color-border-default)}.border-b{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:var(--color-border-default)}.rounded-lg{border-radius:var(--radius-lg)}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.modal-overlay{position:fixed;inset:0;background-color:rgba(var(--color-dark-rgb),var(--modal-overlay-opacity));z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-8)}.modal-container{width:100%;max-width:var(--modal-width-lg);background-color:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);max-height:90vh;display:flex;flex-direction:column;z-index:var(--z-modal)}.modal-container-sm,.modal-container-md,.modal-container-payment,.modal-container-lg,.modal-container-xl,.modal-container-2xl,.modal-container-3xl,.modal-container-full{width:100%;background-color:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);max-height:90vh;display:flex;flex-direction:column;z-index:var(--z-modal)}.modal-container-sm{max-width:var(--modal-width-sm)}.modal-container-md{max-width:var(--modal-width-md)}.modal-container-payment{max-width:var(--modal-width-payment)}.modal-container-lg{max-width:var(--modal-width-lg)}.modal-container-xl{max-width:var(--modal-width-xl)}.modal-container-2xl{max-width:var(--modal-width-2xl)}.modal-container-3xl{max-width:var(--modal-width-3xl)}.modal-container-full{max-width:var(--modal-width-full);height:calc(100vh - 2rem)}.modal-header{padding:var(--spacing-4) var(--spacing-8);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.modal-title{color:var(--color-white);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);text-transform:uppercase}.modal-close-btn{color:var(--color-gray-400);transition:color var(--transition-fast);background:none;border:none;cursor:pointer;padding:var(--spacing-1)}.modal-close-btn:hover{color:var(--color-white)}.modal-body-scroll{flex:1;display:flex;flex-direction:column;overflow-y:auto;background-color:var(--color-white)}.modal-section{padding:var(--spacing-7) 0}.modal-section:first-child{padding-top:0}.modal-section:last-child{padding-bottom:0}.modal-section-compact{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.modal-section-no-top{padding-top:0}.modal-section-payment{flex:1;display:flex;flex-direction:column}.modal-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--color-text-default)}.info-table{width:100%;font-size:var(--font-size-sm)}.info-table tr{border-bottom:1px solid var(--color-border-default)}.info-table-label{padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) 0;text-align:left;color:var(--color-text-default);white-space:nowrap}.info-table-value{padding:var(--spacing-4) 0 var(--spacing-4) var(--spacing-4);text-align:right;color:var(--color-text-default)}.alert-box{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);text-align:center;font-weight:var(--font-weight-semibold);margin-top:var(--spacing-4)}.alert-box-error{background-color:var(--color-error);color:var(--color-bg-base);border:none;font-size:var(--font-size-lg);animation:alert-blink 1s ease-in-out infinite}@keyframes alert-blink{0%,to{background-color:var(--color-error)}50%{background-color:var(--color-text-primary)}}.payment-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-4);margin-bottom:var(--spacing-6)}.payment-badge-cell{text-align:center}.payment-badge-cell .badge{margin:1px var(--spacing-0-5)}.payment-method-group{display:inline-flex;overflow:hidden;border-radius:var(--radius-lg);border:1.5px solid var(--color-gray-800);font-size:var(--font-size-sm)}.payment-method-btn{padding:var(--spacing-2) var(--spacing-3);border:none;border-right:1px solid var(--color-border-default);background-color:var(--color-white);color:var(--color-text-default);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.payment-method-btn:last-child{border-right:none}.payment-method-btn:hover:not(.disabled):not(.active):not(.active-fixed){background-color:var(--color-gray-100)}.payment-method-btn.active{background-color:var(--color-gray-700);color:var(--color-white);font-weight:var(--font-weight-semibold)}.payment-method-btn.active-fixed{background-color:var(--color-gray-600);color:var(--color-white);font-weight:var(--font-weight-semibold)}.payment-method-btn.disabled{opacity:.5;cursor:not-allowed}.payment-method-btn-wide{padding:var(--spacing-2) var(--spacing-4)}.payment-amount-group{display:flex;height:38px;font-size:var(--font-size-sm);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-primary);margin-left:var(--spacing-2)}.payment-amount-display{width:8rem;padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-white);color:var(--color-primary);font-weight:var(--font-weight-bold);text-align:right;font-size:17px;display:flex;align-items:center;justify-content:flex-end;cursor:pointer}.payment-amount-display:hover{background-color:var(--color-warning-lightest)}.payment-amount-input{width:8rem;padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-warning-lightest);color:var(--color-primary);font-weight:var(--font-weight-bold);text-align:right;font-size:17px;border:none;outline:none}.payment-submit-btn{padding:0 var(--spacing-3);flex:1;border-top-left-radius:0;border-bottom-left-radius:0;background-color:var(--color-primary);color:var(--color-text-inverted);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);border:none;cursor:pointer}.payment-submit-btn:disabled{background-color:var(--color-bg-subtle);color:var(--color-text-muted);cursor:not-allowed}.member-name-link{color:var(--color-primary);cursor:pointer;text-decoration:none;font-weight:var(--font-weight-semibold);transition:color var(--transition-fast)}.member-name-link:hover{color:var(--color-primary-dark)}.quick-action-modal-fixed{height:80vh}.payment-controls:has(+.payment-custom-inputs),.payment-controls:has(+.point-custom-section){margin-bottom:var(--spacing-2)}.point-custom-section{margin-bottom:var(--spacing-6)}.payment-custom-inputs{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.input-group-inline{display:flex;border:1px solid var(--color-border-default);height:38px;border-radius:var(--radius-lg)}.input-group-label{display:flex;align-items:center;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-gray-100);color:var(--color-text-default);border-right:1px solid var(--color-border-default);border-radius:var(--radius-lg) 0 0 var(--radius-lg);white-space:nowrap}.input-group-field{width:6rem;height:100%;padding:0 var(--spacing-2);border:none;background-color:var(--color-white);text-align:right;font-size:var(--font-size-sm);color:var(--color-text-default)}.input-group-field:focus{outline:none}.input-group-field-wide{width:7rem}.input-group-suffix{display:flex;align-items:center;padding:0 var(--spacing-2);font-size:var(--font-size-xs);background-color:var(--color-white);color:var(--color-text-muted);border-left:1px solid var(--color-border-default);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.input-group-suffix-narrow{padding:0 var(--spacing-1)}.modal-form{background-color:var(--color-white);padding:var(--spacing-10);display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--spacing-4);overflow-y:auto;flex:1}.col-span-2{grid-column:span 2 / span 2}.gender-toggle-container{display:flex;border-radius:var(--radius-md);border:1px solid var(--color-gray-300);overflow:hidden;font-size:var(--font-size-sm);width:5rem}.gender-toggle-btn{flex:1;padding:var(--spacing-1-5) 0;text-align:center;font-weight:var(--font-weight-medium)}.gender-toggle-active-male{background-color:var(--color-primary);color:var(--color-white)}.gender-toggle-active-female{background-color:var(--color-pink-500);color:var(--color-white)}.gender-toggle-inactive{background-color:var(--color-white);color:var(--color-gray-600)}.gender-toggle-inactive:hover{background-color:var(--color-gray-100)}.gender-toggle-divider{border-left:1px solid var(--color-gray-300)}.w-16{width:4rem}.w-20{width:5rem}.flex-1{flex:1 1 0%}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.px-10{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-10{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.pt-3{padding-top:var(--spacing-3)}.mt-3{margin-top:var(--spacing-3)}.mb-2{margin-bottom:var(--spacing-2)}.border-dotted{border-style:dotted}.border-gray-300{border-color:var(--color-gray-300)}.border-l{border-left:1px solid var(--color-border-default)}.text-white{color:var(--color-white)}.text-gray-600{color:var(--color-gray-600)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.uppercase{text-transform:uppercase}.resize-none{resize:none}.h-\[40px\]{height:40px}.h-6{height:1.5rem}.h-0{height:0}.bg-blue-50{background-color:var(--color-blue-50)}.text-pink-500{color:var(--color-pink-500)}.text-primary{color:var(--color-primary)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-left{text-align:left}.text-lg{font-size:var(--font-size-lg)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.p-6{padding:var(--spacing-6)}.p-0{padding:0}.pl-6{padding-left:var(--spacing-6)}.ml-1{margin-left:var(--spacing-1)}.transition{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.-translate-x-1\/2{transform:translate(-50%)}.-translate-y-1\/2{transform:translateY(-50%)}.left-1\/2{left:50%}.top-0{top:0}.top-1\/2{top:50%}.z-10{z-index:10}.shadow{box-shadow:var(--shadow-sm)}.rounded-full{border-radius:9999px}.tab-btn{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .15s;border:1px solid var(--color-border-default)}.tab-btn-active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.tab-btn-inactive{background-color:var(--color-white);color:var(--color-gray-600);border-color:var(--color-gray-600)}.tab-btn-inactive:hover{background-color:var(--color-primary-dark);color:var(--color-white);border-color:var(--color-primary-dark)}.space-x-2>*+*{margin-left:var(--spacing-2)}.mb-12{margin-bottom:var(--spacing-12)}.mr-1{margin-right:var(--spacing-1)}.mr-0{margin-right:0}.ml-0{margin-left:0}.gap-4{gap:var(--spacing-4)}.h-9{height:2.25rem}.h-4{height:1rem}.w-4{width:1rem}.actions-right{display:flex;gap:var(--spacing-2);align-items:center}.text-green-600{color:var(--color-green-600)}.label-min-w{min-width:90px}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-clamp-lego-title{font-size:.95rem;min-height:2.7em;max-height:3.9em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-clamp-product-desc{min-height:2.4em;max-height:3.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-clamp-notification{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all}.product-card-border{border-radius:var(--radius-xl);background:var(--color-white);border:1.5px solid var(--color-gray-200)}.grid-cols-5{display:grid;grid-template-columns:repeat(5,1fr)}.grid-cols-6{display:grid;grid-template-columns:repeat(6,1fr)}.table-col-divider{border-left:1px solid var(--color-border-strong)}tbody .table-col-divider{border-left-color:var(--color-gray-200)}.stats-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--color-text-muted);font-size:var(--font-size-sm)}.stats-empty-sm{display:flex;align-items:center;justify-content:center;height:120px;color:var(--color-text-muted);font-size:var(--font-size-sm)}.stats-chart-container{height:280px;position:relative}.stats-chart-container-sm{height:200px;position:relative}.stats-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.stats-table-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);white-space:nowrap}.stats-summary-card{background-color:var(--color-bg-muted);border-radius:var(--radius-lg);padding:var(--spacing-3);text-align:center}.stats-summary-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-1)}.stats-summary-value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.stats-matrix-col-label{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:var(--spacing-1) 0;font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-matrix-row-label{display:flex;align-items:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-matrix-cell{min-height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-base)}.stats-matrix-cell:hover{opacity:.8}.stats-progress-wrapper{flex:1;display:flex;align-items:center;gap:var(--spacing-2)}.stats-progress-bar{flex:1;height:var(--spacing-2);border-radius:var(--radius-full);background-color:var(--color-bg-subtle);overflow:hidden}.stats-progress-fill{height:100%;border-radius:var(--radius-full);transition:var(--transition-base)}.stats-progress-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);min-width:36px;text-align:right}.stats-row-clickable{cursor:pointer}.stats-row-clickable:hover{background-color:var(--color-bg-muted)}.crm-section-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.level-badge-clickable.badge.badge-xs{cursor:pointer;transition:opacity var(--transition-fast);border-radius:var(--radius-md);min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--spacing-1);font-size:10px;font-weight:var(--font-weight-normal);line-height:1}.level-badge-clickable:hover{opacity:.8}.lego-name-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-normal)}@media (min-width: 640px){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:flex-1{flex:1 1 0%}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-center{justify-content:center}.sm\:w-6{width:var(--size-6)}.sm\:w-16{width:var(--size-16)}.sm\:w-36{width:var(--size-36)}.sm\:h-6{height:var(--size-6)}.sm\:h-16{height:var(--size-16)}.sm\:h-36{height:var(--size-36)}.sm\:p-1\.5{padding:.375rem}.sm\:p-4{padding:var(--spacing-4)}.sm\:px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.sm\:px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.sm\:px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.sm\:px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.sm\:py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.sm\:py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.sm\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.sm\:py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.sm\:py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.sm\:mb-3{margin-bottom:var(--spacing-3)}.sm\:mb-5{margin-bottom:var(--spacing-5)}.sm\:mt-5{margin-top:var(--spacing-5)}.sm\:gap-1{gap:var(--spacing-1)}.sm\:gap-1\.5{gap:.375rem}.sm\:gap-2{gap:var(--spacing-2)}.sm\:gap-3{gap:var(--spacing-3)}.sm\:text-sm{font-size:var(--font-size-sm)}.sm\:text-lg{font-size:var(--font-size-lg)}.sm\:text-xl{font-size:var(--font-size-xl)}.sm\:text-2xl{font-size:var(--font-size-2xl)}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}.sm\:space-y-1\.5>:not(:first-child){margin-top:.375rem}.sm\:space-y-2>:not(:first-child){margin-top:var(--spacing-2)}}@media (min-width: 768px){.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:col-span-2{grid-column:span 2 / span 2}.md\:w-1{width:var(--spacing-1)}.md\:w-5{width:var(--size-5)}.md\:w-6{width:var(--size-6)}.md\:w-7{width:var(--size-7)}.md\:w-20{width:var(--size-20)}.md\:w-24{width:var(--size-24)}.md\:w-1\/2{width:50%}.md\:w-36{width:var(--size-36)}.md\:h-6{height:var(--size-6)}.md\:h-16{height:var(--size-16)}.md\:h-20{height:var(--size-20)}.md\:h-24{height:var(--size-24)}.md\:h-36{height:var(--size-36)}.md\:max-w-lg{max-width:32rem}.md\:max-w-2xl{max-width:42rem}.md\:p-6{padding:var(--spacing-6)}.md\:p-16{padding:var(--spacing-16)}.md\:px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.md\:px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.md\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.md\:py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.md\:py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.md\:py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.md\:py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.md\:py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.md\:py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.md\:mb-8{margin-bottom:var(--spacing-8)}.md\:mb-12{margin-bottom:var(--spacing-12)}.md\:mt-3{margin-top:var(--spacing-3)}.md\:gap-6{gap:var(--spacing-6)}.md\:text-sm{font-size:var(--font-size-sm)}.md\:text-base{font-size:var(--font-size-base)}.md\:text-lg{font-size:var(--font-size-lg)}.md\:text-xl{font-size:var(--font-size-xl)}.md\:text-2xl{font-size:var(--font-size-2xl)}.md\:text-3xl{font-size:var(--font-size-3xl)}.md\:text-4xl{font-size:var(--font-size-4xl)}}@media (min-width: 1024px){.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:w-7{width:var(--size-7)}.lg\:w-24{width:var(--size-24)}.lg\:w-28{width:var(--size-28)}.lg\:w-36{width:var(--size-36)}.lg\:w-auto{width:auto}.lg\:h-7{height:var(--size-7)}.lg\:h-24{height:var(--size-24)}.lg\:h-28{height:var(--size-28)}.lg\:h-36{height:var(--size-36)}.lg\:max-w-xl{max-width:36rem}.lg\:max-w-4xl{max-width:56rem}.lg\:p-2{padding:var(--spacing-2)}.lg\:p-6{padding:var(--spacing-6)}.lg\:px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.lg\:px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.lg\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.lg\:px-10{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.lg\:px-12{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.lg\:py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.lg\:py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.lg\:py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.lg\:py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.lg\:py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.lg\:py-10{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.lg\:mb-5{margin-bottom:var(--spacing-5)}.lg\:mt-8{margin-top:var(--spacing-8)}.lg\:gap-0{gap:0}.lg\:gap-2{gap:var(--spacing-2)}.lg\:gap-3{gap:var(--spacing-3)}.lg\:gap-4{gap:var(--spacing-4)}.lg\:text-base{font-size:var(--font-size-base)}.lg\:text-lg{font-size:var(--font-size-lg)}.lg\:text-2xl{font-size:var(--font-size-2xl)}.lg\:text-3xl{font-size:var(--font-size-3xl)}.lg\:text-4xl{font-size:var(--font-size-4xl)}.lg\:rounded-xl{border-radius:var(--radius-xl)}.lg\:rounded-2xl{border-radius:var(--radius-2xl)}.lg\:rounded-3xl{border-radius:1.5rem}.lg\:space-y-3>:not(:first-child){margin-top:var(--spacing-3)}}@media (min-width: 1280px){.xl\:w-24{width:var(--size-24)}.xl\:w-52{width:var(--size-52)}.xl\:h-24{height:var(--size-24)}.xl\:h-52{height:var(--size-52)}.xl\:px-16{padding-left:var(--spacing-16);padding-right:var(--spacing-16)}.xl\:py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.xl\:text-xl{font-size:var(--font-size-xl)}.xl\:text-4xl{font-size:var(--font-size-4xl)}}