*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw;width:100%}.app-shell,.app-header,.app-main,.sidebar,.modal-overlay,.modal-dialog{max-width:100vw;box-sizing:border-box}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--primary: 24 100% 56%;--primary-foreground: 0 0% 100%;--muted-foreground: 215.4 16.3% 46.9%;--border: 214.3 31.8% 91.4%;--radius: .5rem;--surface: 210 20% 98%;--card-shadow: 0 1px 3px rgb(15 23 42 / .06), 0 1px 2px rgb(15 23 42 / .04);--header-blur: saturate(180%) blur(10px)}html{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}body{font-family:Be Vietnam Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background-color:hsl(var(--background));background-image:radial-gradient(ellipse 120% 80% at 50% -20%,hsl(var(--primary) / .08),transparent 50%);color:hsl(var(--foreground));line-height:1.55;height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.min-h-screen{min-height:100vh}.bg-background{background-color:hsl(var(--background))}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.p-4{padding:1rem}.w-full{width:100%}.max-w-md{max-width:28rem}.cl-rootBox{width:100%}.cl-cardBox{width:100%;border:1px solid hsl(var(--border));border-radius:var(--radius);background-color:hsl(var(--background));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden}.cl-card{background-color:hsl(var(--background));border:none;border-radius:0;box-shadow:none;padding:1.5rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-2{border-width:2px}.border-border{border-color:hsl(var(--border))}.border-foreground\/20{border-color:hsl(var(--foreground) / .2)}.border-red-200{border-color:#fecaca}.border-green-200{border-color:#bbf7d0}.shadow-sm{box-shadow:0 1px 2px #0000000d}.leading-relaxed{line-height:1.625}.justify-end{justify-content:flex-end}.rounded-lg{border-radius:calc(var(--radius) - 2px)}.cl-header{text-align:center;margin-bottom:1.25rem}.cl-logoBox{margin-bottom:.75rem;display:flex;justify-content:center}.app-logo-circle{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.logo-link{display:inline-block;text-decoration:none}.cl-logoText{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,hsl(var(--primary)) 0%,hsl(var(--primary-light)) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.75rem;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:inline-block;transition:all .3s ease}.logo-link:hover .cl-logoText{transform:scale(1.05);background:linear-gradient(135deg,hsl(var(--primary-light)) 0%,hsl(var(--primary)) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content{margin-top:.25rem}.cl-headerTitle{font-size:1.5rem;line-height:2rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.375rem}.text-foreground{color:hsl(var(--foreground))}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-red-500{color:#ef4444}.text-red-700{color:#b91c1c}.text-green-800{color:#166534}.bg-red-50{background-color:#fef2f2}.bg-green-50{background-color:#f0fdf4}.hover\:bg-red-100:hover{background-color:#fee2e2}.block{display:block}.inline{display:inline}@media (max-width: 1023px){.data-table.banners-table .cell-actions form.inline{display:flex!important}}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.pt-5{padding-top:1.25rem}.pb-3{padding-bottom:.75rem}.mr-1{margin-right:.25rem}.italic{font-style:italic}.overflow-x-auto{overflow-x:auto}.overflow-hidden{overflow:hidden}.transition-shadow{transition:box-shadow .15s ease-in-out}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.z-50{z-index:50}.bg-black\/50{background-color:#00000080}.cl-headerSubtitle{font-size:.875rem;line-height:1.25rem;color:hsl(var(--muted-foreground));margin:0}.text-muted-foreground{color:hsl(var(--muted-foreground))}.cl-main{margin-bottom:0}.cl-socialButtonsRoot{margin-bottom:1rem}.cl-socialButtons{display:flex;flex-direction:column;gap:.75rem}.cl-socialButtonsBlockButton{width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:500;background-color:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease-in-out;box-shadow:0 1px 2px #0000000d;height:2.5rem}.cl-socialButtonsBlockButton:hover{background-color:hsl(var(--background));border-color:hsl(var(--border))}.social-button-content{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%}.social-icon-wrapper{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;flex-shrink:0}.cl-socialButtonsProviderIcon{width:1.125rem;height:1.125rem;flex-shrink:0;display:block;object-fit:contain;vertical-align:middle;margin:0}.cl-socialButtonsProviderIcon__facebook{color:#1877f2;display:block;vertical-align:middle;margin:0}.cl-socialButtonsBlockButtonText{font-size:.875rem;font-weight:500;color:hsl(var(--foreground));line-height:1.25rem;display:flex;align-items:center}.cl-dividerRow{display:flex;align-items:center;margin:1rem 0}.cl-dividerLine{flex:1;height:1px;background-color:hsl(var(--border))}.cl-dividerText{padding:0 1rem;font-size:.875rem;color:hsl(var(--muted-foreground))}.cl-form{margin-top:1rem}.form-fields,.cl-formFieldRow{display:flex;flex-direction:column;gap:1rem}.cl-formFieldRow__name{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.cl-formField{margin-bottom:0}.field-wrapper{display:flex;flex-direction:column}.cl-formFieldLabelRow{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.cl-formFieldLabel{font-size:.875rem;line-height:1.25rem;font-weight:500;color:hsl(var(--foreground))}.cl-formFieldHintText{font-size:.75rem;line-height:1rem;color:hsl(var(--muted-foreground))}.cl-formFieldInput{width:100%;padding:.5rem .75rem;font-size:.875rem;line-height:1.5;color:hsl(var(--foreground));background-color:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-shadow:0 1px 2px #0000000d;height:2.5rem}.cl-formFieldInput:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px #6366f11a}.cl-formFieldInput::placeholder{color:hsl(var(--muted-foreground))}.cl-formFieldInputGroup .cl-formFieldInput{padding-right:2.5rem}.cl-formFieldInputGroup{position:relative;display:flex;align-items:center}.cl-formFieldInputShowPasswordButton{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;padding:.25rem;color:hsl(var(--muted-foreground));display:flex;align-items:center;justify-content:center;transition:color .15s ease-in-out}.cl-formFieldInputShowPasswordButton:hover{color:hsl(var(--foreground))}.cl-formFieldInputShowPasswordIcon{width:1rem;height:1rem}.form-actions{margin-top:1.25rem}.button-wrapper{display:flex;justify-content:center}.cl-formButtonPrimary{width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:hsl(var(--primary-foreground));background-color:hsl(var(--primary));border:none;border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:background-color .15s ease-in-out;box-shadow:0 1px 2px #0000000d;height:2.5rem;display:flex;align-items:center;justify-content:center}.cl-formButtonPrimary:hover{background-color:hsl(var(--primary-hover))}.cl-formButtonPrimary:active{transform:translateY(1px)}.bg-primary{background-color:hsl(var(--primary))}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary-hover))}.text-white{color:hsl(var(--primary-foreground))}.button-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.cl-buttonArrowIcon{width:1rem;height:1rem;display:inline-block;flex-shrink:0}.cl-footer{margin-top:0;text-align:center;padding:1rem 1.5rem;border-top:1px solid hsl(var(--border));background-color:#f7f7f7}.cl-footerAction{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:hsl(var(--muted-foreground))}.cl-footerActionText{color:hsl(var(--muted-foreground))}.cl-footerActionLink{color:hsl(var(--primary));text-decoration:none;font-weight:500;transition:color .15s ease-in-out}.cl-footerActionLink:hover{color:hsl(var(--primary-hover));text-decoration:underline}.text-primary{color:hsl(var(--primary))}.hover\:text-primary\/80:hover{color:hsl(var(--primary-hover))}.cl-formField.error .cl-formFieldInput{border-color:#ef4444}.cl-formField.error .cl-formFieldLabel{color:#ef4444}.error-message{font-size:.75rem;color:#ef4444;margin-top:.25rem;display:none}.cl-formField.error .error-message{display:block}@media (max-width: 640px){.cl-formFieldRow__name{grid-template-columns:1fr;gap:1rem}.cl-card{padding:1.25rem}.cl-headerTitle{font-size:1.25rem;line-height:1.75rem}}@media (max-width: 480px){.p-4{padding:1rem}.cl-card{padding:1.25rem}}.max-w-5xl{max-width:64rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-3>*+*{margin-top:.75rem}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.inline-flex{display:inline-flex}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}textarea.cl-formFieldInput{height:auto;min-height:5rem;padding:.5rem .75rem}:root{--app-surface: 210 20% 98%;--app-surface-elevated: 0 0% 100%;--app-border: 214 32% 91%;--app-border-strong: 214 32% 85%;--app-text: 222 47% 11%;--app-text-muted: 215 16% 47%;--app-radius-sm: 6px;--app-radius: 10px;--app-radius-lg: 14px;--app-shadow: 0 1px 3px rgba(0,0,0,.06);--app-shadow-md: 0 4px 12px rgba(0,0,0,.08);--app-shadow-lg: 0 10px 40px rgba(0,0,0,.12);--app-input-height: 42px;--primary-hover: 24 100% 48%;--primary-light: 24 100% 65%;--touch-target-min: 44px;--mobile-spacing-xs: .5rem;--mobile-spacing-sm: .75rem;--mobile-spacing-md: 1rem;--mobile-spacing-lg: 1.25rem;--mobile-spacing-xl: 1.5rem;--mobile-font-xs: .75rem;--mobile-font-sm: .8125rem;--mobile-font-base: .875rem;--mobile-font-md: .9375rem;--mobile-font-lg: 1rem;--transition-fast: .12s ease;--transition-base: .15s ease;--transition-slow: .2s ease}@media (max-width: 1023px){@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{transition-duration:.15s!important}*:not(.banner-panel-text):not(.banner-panel-text-container):not(.banner-panel-text-wrapper):not(.banner-panel-text-container *){animation-duration:.15s!important}.banner-panel-text-container,.banner-panel-text-container *{animation-duration:inherit!important}.banner-panel-text-container.scrolling{animation-duration:var(--scroll-duration, 30s)!important}}.app-shell{min-height:100vh;min-height:100dvh;background-color:hsl(var(--app-surface));display:flex;flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box;position:relative;will-change:auto;transform:translateZ(0)}@media (min-width: 1024px){.app-shell{overflow:visible;height:auto;min-height:100vh;min-height:100dvh;max-height:none}}@media (max-width: 1023px){.app-shell{-webkit-overflow-scrolling:touch;overflow:visible;height:auto;max-height:none;min-height:100vh;min-height:100dvh;position:relative;display:flex;flex-direction:column;will-change:auto}}.impersonation-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:10px 20px;z-index:50;box-shadow:0 2px 8px #00000026;margin-bottom:0;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.impersonation-banner-content{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:100%}.impersonation-banner-info{display:flex;align-items:center;flex:1;min-width:0}.impersonation-text{flex:1;font-size:.875rem;line-height:1.5;min-width:0}.impersonation-admin{opacity:.9;font-size:.8125rem}.impersonation-form{margin:0;flex-shrink:0}.btn-stop-impersonate{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 16px;border-radius:6px;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-stop-impersonate:hover{background:rgba(255,255,255,.3);border-color:#ffffff80}.btn-stop-icon{width:16px;height:16px;flex-shrink:0}.impersonation-banner{position:fixed;top:0;left:0;right:0;width:100%;height:48px;z-index:90;box-sizing:border-box}.has-impersonation-banner .app-shell{padding-top:0}.has-impersonation-banner .app-header{top:48px}.has-impersonation-banner .sidebar{top:48px;height:calc(100vh - 48px);height:calc(100dvh - 48px);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px)}@media (max-width: 1023px){.impersonation-banner{z-index:50;position:fixed;padding:10px 16px;top:0;left:0;right:0;width:100%}.sidebar,.sidebar.open{z-index:101}.sidebar-overlay,.sidebar-overlay.active{z-index:100}.app-header{z-index:50}.has-impersonation-banner .app-shell{padding-top:0}.has-impersonation-banner .app-header{top:48px;position:fixed!important;z-index:51}.has-impersonation-banner .sidebar{top:48px;height:calc(100vh - 48px);height:calc(100dvh - 48px);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);z-index:101}.has-impersonation-banner .sidebar.open{z-index:101}.has-impersonation-banner .sidebar-overlay{top:48px;z-index:100}.has-impersonation-banner .sidebar-overlay.active{z-index:100}.has-impersonation-banner .app-main{padding-top:calc(48px + var(--header-height, 60px) + 16px)!important;padding-bottom:calc(16px + max(env(safe-area-inset-bottom,0px),60px))!important;max-height:calc(100vh - 48px - var(--header-height, 60px) - max(env(safe-area-inset-bottom,0px),60px));margin-top:0!important;margin-bottom:0!important}.has-impersonation-banner .sidebar.open~.app-header,body.has-impersonation-banner:has(.sidebar.open) .app-header{z-index:99}.has-impersonation-banner .sidebar-overlay.active~.app-header,body.has-impersonation-banner:has(.sidebar-overlay.active) .app-header{z-index:99}.impersonation-banner-content{flex-direction:row;align-items:center;gap:12px;max-width:100%;overflow:hidden}.impersonation-banner-info{flex:1;min-width:0;overflow:hidden}.impersonation-text{font-size:.8125rem;line-height:1.4;overflow-wrap:break-word;word-wrap:break-word}.impersonation-form{flex-shrink:0}.btn-stop-impersonate{padding:6px 12px;font-size:.8125rem;white-space:nowrap}.btn-stop-icon{width:14px;height:14px}.has-impersonation-banner .app-shell{overflow-x:hidden;max-width:100vw;padding-top:0!important}.has-impersonation-banner .app-header{top:48px;position:fixed!important}.has-impersonation-banner .app-main{overflow-x:hidden;max-width:100%;padding-top:calc(48px + var(--header-height, 60px) + 16px)!important;margin-top:0!important}}.app-header{background:var(--app-surface-elevated);border-bottom:1px solid hsl(var(--app-border));box-shadow:var(--app-shadow);flex-shrink:0;position:sticky;top:0;z-index:40;width:100%;max-width:100%;left:0;right:0;overflow-x:hidden;box-sizing:border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:hsl(var(--app-surface-elevated))!important;will-change:auto;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden}@media (min-width: 1024px){.app-header{position:sticky;top:0;z-index:40;background:var(--app-surface-elevated);width:100%;max-width:100%;margin-left:0;left:0;right:0;box-sizing:border-box}.app-shell .app-header{width:100%;max-width:100%}}@media (max-width: 1023px){.app-header{position:fixed!important;top:0;left:0;right:0;width:100%;max-width:100vw;z-index:50;background:hsl(var(--app-surface-elevated))!important;background-color:hsl(var(--app-surface-elevated))!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;isolation:isolate;overflow-x:hidden;box-sizing:border-box;will-change:auto;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden}.app-header-inner{background:transparent;position:relative;z-index:1;width:100%;max-width:100%;box-sizing:border-box}.app-header-inner .mobile-menu-btn{position:relative;top:auto;left:auto;transform:none;flex-shrink:0;width:44px;height:44px;min-width:44px;min-height:44px;margin-right:4px;margin-left:env(safe-area-inset-left,0px);opacity:1;visibility:visible}.app-header *{position:relative;z-index:1}}.app-header-inner{max-width:100%;width:100%;margin:0;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;overflow:hidden;box-sizing:border-box}.app-header-inner>.flex{flex:1;min-width:0;display:flex;align-items:center;gap:12px;overflow:hidden}.app-header-actions{flex-shrink:0;min-width:0}.app-header-title{font-size:1.25rem;font-weight:600;color:hsl(var(--app-text));margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.app-header-actions{display:flex;align-items:center;gap:12px}.app-header-user{font-size:.875rem;color:hsl(var(--app-text-muted))}.header-profile-btn{width:36px;height:36px;min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid hsl(var(--app-border));border-radius:50%;color:hsl(var(--app-text));cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);padding:0;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;will-change:auto;transform:translateZ(0)}.header-profile-btn:hover{background:hsl(var(--primary) / .1);color:hsl(var(--primary));border-color:hsl(var(--primary));transform:translateZ(0)}.header-profile-btn:active{transform:translateZ(0) scale(.95)}.header-profile-btn:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.header-profile-btn.is-active{background:hsl(var(--primary) / .12);color:hsl(var(--primary));border-color:hsl(var(--primary))}.app-header-actions-extra{display:flex;align-items:center;gap:12px;min-width:0}.header-profile-btn svg{width:18px;height:18px;display:block}.header-notifications-btn{position:relative}.header-notifications-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:hsl(0 72% 51%);color:#fff;font-size:.625rem;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px hsl(var(--background))}.header-notifications-badge.hidden{display:none}.notifications-modal-dialog{max-width:min(520px,100%)}.notifications-modal-body{padding-top:.5rem;padding-bottom:.5rem}.notifications-loading,.notifications-empty,.notifications-error{margin:0;padding:1rem 0;font-size:.875rem;line-height:1.5;color:hsl(var(--app-text-muted));text-align:center}.notifications-error{color:#af1d1d}.notifications-list{list-style:none;margin:0;padding:0}.notification-item{padding:.875rem 0;border-bottom:1px solid hsl(var(--app-border) / .8)}.notification-item:last-child{border-bottom:none;padding-bottom:0}.notification-item.is-unread{background:hsl(199 89% 48% / .04);margin:0 -24px;padding-left:24px;padding-right:24px}.notification-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.notification-item-title{font-size:.875rem;font-weight:600;color:hsl(var(--app-text));line-height:1.4}.notification-item-amount{flex-shrink:0;font-size:.75rem;font-weight:600;color:#1a9948;white-space:nowrap}.notification-item-message{margin:0 0 .35rem;font-size:.8125rem;line-height:1.55;color:hsl(var(--app-text-muted))}.notification-orders{margin:.625rem 0 .75rem;border-radius:var(--app-radius);background:hsl(var(--surface));border:1px solid hsl(var(--app-border));overflow:hidden}.notification-orders-toggle{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.625rem .75rem;border:none;background:transparent;color:hsl(var(--app-text));font-size:.8125rem;font-weight:600;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.notification-orders-toggle:hover{background:hsl(var(--primary) / .06)}.notification-orders-toggle:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:-2px}.notification-orders-toggle-text{flex:1;min-width:0}.notification-orders-chevron{flex-shrink:0;width:16px;height:16px;color:hsl(var(--app-text-muted));transition:transform .2s ease}.notification-orders-toggle.is-expanded .notification-orders-chevron{transform:rotate(180deg)}.notification-orders-panel{border-top:1px solid hsl(var(--app-border) / .75);padding:.5rem .75rem .75rem}.notification-orders-panel.hidden{display:none}.notification-orders-list{list-style:none;margin:0;padding:0}.notification-order-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.45rem 0;font-size:.8125rem;line-height:1.4;border-top:1px solid hsl(var(--app-border) / .75)}.notification-orders-list .notification-order-item:first-child{border-top:none;padding-top:0}.notification-order-sn{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;font-weight:600;color:hsl(var(--app-text));word-break:break-all}.notification-order-amount{font-size:.8125rem;font-weight:700;color:#1a9948;white-space:nowrap}.notification-item-time{display:block;font-size:.75rem;color:hsl(var(--app-text-muted) / .85)}@media (max-width: 1023px){.notification-item.is-unread{margin:0 -16px;padding-left:16px;padding-right:16px}}@media (min-width: 1024px){.notifications-modal-overlay:not(.hidden){display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important}.notifications-modal-overlay .notifications-modal-dialog{flex:none!important;width:100%;max-width:min(520px,calc(100vw - 328px));margin:0 auto;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden}.notifications-modal-overlay .notifications-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}}@media (max-width: 1023px){.header-profile-btn{width:32px;height:32px}.header-profile-btn svg{width:16px;height:16px}}.app-main{max-width:100%;margin:0;padding:16px 20px;flex:1;min-height:0;will-change:auto;transform:translateZ(0);backface-visibility:hidden}@media (min-width: 1024px){.app-main{padding:16px 20px;overflow:visible;overflow-y:visible;overflow-x:visible;height:auto;max-height:none;flex:none}body{overflow-y:auto;overflow-x:hidden;height:auto}}.pull-to-refresh-indicator{position:absolute;top:calc(var(--header-height, 60px) + var(--mobile-spacing-md));left:0;right:0;height:60px;display:flex;align-items:center;justify-content:center;gap:8px;transform:translateY(-100%);transition:transform .3s ease;z-index:1;pointer-events:none;background:transparent}.pull-to-refresh-indicator.refreshing{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;height:auto!important;transform:none!important;z-index:9999!important;background:rgba(0,0,0,.35);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .2s ease}.pull-to-refresh-indicator.refreshing .pull-to-refresh-indicator__card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 28px;background:hsl(var(--background));border-radius:16px;box-shadow:0 20px 50px #0003,0 0 0 1px hsl(var(--border));min-width:160px}.app-main-back-button{display:none;position:relative;width:100%;padding:6px var(--mobile-spacing-md, 16px) 8px;z-index:2;margin-bottom:0;margin-top:0}.app-main.has-back-button .app-main-back-button{display:block}.app-main{position:relative}.app-footer{width:100%;max-width:100%;padding:1rem 20px;margin:auto 0 0;border-top:1px solid hsl(var(--border));background-color:hsl(var(--background));flex-shrink:0;box-sizing:border-box}.app-footer-inner{max-width:100%;margin:0 auto;text-align:center}.app-footer-copyright{margin:0;font-size:.8125rem;color:hsl(var(--muted-foreground));font-weight:400}.pwa-install-banner{position:fixed;bottom:0;left:0;right:0;z-index:40;background:hsl(var(--background));border-top:1px solid hsl(var(--border));box-shadow:0 -2px 12px #00000014;padding:12px 16px;box-sizing:border-box}.pwa-install-banner-inner{max-width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pwa-install-banner-text{margin:0;font-size:.875rem;color:hsl(var(--foreground));flex:1;min-width:140px}.pwa-install-banner-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pwa-install-banner-btn{padding:8px 14px;font-size:.8125rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pwa-install-banner-btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.pwa-install-banner-btn-primary:hover{background:hsl(var(--primary-hover))}.pwa-install-banner-btn-dismiss{background:transparent;color:hsl(var(--muted-foreground))}.pwa-install-banner-btn-dismiss:hover{color:hsl(var(--foreground))}@media (max-width: 480px){.pwa-install-banner-inner{flex-direction:column;align-items:stretch}.pwa-install-banner-actions{justify-content:flex-end}}@media (max-width: 1023px){.app-footer{padding:.75rem var(--mobile-spacing-sm, 12px)}}.app-main-back-button .link-back-main{display:inline-flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:500;color:hsl(var(--primary));text-decoration:none;padding:10px 0;border:none;background:transparent;border-radius:0;transition:color .2s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app-main-back-button .link-back-main:hover{color:hsl(var(--primary-hover));transform:translate(-2px)}.app-main-back-button .link-back-main:active{color:hsl(var(--primary-hover));transform:translate(-2px) scale(.98)}.app-main-back-button .link-back-main:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:4px;border-radius:4px}.app-main-back-button .link-back-main svg{width:18px;height:18px;flex-shrink:0;color:hsl(var(--primary));transition:color .2s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.app-main-back-button .link-back-main:hover svg{color:hsl(var(--primary-hover))}.app-main-back-button .link-back-main:active svg{color:hsl(var(--primary-hover))}@media (max-width: 1023px){.app-main-back-button{padding:6px var(--mobile-spacing-md, 16px) 8px}.app-main-back-button .link-back-main{font-size:.875rem;padding:10px 0;gap:6px}.app-main-back-button .link-back-main svg{width:16px;height:16px}}@media (max-width: 640px){.app-main-back-button{padding:4px var(--mobile-spacing-sm, 12px) 6px}.app-main-back-button .link-back-main{font-size:.8125rem;padding:8px 0;gap:6px}.app-main-back-button .link-back-main svg{width:16px;height:16px}}@media (max-width: 480px){.app-main-back-button{padding:4px var(--mobile-spacing-sm, 12px) 6px}.app-main-back-button .link-back-main{font-size:.75rem;padding:8px 0}.app-main-back-button .link-back-main svg{width:14px;height:14px}}.pull-to-refresh-indicator.active{transform:translateY(0)}.pull-to-refresh-indicator .pull-to-refresh-indicator__card{display:none}.pull-to-refresh-spinner{width:24px;height:24px;border:3px solid hsl(var(--app-border));border-top-color:hsl(var(--primary));border-radius:50%;animation:spin .6s linear infinite;display:none;flex-shrink:0}.pull-to-refresh-indicator.refreshing .pull-to-refresh-spinner{display:block;width:40px;height:40px;border-width:4px;border-top-color:hsl(var(--primary))}.pull-to-refresh-text{font-size:var(--mobile-font-base);color:hsl(var(--app-text-muted));display:none;font-weight:500}.pull-to-refresh-indicator.refreshing .pull-to-refresh-text{display:block;font-size:.9375rem;font-weight:600;color:hsl(var(--foreground))}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1023px){.pull-to-refresh-indicator{top:calc(var(--header-height, 60px) + var(--mobile-spacing-md))}.has-impersonation-banner .pull-to-refresh-indicator{top:calc(48px + var(--header-height, 60px) + var(--mobile-spacing-md))}}@media (max-width: 640px){.pull-to-refresh-indicator{top:calc(var(--header-height, 60px) + var(--mobile-spacing-sm));height:50px}.pull-to-refresh-indicator.refreshing{top:0!important}.has-impersonation-banner .pull-to-refresh-indicator{top:calc(48px + var(--header-height, 60px) + var(--mobile-spacing-sm))}.pull-to-refresh-spinner{width:20px;height:20px;border-width:2px}.pull-to-refresh-indicator.refreshing .pull-to-refresh-indicator__card{padding:20px 24px;gap:12px;min-width:140px}.pull-to-refresh-indicator.refreshing .pull-to-refresh-spinner{width:36px;height:36px;border-width:3px}.pull-to-refresh-indicator.refreshing .pull-to-refresh-text{font-size:.875rem}.pull-to-refresh-text{font-size:var(--mobile-font-sm)}}@media (max-width: 1023px){.app-header{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:50;flex-shrink:0}.app-main{flex:1 1 auto!important;min-height:auto!important;overflow:visible!important;overflow-x:hidden!important;position:relative!important;width:100%!important;max-width:100vw!important;max-height:none!important;box-sizing:border-box!important;padding-top:calc(var(--header-height, 60px) + var(--mobile-spacing-md))!important;padding-left:var(--mobile-spacing-md)!important;padding-right:var(--mobile-spacing-md)!important;padding-bottom:calc(var(--mobile-spacing-md) + max(env(safe-area-inset-bottom,0px),60px))!important;margin-top:0!important;margin-bottom:0!important;touch-action:pan-y!important}.app-main.has-back-button{padding-top:calc(var(--header-height, 60px) + 8px)!important}.has-impersonation-banner .app-header{top:48px;position:fixed!important;z-index:51;background:hsl(var(--app-surface-elevated))!important;background-color:hsl(var(--app-surface-elevated))!important;opacity:1!important}.has-impersonation-banner .app-main{flex:1 1 auto!important;min-height:auto!important;padding-top:calc(48px + var(--header-height, 60px) + var(--mobile-spacing-md))!important;padding-bottom:calc(var(--mobile-spacing-md) + max(env(safe-area-inset-bottom,0px),60px))!important}.has-impersonation-banner .app-main.has-back-button{padding-top:calc(48px + var(--header-height, 60px) + 8px)!important}.has-impersonation-banner .app-shell{padding-top:0!important}}@media (max-width: 640px){.app-main{padding-top:calc(var(--header-height, 60px) + var(--mobile-spacing-sm) + 12px)!important;padding-left:var(--mobile-spacing-sm)!important;padding-right:var(--mobile-spacing-sm)!important;padding-bottom:calc(var(--mobile-spacing-sm) + max(env(safe-area-inset-bottom,0px),60px))!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important}.app-main.has-back-button{padding-top:calc(var(--header-height, 60px) + 6px)!important}.app-main.app-main--death-anniversaries{padding-top:calc(var(--header-height, 60px) + 8px)!important}.has-impersonation-banner .app-main{padding-top:calc(48px + var(--header-height, 60px) + var(--mobile-spacing-sm) + 12px)!important}.has-impersonation-banner .app-main.has-back-button{padding-top:calc(48px + var(--header-height, 60px) + 6px)!important}.has-impersonation-banner .app-main.app-main--death-anniversaries{padding-top:calc(48px + var(--header-height, 60px) + 8px)!important}.app-header{width:100%!important;max-width:100vw!important}.app-header-inner{padding:12px 16px;width:100%;max-width:100%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:500;line-height:1.25;border-radius:var(--app-radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}@media (max-width: 640px){.btn{padding:8px 14px;font-size:.8125rem;gap:6px;min-height:38px}.btn-sm{padding:6px 12px;font-size:.75rem;min-height:36px}}@media (max-width: 480px){.btn{padding:7px 12px;font-size:.75rem;gap:5px;min-height:36px}.btn-sm{padding:5px 10px;font-size:.6875rem;min-height:34px}}.btn:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.btn-primary{color:hsl(var(--primary));background:transparent;border:1px solid hsl(var(--primary));will-change:transform;transform:translateZ(0);contain:layout style paint}.btn-primary:hover{background:hsl(var(--primary) / .08);transform:translateZ(0)}.btn-primary:active{transform:translateZ(0) scale(.98)}.btn-primary:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.btn-secondary{background:var(--app-surface-elevated);color:hsl(var(--app-text));border:1px solid hsl(var(--app-border));will-change:auto;transform:translateZ(0)}.btn-secondary:hover{background:hsl(var(--app-border));transform:translateZ(0)}.btn-secondary:active{transform:translateZ(0) scale(.98)}.btn-secondary:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.btn-edit-info{color:hsl(var(--primary));background:transparent;border:1px solid hsl(var(--primary));will-change:transform;transform:translateZ(0);contain:layout style paint}.btn-edit-info:hover{background:hsl(var(--primary) / .08);transform:translateZ(0)}.btn-edit-info:active{transform:translateZ(0) scale(.98)}.btn-edit-info:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.btn-info{background:#0ea5e9;color:#fff;border:1px solid #0ea5e9;box-shadow:0 1px 2px #0000000d}.btn-info:hover{background:#0284c7;border-color:#0284c7;box-shadow:0 2px 4px #00000014}.btn-icon.btn-info{color:hsl(var(--primary));background:transparent;border:1px solid hsl(var(--primary));height:var(--app-input-height);width:auto;min-width:var(--app-input-height);padding:0 8px;display:inline-flex!important;align-items:center!important;justify-content:center!important;will-change:transform;transform:translateZ(0);contain:layout style paint}.btn-icon.btn-info:hover{background:hsl(var(--primary) / .08);border-color:hsl(var(--primary));color:hsl(var(--primary));transform:translateZ(0)}.btn-icon.btn-info:active{transform:translateZ(0) scale(.98)}.btn-icon.btn-info:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.btn-icon.btn-info svg{width:16px;height:16px;display:block!important;flex-shrink:0}.btn-icon.btn-info.impersonate-btn,.btn-icon.btn-info.impersonate-btn-desktop{color:hsl(var(--primary))!important;background:transparent!important;border:1px solid hsl(var(--primary))!important}.btn-icon.btn-info.impersonate-btn:hover,.btn-icon.btn-info.impersonate-btn-desktop:hover{background:hsl(var(--primary) / .08)!important;border-color:hsl(var(--primary))!important;color:hsl(var(--primary))!important}.btn-icon.btn-info.impersonate-btn:active,.btn-icon.btn-info.impersonate-btn-desktop:active{transform:translateZ(0) scale(.98)}.btn-icon.btn-info.impersonate-btn:focus-visible,.btn-icon.btn-info.impersonate-btn-desktop:focus-visible{outline:2px solid hsl(var(--primary))!important;outline-offset:2px}.btn-generate-token{color:hsl(var(--primary));background:transparent;border:1px solid hsl(var(--primary));will-change:transform;transform:translateZ(0);contain:layout style paint}.btn-generate-token:hover{background:hsl(var(--primary) / .08);transform:translateZ(0)}.btn-generate-token:active{transform:translateZ(0) scale(.98)}.btn-generate-token:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.btn-regenerate-token{color:hsl(var(--primary));background:transparent;border:1px solid hsl(var(--primary));will-change:transform;transform:translateZ(0);contain:layout style paint}.btn-regenerate-token:hover{background:hsl(var(--primary) / .08);transform:translateZ(0)}.btn-regenerate-token:active{transform:translateZ(0) scale(.98)}.btn-regenerate-token:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.impersonate-btn,.impersonate-btn-desktop{color:hsl(var(--primary))!important;background:transparent!important;border:1px solid hsl(var(--primary))!important;will-change:transform;transform:translateZ(0);contain:layout style paint}.impersonate-btn:hover,.impersonate-btn-desktop:hover{background:hsl(var(--primary) / .08)!important;border-color:hsl(var(--primary))!important;color:hsl(var(--primary))!important;transform:translateZ(0)}.impersonate-btn:active,.impersonate-btn-desktop:active{transform:translateZ(0) scale(.98)}.impersonate-btn:focus-visible,.impersonate-btn-desktop:focus-visible{outline:2px solid hsl(var(--primary))!important;outline-offset:2px}.impersonate-btn-desktop{display:inline-flex}.impersonate-btn-mobile{display:none}.impersonate-icon-desktop{display:block}@media (max-width: 1023px){.impersonate-btn-desktop{display:none!important}.data-table.users-table tbody tr{position:relative!important}.data-table.users-table tbody tr .impersonate-btn-mobile{position:absolute!important;top:10px!important;right:10px!important;z-index:10!important;min-width:38px!important;width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:hsl(var(--primary))!important;background:transparent!important;border:1px solid hsl(var(--primary))!important;border-radius:var(--app-radius-sm)!important;cursor:pointer!important;transition:all .2s ease!important;will-change:transform!important;transform:translateZ(0)!important;vertical-align:top!important;box-sizing:border-box!important}.data-table.users-table tbody tr .impersonate-btn-mobile:hover{background:hsl(var(--primary) / .08)!important;border-color:hsl(var(--primary))!important;transform:translateZ(0)!important}.data-table.users-table tbody tr .impersonate-btn-mobile:active{transform:translateZ(0) scale(.98)!important}.data-table.users-table tbody tr .impersonate-btn-mobile:focus-visible{outline:2px solid hsl(var(--primary))!important;outline-offset:2px!important}.data-table.users-table tbody tr .impersonate-btn-mobile svg{width:18px!important;height:18px!important;display:block!important;flex-shrink:0!important;color:hsl(var(--primary))!important}.data-table.users-table .cell-actions .btn-icon svg{width:18px!important;height:18px!important;display:block!important;flex-shrink:0!important}.data-table.users-table tbody tr .impersonate-btn-mobile{pointer-events:auto!important;visibility:visible!important;opacity:1!important}.data-table.users-table tbody tr .impersonate-btn-mobile{display:block!important;width:auto!important;max-width:none!important;padding:0!important;margin:0!important;border:1px solid hsl(var(--primary))!important;text-align:center!important;vertical-align:middle!important;overflow:visible!important;word-wrap:normal!important;overflow-wrap:normal!important;white-space:nowrap!important;box-sizing:border-box!important}.data-table.users-table tbody tr>.impersonate-btn-mobile{display:inline-flex!important}}@media (max-width: 640px){.btn-icon.btn-info{min-width:36px;height:36px;padding:0 6px}.btn-icon.btn-info svg{width:14px;height:14px}}@media (max-width: 480px){.btn-icon.btn-info{min-width:34px;height:34px;padding:0 6px;display:inline-flex!important;align-items:center!important;justify-content:center!important}.btn-icon.btn-info svg{width:14px;height:14px;display:block!important;flex-shrink:0}}.btn-ghost{background:transparent;color:hsl(var(--app-text-muted))}.btn-ghost:hover{background:hsl(var(--app-border));color:hsl(var(--app-text))}.btn-danger{background:transparent;color:#dc2626;border:1px solid #fecaca;will-change:auto;transform:translateZ(0)}.btn-danger:hover{background:#fef2f2;transform:translateZ(0)}.btn-danger:active{transform:translateZ(0) scale(.98);background:#fee2e2}.btn-danger:focus-visible{outline:2px solid #dc2626;outline-offset:2px}.btn-sm{padding:6px 12px;font-size:.8125rem;height:var(--app-input-height)}@media (max-width: 768px){.btn-sm{min-height:38px;padding:8px 12px;font-size:.8125rem;font-weight:500}}@media (max-width: 640px){.btn-sm{min-height:36px;padding:6px 10px;font-size:.75rem}}@media (max-width: 480px){.btn-sm{min-height:34px;padding:5px 8px;font-size:.6875rem}}.back-to-top,.back-to-top-btn{position:fixed!important;bottom:2rem;right:2rem;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;min-width:44px;min-height:44px;padding:.75rem;border:none;border-radius:50%;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;cursor:pointer;z-index:999;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none;contain:layout style paint;backface-visibility:hidden;opacity:0;visibility:hidden;transform:translateY(10px) scale(.92);pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),visibility 0s linear .25s,background-color .2s ease,box-shadow .2s ease}.back-to-top.visible,.back-to-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),visibility 0s,background-color .2s ease,box-shadow .2s ease}.back-to-top:hover,.back-to-top-btn:hover{background-color:hsl(var(--primary-hover));box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:scale(1.1)}.back-to-top:active,.back-to-top-btn:active{transform:scale(.95)}.back-to-top:focus-visible,.back-to-top-btn:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.back-to-top svg,.back-to-top-icon{width:1.25rem;height:1.25rem;pointer-events:none;will-change:transform}@media (min-width: 768px) and (max-width: 1023px){.back-to-top,.back-to-top-btn{bottom:1.75rem;right:1.75rem;width:3.25rem;height:3.25rem;padding:.8125rem;z-index:999}.back-to-top svg,.back-to-top-icon{width:1.375rem;height:1.375rem}}@media (max-width: 1023px){.mobile-menu-btn{display:flex!important;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation}.mobile-menu-btn svg{width:20px;height:20px;color:hsl(var(--primary))}}@media (max-width: 480px){.app-header-inner .mobile-menu-btn{width:40px;height:40px;min-width:40px;min-height:40px}.mobile-menu-btn svg{width:18px;height:18px;color:hsl(var(--primary))}}@media (max-width: 1023px) and (orientation: landscape){.app-header-inner .mobile-menu-btn{width:40px;height:40px;min-width:40px;min-height:40px}.mobile-menu-btn svg{width:18px;height:18px;color:hsl(var(--primary))}}@media (min-width: 1024px){.mobile-menu-btn{display:none!important}.app-header{padding-left:0}}.card{background:var(--app-surface-elevated);border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow);overflow:hidden}.card-body{padding:24px}.book-card-title-wrapper{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.card-title{font-size:1.125rem;font-weight:600;color:hsl(var(--app-text));margin:0}.book-locked-badge-small{display:inline-flex;align-items:center;padding:3px 8px;background-color:#f59f0a1a;color:#f59f0a;border:1px solid hsl(38 92% 50% / .2);border-radius:var(--app-radius-sm);flex-shrink:0}.book-locked-badge-small svg{display:block}.card-desc{font-size:.875rem;color:hsl(var(--app-text-muted));line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{font-size:.75rem;color:hsl(var(--app-text-muted));margin-top:10px}.card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.toolbar .input-search{flex:1;min-width:200px;height:var(--app-input-height);padding:0 14px;font-size:.875rem;border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-sm);background:var(--app-surface-elevated);transition:border-color .15s,box-shadow .15s}.toolbar .input-search:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsla(var(--primary),.15)}.toolbar .input-search::placeholder{color:hsl(var(--app-text-muted))}.books-list{display:flex;flex-direction:column;gap:16px}.book-card{background:var(--app-surface-elevated);border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-lg);padding:24px;transition:transform var(--transition-base),box-shadow var(--transition-base);-webkit-tap-highlight-color:transparent;touch-action:manipulation;will-change:auto;transform:translateZ(0);contain:layout style paint}@media (min-width: 1024px){.book-card{padding:20px}}@media (max-width: 1023px){.book-card{padding:var(--mobile-spacing-lg);padding-bottom:calc(var(--mobile-spacing-lg) + max(env(safe-area-inset-bottom,0px),20px));border-radius:var(--app-radius)}}@media (max-width: 640px){.book-card{padding:var(--mobile-spacing-md);padding-bottom:calc(var(--mobile-spacing-md) + max(env(safe-area-inset-bottom,0px),20px))}}.book-card[draggable=true]{cursor:move;-webkit-user-select:none;user-select:none}.book-card.dragging{opacity:.5;transform:scale(.98)}.book-card.drag-over{border-top:3px solid hsl(var(--primary));box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--app-shadow);transition:box-shadow .2s,border-color .2s}.book-card:hover{box-shadow:var(--app-shadow-md);border-color:hsl(var(--app-border-strong))}.book-card-inner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px}.book-card-content{flex:1;min-width:0}.book-card-actions{flex-shrink:0;display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}.book-card-actions button,.book-card-actions a,.book-card-actions form{position:relative;z-index:2;pointer-events:auto}.book-card-actions form.inline{display:inline-flex;min-width:0}.empty-state{text-align:center;padding:48px 24px;background:var(--app-surface-elevated);border:1px dashed hsl(var(--app-border));border-radius:var(--app-radius-lg);will-change:auto;transform:translateZ(0);contain:layout style paint}.empty-state-text{font-size:.9375rem;color:hsl(var(--app-text-muted));margin-bottom:20px;line-height:1.5}@media (min-width: 1024px){.empty-state{padding:48px 24px}}@media (max-width: 1023px){.empty-state{padding:var(--mobile-spacing-xl) var(--mobile-spacing-lg);padding-bottom:calc(var(--mobile-spacing-xl) + max(env(safe-area-inset-bottom,0px),20px));border-radius:var(--app-radius)}.empty-state-text{font-size:var(--mobile-font-base);margin-bottom:var(--mobile-spacing-lg)}}@media (max-width: 640px){.empty-state{padding:var(--mobile-spacing-lg) var(--mobile-spacing-md);padding-bottom:calc(var(--mobile-spacing-lg) + max(env(safe-area-inset-bottom,0px),20px))}.empty-state-text{font-size:var(--mobile-font-sm);margin-bottom:var(--mobile-spacing-md)}}.alert-success{padding:12px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--app-radius-sm);color:#166534;font-size:.875rem;margin-bottom:20px;will-change:auto;transform:translateZ(0)}.alert-error{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--app-radius-sm);color:#991b1b;font-size:.875rem;margin-bottom:20px;will-change:auto;transform:translateZ(0)}.alert-warning{padding:12px 16px;background:#fffbeb;border:1px solid #fed7aa;border-radius:var(--app-radius-sm);color:#92400e;font-size:.875rem;margin-bottom:20px;will-change:auto;transform:translateZ(0)}.alert-info{padding:12px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--app-radius-sm);color:#1e40af;font-size:.875rem;margin-bottom:20px;will-change:auto;transform:translateZ(0)}@media (max-width: 1023px){.alert-success,.alert-error,.alert-warning,.alert-info{padding:var(--mobile-spacing-sm) var(--mobile-spacing-md);font-size:var(--mobile-font-base);margin-bottom:var(--mobile-spacing-md);border-radius:var(--app-radius-sm);line-height:1.5}}@media (max-width: 640px){.alert-success,.alert-error,.alert-warning,.alert-info{padding:var(--mobile-spacing-xs) var(--mobile-spacing-sm);font-size:var(--mobile-font-sm);margin-bottom:var(--mobile-spacing-sm)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:1;visibility:visible;transition:opacity .2s ease,visibility .2s ease;overflow:hidden;-webkit-overflow-scrolling:touch}@media (min-width: 1024px){.modal-overlay{left:280px!important;right:0!important;top:0!important;bottom:0!important;width:auto!important;z-index:1000!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;max-width:calc(100vw - 280px)!important}}.modal-overlay.hidden{display:none!important;opacity:0;visibility:hidden}.modal-dialog{position:relative;z-index:1001;width:100%;max-width:800px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;overflow-x:hidden;background-color:#fff!important;border-radius:var(--app-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb;margin:0;flex-shrink:0;box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;will-change:auto;transform:translateZ(0)}@media (max-width: 1023px){body.modal-open-mobile{overflow:hidden}body.modal-open-mobile .modal-overlay,body.modal-open-mobile .confirm-modal-overlay{touch-action:pan-y;-webkit-overflow-scrolling:touch}body.modal-open-mobile .app-shell{position:relative;z-index:10;isolation:isolate}body.modal-open-mobile .back-to-top,body.modal-open-mobile .back-to-top-btn{z-index:0!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;padding:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden;height:100vh;height:100dvh;max-height:100dvh;box-sizing:border-box;z-index:100001!important}.modal-dialog,.modal-overlay .modal-dialog{display:flex!important;flex-direction:column!important;flex:1 1 0;min-height:0;width:100%;max-width:100%;margin:0;border-radius:0;overflow:hidden;box-sizing:border-box;z-index:100002!important}.modal-dialog>form,.modal-overlay .modal-dialog>form{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.modal-header,.modal-overlay .modal-dialog .modal-header{flex-shrink:0;padding:var(--mobile-spacing-xs) max(var(--mobile-spacing-md),env(safe-area-inset-left)) var(--mobile-spacing-xs) max(var(--mobile-spacing-md),env(safe-area-inset-right))}.modal-body,.modal-overlay .modal-dialog .modal-body{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--mobile-spacing-md);padding-left:max(var(--mobile-spacing-md),env(safe-area-inset-left));padding-right:max(var(--mobile-spacing-md),env(safe-area-inset-right));padding-bottom:max(var(--mobile-spacing-md),env(safe-area-inset-bottom));box-sizing:border-box}.modal-footer,.modal-overlay .modal-dialog .modal-footer{flex-shrink:0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;gap:10px;margin:0;padding:var(--mobile-spacing-md);padding-left:max(var(--mobile-spacing-md),env(safe-area-inset-left));padding-right:max(var(--mobile-spacing-md),env(safe-area-inset-right));padding-bottom:max(var(--mobile-spacing-md),env(safe-area-inset-bottom))}.modal-footer .btn{min-height:var(--touch-target-min)}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;padding:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden;height:100dvh;max-height:100dvh;z-index:100001!important}.confirm-modal-overlay .confirm-modal-dialog{display:flex!important;flex-direction:column!important;flex:1 1 0;min-height:0;width:100%;max-width:100%;margin:0;border-radius:0;overflow:hidden}.confirm-modal-overlay .confirm-modal-header{flex-shrink:0}.confirm-modal-overlay .confirm-modal-body{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.confirm-modal-overlay .confirm-modal-footer{flex-shrink:0}}@media (min-width: 1024px){.modal-overlay{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:24px!important}.modal-dialog,.modal-overlay .modal-dialog{display:flex!important;flex-direction:column!important;min-height:70vh!important;min-height:70dvh!important;max-height:calc(100vh - 48px)!important;max-height:calc(100dvh - 48px)!important;max-width:min(900px,calc(100vw - 328px))!important;width:100%!important;margin:0 auto!important;overflow:hidden!important;box-sizing:border-box!important}.modal-dialog>form,.modal-overlay .modal-dialog>form{flex:1 1 0!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.modal-dialog .modal-header,.modal-overlay .modal-dialog .modal-header{flex-shrink:0!important}.modal-dialog .modal-body,.modal-overlay .modal-dialog .modal-body{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.modal-dialog .modal-footer,.modal-overlay .modal-dialog .modal-footer{flex-shrink:0!important}}.modal-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 24px;border-bottom:1px solid #e5e7eb;background-color:#fff!important}.modal-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0;min-width:0}.modal-close{flex-shrink:0;margin-left:auto;width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;border:none;background:none;color:hsl(var(--app-text-muted));font-size:1.5rem;line-height:1;cursor:pointer;border-radius:var(--app-radius-sm);transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;will-change:auto;transform:translateZ(0)}.modal-close:hover{color:hsl(var(--app-text));background:hsl(var(--app-border));transform:translateZ(0)}.modal-close:active{transform:translateZ(0) scale(.95)}.modal-close:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.modal-subtitle{padding:0 24px 8px;margin:0;font-size:.875rem;color:hsl(var(--app-text-muted))}.item-modal-header{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.item-modal-header .modal-title{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-modal-header .item-modal-nav-wrap{flex-shrink:0}.item-modal-header .modal-close{margin-left:0;flex-shrink:0}.item-modal-nav-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.item-modal-header .item-modal-nav-wrap{padding:0;border:none;margin:0}.item-modal-nav-wrap .item-modal-nav-btn{min-height:32px;padding:6px 12px}.modal-body{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:24px;background-color:#fff!important;color:#1f2937}.modal-footer{flex-shrink:0;display:flex;justify-content:flex-end;gap:10px;padding:20px 24px 24px;margin:0 24px 24px;border-top:1px solid #e5e7eb;background-color:#fff!important}.form-group{margin-bottom:20px}.form-group:last-of-type{margin-bottom:0}.form-label{display:block;font-size:.875rem;font-weight:500;color:hsl(var(--app-text));margin-bottom:6px}.form-label .required{color:#dc2626}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:hsl(var(--muted-foreground));transition:color .15s ease;z-index:2;pointer-events:auto}.password-toggle-btn:hover{color:hsl(var(--foreground))}.password-toggle-btn svg{width:20px;height:20px}.form-group>div[style*="position: relative"]{position:relative}.form-group>div[style*="position: relative"] .form-input{padding-right:44px}.form-input,.form-textarea,.form-select{width:100%;padding:10px 14px;font-size:.875rem;line-height:1.5;color:hsl(var(--app-text));background:var(--app-surface-elevated);border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box;will-change:auto;transform:translateZ(0);-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation}@media (max-width: 1023px){.form-input,.form-textarea,.form-select{min-height:var(--touch-target-min);font-size:16px;padding:12px 14px}}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsla(var(--primary),.15);z-index:1;position:relative}.form-input:focus-visible,.form-textarea:focus-visible,.form-select:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.form-input.error,.form-textarea.error,.form-select.error{border-color:#dc2626}.form-textarea{min-height:100px;resize:vertical}.form-select[multiple]{min-height:120px;padding:8px 12px}.form-hint{font-size:.75rem;color:hsl(var(--app-text-muted));margin-top:6px}.form-error{font-size:.75rem;color:#dc2626;margin-top:4px}.form-checkbox{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:.875rem;line-height:1.5;color:hsl(var(--app-text));margin:0;user-select:none;-webkit-user-select:none}.form-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex-shrink:0;cursor:pointer;accent-color:hsl(var(--primary));border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-checkbox input[type=checkbox]:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsla(var(--primary),.15)}.form-checkbox input[type=checkbox]:checked{border-color:hsl(var(--primary));background-color:hsl(var(--primary))}.form-checkbox span{flex:1;line-height:1.5}@media (max-width: 1023px){.form-checkbox input[type=checkbox]{width:20px;height:20px;margin-top:1px}}.detail-hero{background:var(--app-surface-elevated);border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-lg);padding:28px 24px;margin-bottom:24px;box-shadow:var(--app-shadow);overflow:hidden}.detail-hero-content{width:100%;min-width:0}.detail-hero-title{font-size:1.5rem;font-weight:700;color:hsl(var(--app-text));margin:0;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.detail-hero-desc-wrapper{margin-bottom:20px}.detail-hero-desc{font-size:.9375rem;color:hsl(var(--app-text-muted));line-height:1.6;margin:0;word-wrap:break-word;overflow-wrap:break-word;max-height:4.8em;overflow:hidden;position:relative;transition:max-height .3s ease}.detail-hero-desc.expanded{max-height:none}.detail-hero-desc.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.6em;background:linear-gradient(to bottom,transparent,hsl(var(--app-surface-elevated)));pointer-events:none}.detail-hero-toggle{margin-top:8px;padding:0;background:none;border:none;color:hsl(var(--primary));font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:underline;transition:color .15s}.detail-hero-toggle:hover{color:hsl(var(--primary) / .8)}.detail-hero-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:0;-webkit-tap-highlight-color:transparent}@media (max-width: 1023px){.detail-hero-actions{gap:var(--mobile-spacing-sm);margin-top:var(--mobile-spacing-lg)}}@media (max-width: 640px){.detail-hero-actions{gap:var(--mobile-spacing-xs);margin-top:var(--mobile-spacing-md)}}.detail-hero-actions .detail-hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:10px 18px;font-size:.875rem;font-weight:500;border-radius:var(--app-radius-sm);box-sizing:border-box;transition:all .15s ease;text-decoration:none;white-space:nowrap}.detail-hero-actions a.detail-hero-btn{text-decoration:none}.detail-hero-actions .btn-edit-info{color:hsl(var(--primary));background:transparent;border:1px solid hsl(var(--primary));cursor:pointer}.detail-hero-actions .btn-edit-info:hover{background:hsl(var(--primary) / .08)}.detail-hero-title-wrapper{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.book-locked-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background-color:#f59f0a1a;color:#f59f0a;border:1px solid hsl(38 92% 50% / .2);border-radius:var(--app-radius-sm);font-size:.8125rem;font-weight:500;line-height:1.4;align-self:center;flex-shrink:0}.book-locked-badge svg{flex-shrink:0}.detail-hero-actions .btn-lock-toggle{cursor:pointer;border:1px solid}.detail-hero-actions .btn-lock-toggle .btn-lock-text-short,.detail-hero-actions .btn-delete-text-short{display:none}.detail-hero-actions .btn-delete-text{display:inline}.detail-hero-actions .detail-hero-actions-form{display:inline-flex;align-items:stretch}.detail-hero-actions .detail-hero-actions-form .detail-hero-btn{height:100%;min-height:40px}.detail-hero-actions .btn-lock-lock{color:#f59f0a;background:transparent;border-color:#f59f0a}.detail-hero-actions .btn-lock-lock:hover{background:hsl(38 92% 50% / .08)}.detail-hero-actions .btn-lock-unlock{color:#16a249;background:transparent;border-color:#16a249}.detail-hero-actions .btn-lock-unlock:hover{background:hsl(142 76% 36% / .08)}.section-header-with-search{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}@media (min-width: 1024px){.section-header-with-search:last-of-type{margin-bottom:16px}}@media (max-width: 1023px){.section-header-with-search:last-of-type{margin-bottom:calc(16px + max(env(safe-area-inset-bottom,0px),20px))}.app-main{padding-top:calc(var(--header-height, 60px) + var(--mobile-spacing-md, 1rem) + 12px)!important}.has-impersonation-banner .app-main{padding-top:calc(48px + var(--header-height, 60px) + var(--mobile-spacing-md, 1rem) + 12px)!important}.section-header-with-search{gap:12px;margin-top:4px}.section-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}.app-main.app-main--death-anniversaries{padding-top:calc(var(--header-height, 60px) + 8px)!important}.has-impersonation-banner .app-main.app-main--death-anniversaries{padding-top:calc(48px + var(--header-height, 60px) + 8px)!important}}.section-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:1;min-width:0;justify-content:flex-end;position:relative;z-index:1}.filter-dropdown-wrapper{position:relative;display:inline-block;z-index:10001}.section-header-with-search{position:relative;z-index:1;overflow:visible}.section-header-actions{position:relative;overflow:visible}.filter-toggle-btn{position:relative;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:var(--app-surface-elevated);border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-sm);cursor:pointer;transition:all .2s ease;color:hsl(var(--app-text-muted))}.filter-toggle-btn:hover{background:hsl(var(--primary) / .1);border-color:hsl(var(--primary));color:hsl(var(--primary))}.filter-toggle-btn:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsla(var(--primary),.15);color:hsl(var(--primary))}.filter-toggle-btn[aria-expanded=true]{background:hsl(var(--primary) / .1);border-color:hsl(var(--primary));color:hsl(var(--primary))}.filter-icon{width:18px;height:18px;flex-shrink:0}.filter-badge{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:9px;font-size:.625rem;font-weight:600;line-height:1}.filter-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background-color:hsl(var(--app-surface-elevated))!important;background:hsl(var(--app-surface-elevated))!important;border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-sm);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:10002!important;overflow:visible;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.filter-dropdown-menu:not(.hidden){opacity:1!important;visibility:visible;transform:translateY(0);background-color:hsl(var(--app-surface-elevated))!important;background:hsl(var(--app-surface-elevated))!important}.filter-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:hsl(var(--app-text))!important;text-decoration:none;transition:background-color .15s ease;font-size:.875rem;border:none;width:100%;text-align:left;background-color:transparent;background:transparent;cursor:pointer;position:relative;z-index:1}.filter-menu-item:link,.filter-menu-item:visited{color:hsl(var(--app-text))!important}.filter-menu-item:hover{background:hsl(var(--app-border) / .5);color:hsl(var(--app-text))!important}.filter-menu-item:active{background:hsl(var(--primary) / .1)!important;color:hsl(var(--primary))!important;transition:none}.filter-menu-item.active{background:hsl(var(--primary) / .1);color:hsl(var(--primary))!important;font-weight:500}.filter-menu-item.active:link,.filter-menu-item.active:visited{color:hsl(var(--primary))!important}.filter-menu-item.active:active{background:hsl(var(--primary) / .1)!important;color:hsl(var(--primary))!important;transition:none}.filter-menu-item svg{width:16px;height:16px;flex-shrink:0}.filter-menu-item span{flex:1}.filter-dropdown-wrapper,.filter-dropdown-menu{isolation:isolate}@media (max-width: 768px){.filter-toggle-btn{width:2.75rem;height:2.75rem}.filter-icon{width:20px;height:20px}.filter-dropdown-menu{right:0;min-width:160px}}.detail-search-wrap{margin-bottom:20px}.search-input-with-clear{position:relative;display:inline-block;max-width:360px;width:100%;min-width:200px}.search-input-with-clear .detail-search-input{width:100%;height:var(--app-input-height);padding:0 38px 0 14px;font-size:.875rem;border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-sm);background:var(--app-surface-elevated);transition:border-color .15s,box-shadow .15s}.search-input-with-clear .detail-search-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsla(var(--primary),.15)}.search-input-with-clear .detail-search-input::placeholder{color:hsl(var(--app-text-muted))}.search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;background:none;color:hsl(var(--app-text-muted));font-size:1.25rem;line-height:1;cursor:pointer;border-radius:var(--app-radius-sm);display:none;align-items:center;justify-content:center;padding:0;transition:color .15s,background .15s;text-decoration:none}.search-clear-btn:hover{color:hsl(var(--app-text));background:hsl(var(--app-border));text-decoration:none}.search-clear-btn.visible{display:flex}.data-table tbody tr.hidden-by-search,.data-table tfoot.hidden-by-search,.page-section.hidden-by-search{display:none!important}.search-no-results{display:none;text-align:center;padding:40px 20px;color:hsl(var(--app-text-muted));font-size:.9375rem}.search-no-results.visible{display:block}.notification-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.notification{pointer-events:auto;padding:14px 18px;border-radius:var(--app-radius);box-shadow:var(--app-shadow-lg);display:flex;align-items:center;gap:12px;animation:slideInRight .3s ease-out;border-left:4px solid;background:var(--app-surface-elevated)}.notification-success{border-left-color:#10b981;background:#f0fdf4;color:#166534}.notification-error{border-left-color:#ef4444;background:#fef2f2;color:#991b1b}.notification-info{border-left-color:#059669;background:#ecfdf5;color:#047857}.notification-icon{font-size:1.25rem;flex-shrink:0;line-height:1}.notification-content{flex:1;font-size:.875rem;font-weight:500;line-height:1.4}.notification-close{background:none;border:none;color:inherit;opacity:.6;cursor:pointer;font-size:1.125rem;line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:opacity .15s,background .15s;flex-shrink:0}.notification-close:hover{opacity:1;background:rgba(0,0,0,.1)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.notification.hiding{animation:slideOutRight .3s ease-in forwards}@media (max-width: 640px){.notification-container{top:12px;right:12px;left:12px;max-width:none}.notification{padding:12px 16px}}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:1;visibility:visible;transition:opacity .2s ease,visibility .2s ease}.confirm-modal-overlay.hidden{display:none!important;opacity:0;visibility:hidden}.confirm-modal-dialog{position:relative;z-index:61;width:100%;max-width:400px;background-color:#fff!important;border-radius:var(--app-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb;margin:auto;overflow:hidden}.confirm-modal-header{padding:8px 24px;border-bottom:1px solid #e5e7eb;background-color:#fff!important;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top-left-radius:var(--app-radius-lg);border-top-right-radius:var(--app-radius-lg)}.confirm-modal-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0;flex:1;min-width:0}.confirm-modal-close{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:hsl(var(--app-text-muted));font-size:1.5rem;line-height:1;cursor:pointer;border-radius:var(--app-radius-sm);transition:color .15s,background .15s;padding:0}.confirm-modal-close:hover{color:hsl(var(--app-text));background:hsl(var(--app-border))}.confirm-modal-close:focus{outline:2px solid hsl(var(--primary));outline-offset:2px}.confirm-modal-body{padding:24px;background-color:#fff!important;color:#1f2937;font-size:.9375rem;line-height:1.5}.confirm-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 24px;border-top:1px solid #e5e7eb;background-color:#fff!important;border-bottom-left-radius:var(--app-radius-lg);border-bottom-right-radius:var(--app-radius-lg)}.push-permission-denied-guide{margin-top:0}.push-permission-guide-title{font-weight:600;margin-bottom:8px;color:#1f2937}.push-permission-guide-note{margin:0 0 10px;font-size:.875rem;color:#6b7280;line-height:1.5}.push-permission-guide-subtitle{font-weight:600;margin:12px 0 6px;color:#374151;font-size:.875rem}.push-permission-guide-subtitle:first-child{margin-top:0}.push-permission-steps{margin:0 0 0 1.25rem;padding:0;line-height:1.6;color:#374151}.push-permission-steps li{margin-bottom:6px}.push-permission-steps li:last-child{margin-bottom:0}@media (min-width: 1024px){.confirm-modal-dialog{display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:hidden}.confirm-modal-header{flex-shrink:0}.confirm-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.confirm-modal-footer{flex-shrink:0}}.delete-options{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.delete-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-sm);cursor:pointer;transition:all .15s ease;background-color:transparent}.delete-option:hover{border-color:hsl(var(--primary));background-color:hsl(var(--primary) / .05)}.delete-option input[type=radio]{margin-top:2px;cursor:pointer;accent-color:hsl(var(--primary));flex-shrink:0}.delete-option input[type=radio]:checked+div .delete-option-title{color:hsl(var(--primary))}.delete-option>div{flex:1;min-width:0}.delete-option-title{font-weight:600;margin-bottom:.25rem;color:hsl(var(--app-text));transition:color .15s ease}.delete-option-description{font-size:.875rem;color:hsl(var(--app-text-muted));line-height:1.5}.delete-option input[type=radio]:checked~div .delete-option-title{color:hsl(var(--primary))}.delete-option.force-delete .delete-option-title{color:#dc2626}.delete-option.force-delete:hover{border-color:#dc2626;background-color:#dc26260d}.delete-option.force-delete input[type=radio]:checked~div .delete-option-title{color:#dc2626}.delete-option.force-delete input[type=radio]{accent-color:#dc2626}@media (max-width: 1023px){.confirm-modal-overlay{padding:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden;height:100dvh;max-height:100dvh;touch-action:pan-y;z-index:100001!important}.confirm-modal-dialog{display:flex!important;flex-direction:column!important;flex:1 1 0;min-height:0;width:100%;max-width:100%;margin:0;border-radius:0;overflow:hidden;z-index:100002!important}.confirm-modal-header{flex-shrink:0;padding-top:8px;padding-bottom:8px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.confirm-modal-body{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom))}.confirm-modal-footer{flex-shrink:0;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom))}}@media (max-width: 640px){.confirm-modal-dialog{margin:0;max-width:none}.confirm-modal-header{padding:8px max(16px,env(safe-area-inset-left)) 8px max(16px,env(safe-area-inset-right))}.confirm-modal-body,.confirm-modal-footer{padding:16px max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-right))}.delete-option{padding:.625rem;gap:.625rem}.delete-option-title{font-size:.9375rem}.delete-option-description{font-size:.8125rem}}.app-main h3{font-size:1.25rem;font-weight:600;color:hsl(var(--app-text));margin:0 0 16px;line-height:1.4;will-change:auto}@media (max-width: 1023px){.app-main h3{margin-bottom:var(--mobile-spacing-md)}}.section-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.page-section{background:var(--app-surface-elevated);border:1px solid hsl(var(--app-border));border-radius:var(--app-radius);margin-bottom:16px;overflow:hidden;box-shadow:var(--app-shadow)}@media (min-width: 1024px){.page-section:last-of-type{margin-bottom:16px}}@media (max-width: 1023px){.page-section:last-of-type{margin-bottom:calc(16px + max(env(safe-area-inset-bottom,0px),60px))}}@media (max-width: 640px){.page-section:last-of-type{margin-bottom:calc(12px + max(env(safe-area-inset-bottom,0px),60px))}}.page-section-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid hsl(var(--app-border));background:hsl(var(--app-surface));cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s}.page-section-header:hover{background:hsl(var(--app-border) / .5)}.page-section-header .page-section-actions,.page-section-header .page-section-actions button{pointer-events:auto}.page-section-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:hsl(var(--app-text))}.page-section-header-right{display:flex;align-items:center;gap:12px}.page-section-badge{font-size:.75rem;padding:4px 10px;background:hsl(var(--app-border));color:hsl(var(--app-text-muted));border-radius:999px}.page-section-actions{display:flex;gap:8px}.page-section-toggle{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:hsl(var(--app-text-muted));cursor:pointer;border-radius:var(--app-radius-sm);transition:color .15s,background .15s}.page-section-toggle:hover{background:hsl(var(--app-border));color:hsl(var(--app-text))}.page-section-toggle-placeholder{width:28px;height:28px;flex-shrink:0;display:inline-block}.page-section-body{padding:16px 20px}.page-section.collapsed .page-section-body{display:none}.data-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.875rem}.data-table col.col-stt{width:6%}.data-table col.col-name{width:38%}.data-table col.col-amount{width:14%}.data-table col.col-note{width:26%}.data-table col.col-note.col-note-wide{width:42%}.data-table col.col-actions{width:16%}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid hsl(var(--app-border));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;line-height:1.5}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;z-index:0}@media (min-width: 1024px){.table-wrapper{padding-bottom:0;margin-bottom:0}}@media (max-width: 1023px){.table-wrapper{padding-bottom:max(env(safe-area-inset-bottom,0px),60px);margin-bottom:0}.data-table tbody tr:last-child td{padding-bottom:calc(12px + max(env(safe-area-inset-bottom,0px),20px))}.data-table tfoot tr td{padding-bottom:calc(12px + max(env(safe-area-inset-bottom,0px),20px))}}@media (max-width: 640px){.table-wrapper{padding-bottom:max(env(safe-area-inset-bottom,0px),60px)}.data-table tbody tr:last-child td{padding-bottom:calc(10px + max(env(safe-area-inset-bottom,0px),20px))}.data-table tfoot tr td{padding-bottom:calc(10px + max(env(safe-area-inset-bottom,0px),20px))}}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:hsl(var(--app-surface));border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:hsl(var(--app-border));border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:hsl(var(--app-text-muted))}.data-table.users-table{width:100%;min-width:1120px;table-layout:auto;border-collapse:collapse;font-size:.875rem}.data-table.users-table .col-stt{width:60px;min-width:60px;max-width:60px;text-align:center;padding-left:8px;padding-right:8px}.data-table.users-table .col-full-name{width:auto;min-width:120px;max-width:200px}.data-table.users-table .col-phone{width:auto;min-width:110px;max-width:130px;white-space:nowrap}.data-table.users-table .col-integration-key{width:auto;min-width:120px;max-width:160px;white-space:nowrap}.integration-key-cell{display:inline-flex;align-items:center;gap:6px;max-width:100%}.integration-key-cell .integration-key-text{background:transparent;padding:0;min-width:3.5em;display:inline-block}.integration-key-actions{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.integration-key-actions .btn-icon{width:28px;height:28px;min-height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center}.integration-key-actions .btn-icon svg{width:14px;height:14px}.integration-key-icon-hide,.integration-key-cell.is-visible .integration-key-icon-show{display:none}.integration-key-cell.is-visible .integration-key-icon-hide{display:block}.data-table.users-table .col-role{width:auto;min-width:100px;max-width:150px}.data-table.users-table .col-status{width:auto;min-width:110px;max-width:150px}.data-table.users-table .col-groups{width:auto;min-width:120px;max-width:250px}.data-table.users-table .col-date{width:auto;min-width:90px;max-width:110px;white-space:nowrap}.data-table.users-table th.col-actions,.data-table.users-table td.col-actions{width:auto;min-width:180px;white-space:nowrap;position:sticky;right:0;z-index:10;vertical-align:middle;padding:12px;border-left:1px solid hsl(var(--app-border))}.data-table.users-table th.col-actions{background:hsl(var(--app-surface));z-index:11;box-shadow:-2px 0 8px #00000014}.data-table.users-table tbody tr td.col-actions{background:transparent;position:sticky;right:0;z-index:10}.data-table.users-table tbody tr td.col-actions:after{content:"";position:absolute;top:0;left:-2000px;right:0;bottom:0;background:hsl(var(--background));z-index:-1;pointer-events:none;box-shadow:-2px 0 12px #0000001f}.data-table.users-table tbody tr:hover td.col-actions:after{background:hsl(var(--app-surface))}.data-table.users-table tbody tr td.col-actions>*{position:relative;z-index:1}.data-table.users-table td.col-full-name,.data-table.users-table th.col-full-name,.data-table.users-table td.col-groups,.data-table.users-table th.col-groups,.data-table.users-table td.col-role,.data-table.users-table th.col-role,.data-table.users-table td.col-status,.data-table.users-table th.col-status,.data-table.groups-table td.col-name,.data-table.groups-table th.col-name,.data-table.groups-table td.col-creator,.data-table.groups-table th.col-creator,.data-table.roles-table td.col-name,.data-table.roles-table th.col-name,.data-table.roles-table td.col-slug,.data-table.roles-table th.col-slug{white-space:normal;word-break:break-word;overflow-wrap:break-word;line-height:1.5;vertical-align:middle}.data-table.users-table td.col-role .badge,.data-table.users-table td.col-status .badge{display:inline-block;white-space:normal;word-break:break-word;max-width:100%;line-height:1.4}.data-table.users-table .cell-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.data-table.users-table .cell-actions .btn{flex-shrink:0;white-space:nowrap;font-size:.8125rem;padding:6px 12px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 768px){.data-table.users-table .cell-actions{gap:8px}.data-table.users-table .cell-actions .btn{min-height:44px;padding:10px 14px;font-size:.875rem;font-weight:500}}.data-table.groups-table{width:100%;min-width:900px;table-layout:auto;border-collapse:collapse;font-size:.875rem}.data-table.groups-table .col-stt{width:60px;min-width:60px;max-width:60px;text-align:center;padding-left:8px;padding-right:8px}.data-table.groups-table .col-name{width:auto;min-width:150px;max-width:250px}.data-table.groups-table .col-creator{width:auto;min-width:120px;max-width:200px}.data-table.groups-table .col-members,.data-table.groups-table .col-books{width:auto;min-width:100px;max-width:120px;text-align:center;white-space:nowrap}.data-table.groups-table .col-date{width:auto;min-width:90px;max-width:110px;white-space:nowrap}.data-table.groups-table th.col-actions,.data-table.groups-table td.col-actions{width:auto;min-width:180px;white-space:nowrap;position:sticky;right:0;z-index:10;vertical-align:middle;padding:12px;border-left:1px solid hsl(var(--app-border))}.data-table.groups-table th.col-actions{background:hsl(var(--app-surface));z-index:11;box-shadow:-2px 0 8px #00000014}.data-table.groups-table tbody tr td.col-actions{background:transparent;position:sticky;right:0;z-index:10}.data-table.groups-table tbody tr td.col-actions:after{content:"";position:absolute;top:0;left:-2000px;right:0;bottom:0;background:hsl(var(--background));z-index:-1;pointer-events:none;box-shadow:-2px 0 12px #0000001f}.data-table.groups-table tbody tr:hover td.col-actions:after{background:hsl(var(--app-surface))}.data-table.groups-table tbody tr td.col-actions>*{position:relative;z-index:1}.data-table.groups-table .cell-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.data-table.groups-table .cell-actions .btn{flex-shrink:0;white-space:nowrap;font-size:.8125rem;padding:6px 12px}.data-table.roles-table{width:100%;min-width:900px;table-layout:auto;border-collapse:collapse;font-size:.875rem}.data-table.roles-table .col-stt{width:60px;min-width:60px;max-width:60px;text-align:center;padding-left:8px;padding-right:8px}.data-table.roles-table .col-name{width:auto;min-width:150px;max-width:250px}.data-table.roles-table .col-slug{width:auto;min-width:120px;max-width:180px}.data-table.roles-table .col-permissions,.data-table.roles-table .col-users{width:auto;min-width:100px;max-width:120px;text-align:center;white-space:nowrap}.data-table.roles-table .col-date{width:auto;min-width:90px;max-width:110px;white-space:nowrap}.data-table.roles-table th.col-actions,.data-table.roles-table td.col-actions{width:auto;min-width:180px;white-space:nowrap;position:sticky;right:0;z-index:10;vertical-align:middle;padding:12px;border-left:1px solid hsl(var(--app-border))}.data-table.roles-table th.col-actions{background:hsl(var(--app-surface));z-index:11;box-shadow:-2px 0 8px #00000014}.data-table.roles-table tbody tr td.col-actions{background:transparent;position:sticky;right:0;z-index:10}.data-table.roles-table tbody tr td.col-actions:after{content:"";position:absolute;top:0;left:-2000px;right:0;bottom:0;background:hsl(var(--background));z-index:-1;pointer-events:none;box-shadow:-2px 0 12px #0000001f}.data-table.roles-table tbody tr:hover td.col-actions:after{background:hsl(var(--app-surface))}.data-table.roles-table tbody tr td.col-actions>*{position:relative;z-index:1}.data-table.roles-table .cell-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.data-table.roles-table .cell-actions .btn{flex-shrink:0;white-space:nowrap;font-size:.8125rem;padding:6px 12px}.data-table.banners-table{width:100%;min-width:900px;table-layout:auto;border-collapse:collapse;font-size:.875rem}.data-table.banners-table .col-stt{width:60px;min-width:60px;max-width:60px;text-align:center;padding-left:8px;padding-right:8px}.data-table.banners-table .col-title{width:auto;min-width:150px;max-width:250px}.data-table.banners-table td.col-title .banner-content-mobile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}.data-table.banners-table .col-type{width:auto;min-width:100px;max-width:120px}.data-table.banners-table .col-dates{width:auto;min-width:180px;max-width:220px;white-space:normal}.data-table.banners-table .col-status{width:auto;min-width:120px;max-width:140px}.data-table.banners-table .col-creator{width:auto;min-width:120px;max-width:200px}.data-table.banners-table th.col-actions,.data-table.banners-table td.col-actions{width:auto;min-width:180px;white-space:nowrap;position:sticky;right:0;z-index:10;vertical-align:middle;padding:12px;border-left:1px solid hsl(var(--app-border))}.data-table.banners-table th.col-actions{background:hsl(var(--app-surface));z-index:11;box-shadow:-2px 0 8px #00000014}.data-table.banners-table tbody tr td.col-actions{background:transparent;position:sticky;right:0;z-index:10}.data-table.banners-table tbody tr td.col-actions:after{content:"";position:absolute;top:0;left:-2000px;right:0;bottom:0;background:hsl(var(--background));z-index:-1;pointer-events:none;box-shadow:-2px 0 12px #0000001f}.data-table.banners-table tbody tr:hover td.col-actions:after{background:hsl(var(--app-surface))}.data-table.banners-table tbody tr td.col-actions>*{position:relative;z-index:1}.data-table.banners-table .cell-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.data-table.banners-table .cell-actions .btn{flex:1 1 auto;min-width:0;white-space:nowrap;font-size:.8125rem;padding:6px 12px}.data-table.banners-table .cell-actions form.inline{display:inline-flex;margin:0;padding:0;border:none;background:transparent;flex:1 1 auto;min-width:0}.data-table th.col-stt,.data-table td.col-stt{text-align:center}.data-table.users-table th.col-stt,.data-table.users-table td.col-stt{padding:12px 8px;white-space:nowrap;overflow:visible;vertical-align:middle}.data-table th.col-name,.data-table td.col-name{min-width:0;white-space:normal!important;word-break:break-word;overflow-wrap:break-word;text-overflow:clip!important;overflow:visible!important}.data-table th.col-amount,.data-table td.col-amount{text-align:right;white-space:nowrap;min-width:100px}.data-table th.col-note,.data-table td.col-note{min-width:0}.data-table th.col-description,.data-table td.col-description{min-width:0;white-space:normal!important;word-break:break-word;overflow:hidden;text-overflow:ellipsis;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8em}.data-table th.col-actions,.data-table td.col-actions{white-space:nowrap;display:table-cell!important;visibility:visible!important;opacity:1!important;width:auto!important}.data-table th{font-weight:600;color:hsl(var(--app-text-muted));background:hsl(var(--app-surface))}.data-table tbody tr:hover{background:hsl(var(--app-surface))}.data-table tbody tr[draggable=true]{cursor:move;-webkit-user-select:none;user-select:none}.data-table tbody tr.dragging{opacity:.5;background:hsl(var(--app-surface))}.data-table tbody tr.drag-over{border-top:2px solid hsl(var(--primary))}.data-table .drag-handle{display:inline-block;margin-right:8px;color:hsl(var(--app-text-muted));cursor:grab;font-size:1rem;line-height:1;vertical-align:middle}.data-table .drag-handle:active{cursor:grabbing}.data-table tbody tr[draggable=false] .drag-handle{display:none}.data-table .row-number{display:inline-block}.data-table tfoot td{border-bottom:none;border-top:2px solid hsl(var(--app-border-strong));padding-top:14px;font-weight:600;background:hsl(var(--app-surface))}.data-table .cell-actions{display:flex!important;gap:6px;visibility:visible!important;opacity:1!important;flex-wrap:nowrap!important}.table-empty{text-align:center!important;padding:32px 16px;color:hsl(var(--app-text-muted));font-style:italic;display:table-cell}.data-table td.table-empty,.data-table tr.row-empty td.table-empty{text-align:center!important}.pagination-wrap{margin-top:28px;display:flex;justify-content:center}@media (min-width: 1024px){.pagination-wrap{margin-bottom:24px}}@media (max-width: 1023px){.pagination-wrap{margin-bottom:calc(24px + max(env(safe-area-inset-bottom,0px),60px))}}@media (max-width: 640px){.pagination-wrap{margin-bottom:calc(16px + max(env(safe-area-inset-bottom,0px),60px))}}.pagination-wrap nav ul,.pagination-wrap nav{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0;justify-content:center}.pagination-wrap nav ul li{display:inline-block}.pagination-wrap a,.pagination-wrap span{display:inline-block;padding:8px 14px;font-size:.875rem;font-weight:500;border-radius:var(--app-radius-sm);text-decoration:none;color:hsl(var(--app-text));border:1px solid hsl(var(--app-border));background:var(--app-surface-elevated);transition:all .15s}.pagination-wrap a:hover{background:hsl(var(--app-border));border-color:hsl(var(--app-border-strong))}.pagination-wrap span.current,.pagination-wrap .bg-gray-100{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.link-back{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;color:hsl(var(--app-text-muted));text-decoration:none;padding:8px 0;transition:color .15s;flex-shrink:0;white-space:nowrap}.link-back:hover{color:hsl(var(--primary))}@media (max-width: 1023px){.link-back-desktop-only{display:none!important}}@media (max-width: 480px){.link-back{font-size:.75rem;padding:6px 0}}.flex-1{flex:1 1 0%}.min-w-0{min-width:0}@media (max-width: 640px){.app-header-inner{padding:12px 16px;flex-wrap:nowrap;gap:10px;min-width:0;overflow:hidden;box-sizing:border-box}.app-header-inner>.flex{flex:1 1 0%;min-width:0;flex-wrap:nowrap;overflow:hidden;gap:8px}.app-header-inner.has-back-button{overflow:hidden}.app-header-inner.has-back-button>.flex{overflow:hidden}.app-header-actions{flex-shrink:0;min-width:0;display:flex;align-items:center;gap:8px}.app-header-inner.has-back-button .app-header-actions .link-back{flex-shrink:0;white-space:nowrap;font-size:0;padding:0;display:flex;align-items:center;justify-content:center;min-width:36px;width:36px;height:36px;border-radius:6px;background-color:transparent;text-decoration:none;transition:opacity .15s ease,transform .15s cubic-bezier(.4,0,.2,1);position:relative;order:-1}.app-header-inner.has-back-button .app-header-actions .link-back:before{content:"←";font-size:1.125rem;line-height:1;display:block;color:hsl(var(--primary));transition:color .2s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.app-header-inner.has-back-button .app-header-actions .link-back:hover:before{color:hsl(var(--primary-hover));transform:translate(-2px)}.app-header-inner.has-back-button .app-header-actions .link-back:active:before{color:hsl(var(--primary-hover));transform:translate(-2px) scale(.95)}.app-header-inner.has-back-button .app-header-actions .link-back:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.app-header-inner.has-back-button>.flex .link-back{display:none!important}.app-header-inner.has-back-button .app-header-actions .link-back,.app-header-title{display:none!important}.app-header-title-mobile{display:block!important;font-size:1rem;font-weight:600;line-height:1.2;color:hsl(var(--app-text));margin:0;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-inner.has-back-button .app-header-title-mobile{display:block!important;font-size:.875rem;line-height:1.2;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-user{font-size:.8125rem}.app-main{padding:12px}.detail-hero{padding:16px;margin-bottom:16px;overflow:visible}.detail-hero-content{display:flex;flex-direction:column;gap:16px}.detail-hero-title{font-size:1.125rem;margin-bottom:0;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.detail-hero-desc-wrapper{margin-bottom:0}.detail-hero-desc{font-size:.875rem;margin-bottom:0;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-height:4.2em}.detail-hero-desc.expanded{max-height:none}.detail-hero-toggle{font-size:.8125rem}.detail-hero-actions{width:100%;flex-direction:row;gap:8px;margin-top:0;align-items:stretch}.detail-hero-actions .detail-hero-btn,.detail-hero-actions>a.detail-hero-btn{flex:1;min-width:0;min-height:36px;padding:8px 12px;font-size:.8125rem}.detail-hero-actions .detail-hero-actions-form{flex:1;min-width:0;min-height:36px}.detail-hero-actions .detail-hero-actions-form .detail-hero-btn{flex:1;min-height:36px!important;height:100%;padding:8px 12px;font-size:.8125rem}.detail-hero-actions{gap:6px}.detail-hero-title-wrapper{gap:8px}.book-locked-badge{font-size:.75rem;padding:3px 10px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-header-with-search{flex-direction:column;align-items:stretch;gap:12px}.section-header-actions{width:100%;flex-direction:row;align-items:center;gap:10px;justify-content:flex-start;order:2}.section-header-actions .search-input-with-clear{flex:1;min-width:0;max-width:none}.section-header-actions .btn{flex-shrink:0;white-space:nowrap}.app-main h3{font-size:1rem;font-weight:600;margin-bottom:12px;line-height:1.4;color:hsl(var(--app-text))}.detail-search-wrap{margin-bottom:16px}.search-input-with-clear{max-width:100%}.page-section{margin-bottom:12px}.page-section-header{padding:12px 16px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}.page-section-title{flex:0 0 auto;justify-content:flex-start}.page-section-header-right{display:contents}.page-section-header .page-section-badge{order:2;flex:0 0 auto;margin-left:auto}.page-section-header .page-section-actions{order:3;flex-basis:100%;width:100%;margin:2px 0 0;display:flex;flex-wrap:wrap;gap:8px}.page-section-header .page-section-actions .btn{flex:1 1 auto;min-width:0;min-height:var(--touch-target-min, 44px);justify-content:center;font-size:.8125rem;padding:8px 10px}.page-section-actions{width:100%;flex-direction:row;gap:8px}.page-section-actions .btn{flex:1;justify-content:center;min-width:0}.page-section-body{padding:12px 16px}.data-table.users-table,.data-table.groups-table,.data-table.roles-table,.data-table.banners-table{min-width:1000px;display:table}.data-table.users-table thead,.data-table.groups-table thead,.data-table.roles-table thead,.data-table.banners-table thead{display:table-header-group}.data-table.users-table tbody tr,.data-table.groups-table tbody tr,.data-table.roles-table tbody tr,.data-table.banners-table tbody tr{display:table-row;border:none;border-radius:0;margin-bottom:0;padding:0;background:transparent}.data-table.users-table td,.data-table.groups-table td,.data-table.roles-table td,.data-table.banners-table td{display:table-cell;padding:10px 12px;border-bottom:1px solid hsl(var(--app-border));text-align:left}.data-table.users-table td:before,.data-table.groups-table td:before,.data-table.roles-table td:before{display:none}.data-table.users-table .col-actions,.data-table.groups-table .col-actions,.data-table.roles-table .col-actions{position:static;background:hsl(var(--app-surface-elevated))!important}.data-table{font-size:.75rem;display:block}.data-table thead,.data-table tbody,.data-table tfoot,.data-table tr{display:block}.data-table thead{display:none}.data-table tbody tr{display:block;border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-sm);margin-bottom:10px;padding:12px;background:var(--app-surface-elevated)}.data-table tbody tr:last-child{margin-bottom:0}.data-table td{display:block;padding:6px 0;border:none;text-align:left!important;background:transparent!important}.data-table td.table-empty,.data-table tr.row-empty td.table-empty{text-align:center!important;display:block!important;width:100%!important;padding:24px 12px!important;margin:0!important}.data-table td.table-empty:before,.data-table tr.row-empty td.table-empty:before{display:none!important;content:none!important}.data-table td.col-actions{display:block!important}.data-table td.col-description{white-space:normal!important;display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:unset!important;max-height:none!important}.data-table td:before{content:attr(data-label) ": ";font-weight:600;color:hsl(var(--app-text-muted));display:inline-block;min-width:100px}.data-table td.col-stt:before{content:"STT: "}.data-table td.col-type:before{content:"Loại: "}.data-table td.col-name:before{content:"Tên: "}.data-table td.col-amount:before{content:"Số tiền: "}.data-table td.col-note:before{content:"Ghi chú: "}.data-table td.col-actions{margin-top:8px;padding-top:8px;border-top:1px solid hsl(var(--app-border));background:hsl(var(--app-surface-elevated))!important}.data-table td.col-actions:before{display:none}.data-table td.col-actions .cell-actions{justify-content:flex-start;flex-wrap:wrap;background:transparent!important}.data-table tfoot tr{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border:1px solid hsl(var(--app-border-strong));border-radius:var(--app-radius-sm);padding:12px;background:hsl(var(--app-surface));margin-top:10px;gap:8px}.data-table tfoot td{padding:0;border:none;flex:0 0 auto}.data-table tfoot td.tfoot-label{font-weight:600;color:hsl(var(--app-text));text-align:left}.data-table tfoot td.col-amount{text-align:right!important;font-weight:600;color:hsl(var(--app-text));white-space:nowrap}.data-table tfoot td:before{display:none!important}.data-table tfoot td:empty,.data-table tfoot td[data-label=""]:not(.tfoot-label){display:none}.data-table .table-empty{padding:24px 12px!important;font-size:.875rem;text-align:center!important;display:block!important;width:100%!important;margin:0!important}.data-table tr.row-empty td.table-empty{text-align:center!important;display:block!important;width:100%!important;padding:24px 12px!important;margin:0!important}.data-table .table-empty:before,.data-table tr.row-empty td.table-empty:before{display:none!important;content:none!important}.overflow-x-auto{overflow-x:visible}.data-table.users-table,.data-table.groups-table,.data-table.roles-table,.data-table.banners-table{min-width:0!important;display:block!important;width:100%!important}.data-table.users-table thead,.data-table.groups-table thead,.data-table.roles-table thead,.data-table.banners-table thead{display:none!important}.data-table.users-table tbody,.data-table.groups-table tbody,.data-table.roles-table tbody,.data-table.banners-table tbody{display:block!important}.data-table.users-table tbody tr,.data-table.groups-table tbody tr,.data-table.roles-table tbody tr,.data-table.banners-table tbody tr{display:block!important;width:100%!important;border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-sm);margin-bottom:12px;padding:12px;background:hsl(var(--app-surface-elevated));box-sizing:border-box}.data-table.users-table tbody tr:last-child,.data-table.groups-table tbody tr:last-child,.data-table.roles-table tbody tr:last-child{margin-bottom:0}.data-table.users-table td,.data-table.groups-table td,.data-table.roles-table td{display:block!important;width:100%!important;max-width:100%!important;padding:6px 0!important;border:none!important;text-align:left!important;box-sizing:border-box!important;overflow:visible!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;background:transparent!important}.data-table.users-table td:before,.data-table.groups-table td:before,.data-table.roles-table td:before{content:attr(data-label) ": ";font-weight:600;color:hsl(var(--app-text-muted));display:inline-block;min-width:100px;margin-right:8px;vertical-align:top}.data-table.users-table td>*,.data-table.groups-table td>*,.data-table.roles-table td>*,.data-table.banners-table td>*{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.data-table.users-table td.col-stt,.data-table.users-table td.col-full-name,.data-table.users-table td.col-phone,.data-table.users-table td.col-integration-key,.data-table.users-table td.col-role,.data-table.users-table td.col-status,.data-table.users-table td.col-groups,.data-table.users-table td.col-date,.data-table.groups-table td.col-stt,.data-table.groups-table td.col-name,.data-table.groups-table td.col-creator,.data-table.groups-table td.col-members,.data-table.groups-table td.col-books,.data-table.groups-table td.col-date,.data-table.roles-table td.col-stt,.data-table.roles-table td.col-name,.data-table.roles-table td.col-slug,.data-table.roles-table td.col-permissions,.data-table.roles-table td.col-users,.data-table.roles-table td.col-date,.data-table.banners-table td.col-stt,.data-table.banners-table td.col-title,.data-table.banners-table td.col-type,.data-table.banners-table td.col-dates,.data-table.banners-table td.col-status,.data-table.banners-table td.col-creator{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:8px 0!important}.data-table.banners-table td.col-title{padding-bottom:10px!important}.data-table.banners-table td.col-type,.data-table.banners-table td.col-status{padding:6px 0!important}.data-table.banners-table td.col-dates{padding:8px 0 10px!important}.data-table.banners-table td.col-creator{padding-bottom:8px!important}.data-table.users-table td.col-status:before,.data-table.users-table td.col-role:before{margin-right:8px;vertical-align:middle}.data-table.users-table td.col-status .badge,.data-table.users-table td.col-role .badge{display:inline-block;white-space:nowrap;vertical-align:middle;max-width:calc(100% - 120px);overflow:hidden;text-overflow:ellipsis}.data-table.banners-table td.col-groups:before{margin-right:8px;vertical-align:middle}.data-table.banners-table td.col-groups .banner-groups-mobile{display:inline-block;vertical-align:middle;max-width:calc(100% - 120px)}.data-table.banners-table td.col-groups .banner-groups-mobile .badge{display:inline-block;white-space:nowrap;vertical-align:middle}.data-table.users-table td.col-actions,.data-table.groups-table td.col-actions,.data-table.roles-table td.col-actions,.data-table.banners-table td.col-actions{display:block!important;width:100%!important;max-width:100%!important;margin-top:8px;padding-top:8px;border-top:1px solid hsl(var(--app-border));box-sizing:border-box!important;background:hsl(var(--app-surface-elevated))!important}.data-table.users-table td.col-actions:before,.data-table.groups-table td.col-actions:before,.data-table.roles-table td.col-actions:before,.data-table.banners-table td.col-actions:before{display:none!important}.data-table.users-table .cell-actions,.data-table.groups-table .cell-actions,.data-table.roles-table .cell-actions,.data-table.banners-table .cell-actions{display:flex!important;justify-content:flex-start;flex-wrap:wrap;gap:8px;width:100%;max-width:100%;box-sizing:border-box!important;margin:0;padding:0;background:transparent!important}.data-table.users-table .cell-actions .btn,.data-table.groups-table .cell-actions .btn,.data-table.roles-table .cell-actions .btn{flex:0 1 calc(50% - 4px);min-width:0;max-width:calc(50% - 4px);min-height:38px!important;height:38px!important;font-size:.8125rem!important;padding:8px 10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box!important;justify-content:center;align-items:center;font-weight:500;border-radius:var(--app-radius-sm);transition:all .2s ease;display:flex!important}.data-table:not(.users-table):not(.groups-table):not(.roles-table):not(.banners-table):not(.ledger-entries-table) td{padding:8px 0!important}.data-table:not(.users-table):not(.groups-table):not(.roles-table):not(.banners-table):not(.ledger-entries-table) td.col-actions{margin-top:6px!important;padding-top:6px!important;padding-bottom:0!important}.data-table:not(.users-table):not(.groups-table):not(.roles-table):not(.banners-table):not(.ledger-entries-table) .cell-actions .btn{flex:0 1 calc(50% - 4px);min-width:0;max-width:calc(50% - 4px);min-height:36px;font-size:.8125rem!important;padding:6px 8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box!important;justify-content:center;align-items:center;font-weight:500;border-radius:var(--app-radius-sm);transition:all .2s ease;display:flex!important}.data-table:not(.users-table):not(.groups-table):not(.roles-table):not(.banners-table):not(.ledger-entries-table) .cell-actions .btn:only-child{flex:1 1 100%;max-width:100%;min-width:0}.data-table.banners-table .cell-actions form.inline{display:flex!important;flex:0 1 calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important;margin:0;padding:0;border:none;background:transparent;box-sizing:border-box!important}.data-table.banners-table .cell-actions form.inline{flex:0 1 calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important;box-sizing:border-box!important}.data-table.banners-table .cell-actions .btn,.data-table.banners-table .cell-actions form.inline .btn{flex:0 1 calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important;min-height:38px!important;font-size:.8125rem!important;padding:8px 10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box!important;justify-content:center;align-items:center;font-weight:500;border-radius:var(--app-radius-sm);transition:all .2s ease;display:flex!important;width:100%!important}.data-table.banners-table .cell-actions form.inline .btn{flex:1 1 100%!important;max-width:100%!important}.data-table.users-table .cell-actions .btn,.data-table.groups-table .cell-actions .btn,.data-table.roles-table .cell-actions .btn,.data-table.banners-table .cell-actions .btn,.data-table.banners-table .cell-actions form.inline .btn{pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(0,0,0,.1)!important;cursor:pointer!important;user-select:none!important;-webkit-user-select:none!important;position:relative!important;z-index:10!important}.data-table.users-table .cell-actions .btn-icon,.data-table.groups-table .cell-actions .btn-icon,.data-table.roles-table .cell-actions .btn-icon,.data-table.users-table .cell-actions .btn-icon.btn-suspend-user,.data-table.users-table .cell-actions .btn-icon.btn-approve-user{flex:0 1 calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important;width:auto!important;min-height:38px!important;height:38px!important;padding:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important}.data-table.users-table .cell-actions .btn,.data-table.users-table .cell-actions .btn-icon,.data-table.users-table .cell-actions .btn-sm{min-height:38px!important;height:38px!important}.data-table.users-table .cell-actions .btn:only-child,.data-table.groups-table .cell-actions .btn:only-child,.data-table.roles-table .cell-actions .btn:only-child{flex:1 1 100%;max-width:100%;min-width:0}.data-table.users-table .cell-actions .btn-icon:only-child,.data-table.groups-table .cell-actions .btn-icon:only-child,.data-table.roles-table .cell-actions .btn-icon:only-child{flex:0 1 calc(50% - 4px)!important;max-width:calc(50% - 4px)!important;flex:0 0 36px;min-width:36px;max-width:36px}@media (max-width: 480px){.data-table.users-table .cell-actions .btn-icon,.data-table.groups-table .cell-actions .btn-icon,.data-table.roles-table .cell-actions .btn-icon,.data-table.banners-table .cell-actions .btn-icon{flex:0 0 34px;min-width:34px;max-width:34px;width:34px;height:34px}.data-table.users-table .cell-actions .btn-icon:only-child,.data-table.groups-table .cell-actions .btn-icon:only-child,.data-table.roles-table .cell-actions .btn-icon:only-child,.data-table.banners-table .cell-actions .btn-icon:only-child{flex:0 0 34px;min-width:34px;max-width:34px}.data-table.banners-table tbody tr{padding:14px 12px!important;margin-bottom:14px!important}.data-table.banners-table td{padding:7px 0!important}.data-table.banners-table td.col-title{padding-bottom:12px!important}.data-table.banners-table td.col-dates{padding:10px 0 12px!important}.data-table.banners-table td.col-actions{margin-top:10px!important;padding-top:10px!important}.data-table:not(.users-table):not(.groups-table):not(.roles-table):not(.banners-table):not(.ledger-entries-table) td{padding:7px 0!important}.data-table:not(.users-table):not(.groups-table):not(.roles-table):not(.banners-table):not(.ledger-entries-table) td.col-actions{margin-top:4px!important;padding-top:4px!important;padding-bottom:0!important}.data-table:not(.users-table):not(.groups-table):not(.roles-table):not(.banners-table):not(.ledger-entries-table) .cell-actions .btn{min-height:34px;padding:5px 8px!important;font-size:.75rem!important}.data-table.banners-table .cell-actions form.inline{flex:0 1 calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important;box-sizing:border-box!important}.data-table.banners-table .cell-actions .btn,.data-table.banners-table .cell-actions form.inline .btn{flex:0 1 calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important;min-height:38px!important;font-size:.8125rem!important;padding:8px 10px!important;box-sizing:border-box!important;width:100%!important}.data-table.banners-table .cell-actions form.inline .btn{flex:1 1 100%!important;max-width:100%!important}.data-table.banners-table td.col-title .banner-content-mobile{font-size:.9375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.data-table.banners-table td.col-dates .banner-date-value{font-size:.875rem}}.book-card{padding:16px}.book-card-inner{flex-direction:column;align-items:stretch;gap:12px}.book-card-actions{width:100%;flex-direction:row;gap:6px;flex-wrap:wrap}.book-card-actions .btn,.book-card-actions form{flex:1;min-width:0}.book-card-actions .btn{justify-content:center}.book-card-actions form .btn{width:100%}.toolbar{flex-direction:column;align-items:stretch;gap:8px}.toolbar .input-search{min-width:0;width:100%}.toolbar .btn{width:100%;justify-content:center}.section-header-actions{gap:6px}.section-header-actions .btn{min-height:36px}.modal-dialog{display:flex;flex-direction:column;margin:0;max-height:100dvh;overflow:hidden;overflow-x:hidden;max-width:100%;width:100%;box-sizing:border-box}.modal-header{flex-shrink:0;padding:8px 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));overflow-x:hidden;max-width:100%;box-sizing:border-box}.modal-body{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom));max-width:100%;box-sizing:border-box}.modal-footer{flex-shrink:0;padding:16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom));margin:0;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;gap:10px}.modal-footer .btn{min-height:var(--touch-target-min, 44px)}.empty-state{padding:32px 16px}.empty-state-text{font-size:.875rem}.card-body{padding:16px}}@media (max-width: 640px){.detail-hero-actions .btn-lock-toggle .btn-lock-text{display:none}.detail-hero-actions .btn-lock-toggle .btn-lock-text-short{display:inline}.detail-hero-actions .btn-delete-text{display:none}.detail-hero-actions .btn-delete-text-short{display:inline}}@media (max-width: 480px){.app-header-inner{padding:10px 12px;gap:6px;overflow:hidden}.app-header-inner>.flex{gap:6px;min-width:0;overflow:hidden}.app-header-title-mobile{font-size:.8125rem!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important}.app-header-inner.has-back-button .app-header-title-mobile{font-size:.8125rem!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex:1!important;min-width:0!important}.app-header-inner.has-back-button .app-header-actions{flex-shrink:0!important}.app-main h3{font-size:.8125rem!important;font-weight:600;line-height:1.4;color:hsl(var(--app-text));margin-bottom:10px}.app-header-actions{gap:6px;flex-shrink:0}.header-profile-btn{width:32px;height:32px;padding:0;flex-shrink:0}.header-profile-btn svg{width:16px;height:16px}.detail-hero-actions{gap:6px}.detail-hero-actions .detail-hero-btn,.detail-hero-actions>a.detail-hero-btn{min-height:40px!important;padding:10px 12px;font-size:.75rem;gap:4px}.detail-hero-actions .detail-hero-actions-form{min-height:40px;align-items:stretch}.detail-hero-actions .detail-hero-actions-form .detail-hero-btn{min-height:40px!important;height:100%;padding:10px 12px;font-size:.75rem}.detail-hero-actions .btn-lock-toggle svg{width:14px;height:14px;flex-shrink:0}}@media (max-width: 768px){.back-to-top,.back-to-top-btn{bottom:1.5rem!important;right:1.5rem!important;width:3.5rem!important;height:3.5rem!important;padding:.875rem!important;z-index:999!important;position:fixed!important;min-width:44px!important;min-height:44px!important;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a!important;pointer-events:auto!important;touch-action:manipulation!important}.back-to-top.visible,.back-to-top-btn.visible{display:flex!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important;z-index:999!important}.back-to-top svg,.back-to-top-icon{width:1.5rem;height:1.5rem}.back-to-top:active,.back-to-top-btn:active{transform:scale(.9);opacity:.8}.back-to-top:hover,.back-to-top-btn:hover{transform:scale(1.05)}.back-to-top,.back-to-top-btn{z-index:999!important}}@media (max-width: 480px){.back-to-top,.back-to-top-btn{bottom:1.25rem!important;right:1.25rem!important;width:3rem!important;height:3rem!important;padding:.75rem!important;min-width:44px!important;min-height:44px!important}.back-to-top svg,.back-to-top-icon{width:1.25rem;height:1.25rem}}@media (max-width: 1023px) and (orientation: landscape){.back-to-top,.back-to-top-btn{bottom:1rem!important;right:1.5rem!important}.app-main{padding-bottom:calc(var(--mobile-spacing-sm) + max(env(safe-area-inset-bottom,0px),40px))!important}.mobile-menu-btn{bottom:calc(1rem + max(env(safe-area-inset-bottom,0px),40px))}}@media (min-width: 1440px){.back-to-top,.back-to-top-btn{bottom:2.5rem;right:2.5rem;width:3.5rem;height:3.5rem;padding:.875rem}.back-to-top svg,.back-to-top-icon{width:1.5rem;height:1.5rem}}.back-to-top.visible,.back-to-top-btn.visible{display:flex!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;max-height:100vh;background-color:hsl(var(--background));border-right:1px solid hsl(var(--border));z-index:100;transform:translate(-100%);transition:transform var(--transition-base);overflow:hidden;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;box-sizing:border-box;will-change:transform;contain:layout style paint}.sidebar.open{transform:translate(0);z-index:101}.sidebar.open~.app-header,body:has(.sidebar.open) .app-header{z-index:99}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid hsl(var(--border));flex-shrink:0;min-height:0;gap:12px}.sidebar-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0}.sidebar-brand{display:flex;align-items:center;flex:1;min-width:0}.sidebar-brand-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.sidebar-brand-name{font-size:1rem;font-weight:700;color:hsl(var(--foreground));line-height:1.3;letter-spacing:.02em}.sidebar-brand-name-zh{font-size:.8rem;color:hsl(var(--muted-foreground));line-height:1.3}@media (max-width: 1023px){.sidebar-title{display:none!important}.sidebar-header{display:none!important;height:0;padding:0;margin:0;border:none;overflow:hidden}}.sidebar-close{display:none;background:none;border:none;color:hsl(var(--foreground));cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:background-color var(--transition-base),transform var(--transition-base);width:var(--touch-target-min);height:var(--touch-target-min);align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;will-change:transform;transform:translateZ(0)}.sidebar-close:hover{background-color:hsl(var(--border));transform:translateZ(0) rotate(90deg)}.sidebar-close:active{background-color:hsl(var(--border-strong));transform:translateZ(0) rotate(90deg) scale(.95)}.sidebar-close:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.sidebar-close svg{width:24px;height:24px;transition:transform var(--transition-base);will-change:transform}.sidebar-nav{padding:.5rem 0;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch;will-change:scroll-position;overscroll-behavior:contain;scroll-behavior:smooth;transform:translateZ(0);backface-visibility:hidden;flex-shrink:1}@media (max-width: 1023px){.sidebar-menu-item:not(:last-child) .sidebar-menu-link{border-bottom:1px solid hsl(var(--border) / .3)}.sidebar-menu-item:last-child .sidebar-menu-link{border-bottom:none}}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu-item{margin:0}.sidebar-menu-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:hsl(var(--foreground))!important;text-decoration:none;transition:background-color var(--transition-base),transform var(--transition-fast);border-left:1.5px solid transparent;position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;will-change:auto;transform:translateZ(0)}.sidebar-menu-link:link,.sidebar-menu-link:visited{color:hsl(var(--foreground))!important}.sidebar-menu-link:hover{background-color:hsl(var(--border) / .5);color:hsl(var(--primary))!important}.sidebar-menu-link:active{background-color:hsl(var(--primary) / .1)!important;color:hsl(var(--primary))!important;transform:translateZ(0) scale(.98);transition:none}.sidebar-menu-link:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:-2px}.sidebar-menu-link.active{background-color:hsl(var(--primary) / .1);color:hsl(var(--primary))!important;border-left-color:hsl(var(--primary));font-weight:500}.sidebar-menu-link.active:link,.sidebar-menu-link.active:visited{color:hsl(var(--primary))!important}.sidebar-menu-link.active:active{background-color:hsl(var(--primary) / .1)!important;color:hsl(var(--primary))!important;transition:none}.sidebar-menu-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1.5px;background-color:hsl(var(--primary));transform:translateZ(0)}.sidebar-menu-icon{flex-shrink:0;width:20px;height:20px;transition:transform var(--transition-base);will-change:transform}.sidebar-menu-link:hover .sidebar-menu-icon,.sidebar-menu-link.active .sidebar-menu-icon{transform:scale(1.1)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;max-width:100vw;background-color:#00000080;z-index:100;opacity:0;transition:opacity var(--transition-base);pointer-events:none;box-sizing:border-box;overflow:hidden;will-change:opacity;contain:strict}.sidebar-overlay.active{display:block;opacity:1;pointer-events:auto;z-index:100}.sidebar-overlay.active~.app-header,body:has(.sidebar-overlay.active) .app-header{z-index:99}.sidebar-overlay:not(.active)~.back-to-top,.back-to-top{pointer-events:auto}.back-to-top.visible{pointer-events:auto!important}.mobile-menu-btn{display:none;position:fixed;top:0;left:0;bottom:auto;width:44px;height:44px;min-width:44px;min-height:44px;background-color:transparent;border:none;border-radius:0 0 8px;cursor:pointer;z-index:51;align-items:center;justify-content:center;transition:opacity .2s cubic-bezier(.4,0,.2,1);touch-action:manipulation;user-select:none;-webkit-user-select:none;pointer-events:auto;-webkit-tap-highlight-color:transparent;will-change:auto;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;opacity:0;visibility:hidden}.mobile-menu-btn.aligned{opacity:1;visibility:visible;transition:opacity .2s cubic-bezier(.4,0,.2,1)}@media (max-width: 1023px){.mobile-menu-btn.aligned{display:flex!important}}.mobile-menu-btn svg{width:22px;height:22px;pointer-events:none;will-change:transform;flex-shrink:0;color:hsl(var(--primary));transition:color .2s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.mobile-menu-btn:hover svg{color:hsl(var(--primary-hover));transform:scale(1.1)}.mobile-menu-btn:active svg{color:hsl(var(--primary-hover));transform:scale(.95)}.mobile-menu-btn:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px;border-radius:0 0 8px}.mobile-menu-btn:focus-visible svg{color:hsl(var(--primary-hover))}@media (min-width: 1024px){.data-table th.col-actions,.data-table td.col-actions{display:table-cell!important;visibility:visible!important;opacity:1!important;width:auto!important;white-space:nowrap!important;margin-top:0!important;padding-top:10px!important;border-top:none!important}.data-table .cell-actions{display:flex!important;visibility:visible!important;opacity:1!important;gap:6px!important;flex-wrap:nowrap!important;justify-content:flex-start!important}.data-table .cell-actions button,.data-table .cell-actions .btn{display:inline-flex!important;visibility:visible!important;opacity:1!important;flex-shrink:0!important;pointer-events:auto!important}}@media (min-width: 1024px){.sidebar{transform:translate(0);position:fixed;z-index:100;top:0;left:0;width:280px;height:100vh;max-height:100vh}.sidebar-header{margin:0;padding:1rem 1.25rem;border:none;border-radius:0;background:none}.sidebar-brand{justify-content:flex-start;width:100%}.sidebar-brand-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:0;width:100%}.sidebar-brand-name{display:block;font-size:1.125rem;font-weight:800;line-height:1.25;letter-spacing:.02em;color:hsl(var(--foreground))}.sidebar-brand-name-zh{display:block;margin-top:.25rem;font-size:.9375rem;font-weight:500;line-height:1.4;letter-spacing:.08em;color:hsl(var(--muted-foreground))}.app-shell{margin-left:280px;width:calc(100% - 280px);max-width:calc(100vw - 280px);overflow-x:hidden;box-sizing:border-box}.app-header{position:sticky;top:0;width:100%;max-width:100%}.app-header-inner{padding:16px 20px;max-width:100%;width:100%;box-sizing:border-box}.app-main{padding:16px 20px;max-width:100%;width:100%;box-sizing:border-box;overflow-x:hidden}.has-impersonation-banner .impersonation-banner{z-index:90;position:fixed;top:0;left:0;right:0;width:100%;height:48px}.has-impersonation-banner .sidebar{top:48px;height:calc(100vh - 48px);max-height:calc(100vh - 48px);z-index:100}.has-impersonation-banner .app-shell{margin-top:48px;margin-left:280px;width:calc(100% - 280px);max-width:calc(100vw - 280px);min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px);padding-top:0;box-sizing:border-box}.has-impersonation-banner .app-header{position:sticky;top:0;z-index:40;width:100%;max-width:100%}.has-impersonation-banner .app-main{padding:16px 20px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.has-impersonation-banner .app-header-inner{width:100%;max-width:100%;box-sizing:border-box}.mobile-menu-btn,.sidebar-close,.sidebar-overlay{display:none!important}.app-header-title{display:block!important}.app-header-title-mobile{display:none!important}.data-table{display:table!important}.data-table thead,.data-table tbody,.data-table tfoot,.data-table tr{display:table-row!important}.data-table thead{display:table-header-group!important}.data-table tbody{display:table-row-group!important}.data-table tfoot{display:table-footer-group!important}.data-table th,.data-table td{display:table-cell!important;padding:12px!important;border-bottom:1px solid hsl(var(--app-border))!important;text-align:left!important;vertical-align:middle!important;line-height:1.5!important}.data-table td.col-full-name,.data-table th.col-full-name,.data-table td.col-groups,.data-table th.col-groups,.data-table td.col-role,.data-table th.col-role,.data-table td.col-status,.data-table th.col-status{white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important;text-overflow:clip!important;overflow:visible!important;line-height:1.5!important;vertical-align:middle!important}.data-table.users-table{min-width:1120px;display:table!important}.data-table.users-table thead{display:table-header-group!important}.data-table.users-table tbody tr{display:table-row!important;border:none!important;border-radius:0!important;margin-bottom:0!important;padding:0!important;background:transparent!important}.data-table.users-table td,.data-table.groups-table td,.data-table.roles-table td{display:table-cell!important;padding:12px!important;border-bottom:1px solid hsl(var(--app-border))!important;vertical-align:middle!important}.data-table.users-table th,.data-table.groups-table th,.data-table.roles-table th,.data-table.banners-table th{display:table-cell!important;padding:12px!important;vertical-align:middle!important}.data-table.users-table th.col-stt,.data-table.users-table td.col-stt,.data-table.groups-table th.col-stt,.data-table.groups-table td.col-stt,.data-table.roles-table th.col-stt,.data-table.roles-table td.col-stt,.data-table.banners-table th.col-stt,.data-table.banners-table td.col-stt{padding:12px 8px!important}.data-table.users-table td:before,.data-table.groups-table td:before,.data-table.roles-table td:before,.data-table.banners-table td:before{display:none!important}.data-table.users-table th.col-actions,.data-table.users-table td.col-actions,.data-table.groups-table th.col-actions,.data-table.groups-table td.col-actions,.data-table.roles-table th.col-actions,.data-table.roles-table td.col-actions,.data-table.banners-table th.col-actions,.data-table.banners-table td.col-actions{position:sticky!important;right:0!important;border-left:1px solid hsl(var(--app-border))!important;z-index:10!important;padding:12px!important;vertical-align:middle!important}.data-table.users-table th.col-actions,.data-table.groups-table th.col-actions,.data-table.roles-table th.col-actions{background:hsl(var(--app-surface))!important;z-index:11!important;box-shadow:-2px 0 8px #00000014!important}.data-table.users-table tbody tr td.col-actions,.data-table.groups-table tbody tr td.col-actions,.data-table.roles-table tbody tr td.col-actions{background:transparent!important;position:sticky!important;right:0!important;z-index:10!important}.data-table.users-table tbody tr td.col-actions:after,.data-table.groups-table tbody tr td.col-actions:after,.data-table.roles-table tbody tr td.col-actions:after{content:""!important;position:absolute!important;top:0!important;left:-2000px!important;right:0!important;bottom:0!important;background:hsl(var(--background))!important;z-index:-1!important;pointer-events:none!important;box-shadow:-2px 0 12px #0000001f!important}.data-table.users-table tbody tr:hover td.col-actions:after,.data-table.groups-table tbody tr:hover td.col-actions:after,.data-table.roles-table tbody tr:hover td.col-actions:after{background:hsl(var(--app-surface))!important}.data-table.users-table tbody tr td.col-actions>*,.data-table.groups-table tbody tr td.col-actions>*,.data-table.roles-table tbody tr td.col-actions>*{position:relative!important;z-index:1!important}.data-table.users-table .cell-actions,.data-table.groups-table .cell-actions,.data-table.roles-table .cell-actions{display:flex!important;flex-wrap:nowrap!important;gap:6px!important}.data-table th.col-actions,.data-table td.col-actions{display:table-cell!important;visibility:visible!important;width:auto!important;opacity:1!important;white-space:nowrap!important;margin-top:0!important;padding-top:10px!important;padding-bottom:10px!important;border-top:none!important}.data-table .cell-actions{display:flex!important;visibility:visible!important;opacity:1!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:6px!important;align-items:center!important}.data-table .cell-actions button,.data-table .cell-actions .btn{display:inline-flex!important;visibility:visible!important;opacity:1!important;flex-shrink:0!important;pointer-events:auto!important;cursor:pointer!important}.data-table.banners-table .cell-actions .btn,.data-table.banners-table .cell-actions form.inline{flex:1 1 auto!important;min-width:0!important}.data-table.banners-table .cell-actions form.inline .btn{flex:1 1 100%!important;width:100%!important}.data-table td.col-actions button,.data-table td.col-actions .btn{display:inline-flex!important;visibility:visible!important;opacity:1!important}.data-table col.col-actions-col{display:table-column!important;visibility:visible!important}.data-table td:before{display:none!important}.data-table tbody tr{display:table-row!important;border:none!important;border-radius:0!important;margin-bottom:0!important;padding:0!important;background:transparent!important}.sidebar-close{display:none!important}}.sidebar-footer{margin-top:auto;padding:1rem 1.5rem;border-top:1px solid hsl(var(--border));background-color:hsl(var(--background));flex-shrink:0;min-height:0;z-index:1;padding-bottom:calc(1rem + max(env(safe-area-inset-bottom,0px),60px));margin-bottom:0}.sidebar-user-info{margin-bottom:.75rem}.sidebar-user-name{font-size:.875rem;color:hsl(var(--muted-foreground));font-weight:500}.sidebar-logout-form{margin:0}.sidebar-logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background-color:transparent;border:1px solid hsl(var(--border));border-radius:var(--radius);color:hsl(var(--foreground));cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),transform var(--transition-fast);font-size:.875rem;font-weight:500;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;min-height:var(--touch-target-min);will-change:auto;transform:translateZ(0)}.sidebar-logout-btn:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.sidebar-logout-btn:hover{background-color:hsl(var(--border));color:hsl(var(--primary));border-color:hsl(var(--primary))}.sidebar-logout-btn .sidebar-menu-icon{width:18px;height:18px}.sidebar-logout-btn:disabled,.sidebar-logout-btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.sidebar-logout-disabled{margin:0}.sidebar-logout-disabled .sidebar-logout-btn{opacity:.5;cursor:not-allowed;pointer-events:none}.sidebar-logout-disabled .sidebar-logout-btn:hover{background-color:transparent;color:hsl(var(--foreground));border-color:hsl(var(--border))}@media (max-width: 1023px){.sidebar{width:280px;max-width:85vw;display:flex;flex-direction:column;transform:translate(-100%);height:100vh;max-height:100vh;height:calc(100vh - env(safe-area-inset-bottom,0px));max-height:calc(100vh - env(safe-area-inset-bottom,0px));overflow:hidden;z-index:101;padding-bottom:0;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;top:0;position:fixed;bottom:0;box-sizing:border-box;left:0}.sidebar.open{transform:translate(0);z-index:101;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar:not(.open){transition:transform .3s cubic-bezier(.4,0,.2,1)}.has-impersonation-banner .sidebar{top:48px;height:calc(100vh - 48px - env(safe-area-inset-bottom,0px));max-height:calc(100vh - 48px - env(safe-area-inset-bottom,0px));padding-bottom:0;bottom:0}.sidebar.open~*{overflow-x:hidden}.has-impersonation-banner .sidebar-nav{max-height:calc(100vh - 248px - env(safe-area-inset-bottom,0px));max-height:calc(100vh - 248px);max-height:calc(100vh - 248px - env(safe-area-inset-bottom,80px))}.has-impersonation-banner .sidebar-footer{padding-bottom:calc(1rem + max(env(safe-area-inset-bottom,0px),60px))}.sidebar-header{display:none!important;height:0;padding:0;margin:0;border:none;overflow:hidden;flex-shrink:0}.sidebar-title,.sidebar-close{display:none!important}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch;padding:.75rem 0;margin-top:0;max-height:calc(100vh - 200px - env(safe-area-inset-bottom,0px));max-height:calc(100vh - 200px);max-height:calc(100vh - 200px - env(safe-area-inset-bottom,80px))}.sidebar-menu-item{margin:0}.sidebar-menu-link{padding:var(--mobile-spacing-md) var(--mobile-spacing-lg);min-height:var(--touch-target-min);gap:var(--mobile-spacing-md);font-size:var(--mobile-font-md);border-left-width:2px;-webkit-tap-highlight-color:transparent}.sidebar-menu-icon{width:22px;height:22px;flex-shrink:0}.sidebar-menu-link.active{border-left-width:2px;font-weight:600;border-left-color:hsl(var(--primary))}.sidebar-menu-link.active:before{width:2px;background-color:hsl(var(--primary))}.sidebar-menu-link:active{background-color:hsl(var(--primary) / .1)!important;color:hsl(var(--primary))!important;transform:translateZ(0) scale(.98);transition:none}.sidebar-footer{flex-shrink:0;padding:1rem 1.25rem;padding-bottom:calc(1rem + max(env(safe-area-inset-bottom,0px),60px));margin-top:auto;position:relative;z-index:2;border-top:1px solid hsl(var(--border));background-color:hsl(var(--background));min-height:fit-content;margin-bottom:0}.sidebar-user-info{margin-bottom:var(--mobile-spacing-sm);padding-bottom:var(--mobile-spacing-sm);border-bottom:1px solid hsl(var(--border))}.sidebar-user-name{font-size:var(--mobile-font-base);font-weight:500;color:hsl(var(--foreground));line-height:1.4}.sidebar-logout-btn{width:100%;padding:var(--mobile-spacing-sm) var(--mobile-spacing-md);min-height:var(--touch-target-min);font-size:var(--mobile-font-md);font-weight:500;border-radius:var(--app-radius-sm);-webkit-tap-highlight-color:transparent;will-change:auto;transform:translateZ(0)}.sidebar-logout-btn:active{transform:translateZ(0) scale(.98)}.sidebar-logout-btn:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.sidebar-logout-btn .sidebar-menu-icon{width:20px;height:20px;flex-shrink:0}.sidebar-close{display:flex;width:44px;height:44px;padding:0}.sidebar-close svg{width:24px;height:24px}.mobile-menu-btn{display:flex}.app-shell{margin-left:0}.app-header-inner,.app-main{max-width:100vw}.has-impersonation-banner .sidebar{top:48px;height:calc(100vh - 48px - env(safe-area-inset-bottom,0px));max-height:calc(100vh - 48px - env(safe-area-inset-bottom,0px));z-index:101;padding-bottom:env(safe-area-inset-bottom,0px)}.has-impersonation-banner .sidebar.open{z-index:101}.has-impersonation-banner .sidebar-overlay{top:48px;z-index:100;height:calc(100vh - 48px)}.has-impersonation-banner .sidebar-overlay.active{z-index:100}.has-impersonation-banner .sidebar-header,.app-header-title{display:none!important}.app-header-title-mobile{display:block!important;font-size:1rem;font-weight:600;color:hsl(var(--app-text));margin:0}.back-to-top-btn{bottom:1.5rem;right:1.5rem;z-index:100000!important;position:fixed!important;pointer-events:auto!important;touch-action:manipulation!important}.back-to-top.visible,.back-to-top-btn.visible{z-index:100000!important;pointer-events:auto!important}.back-to-top,.back-to-top-btn{z-index:100000!important}}.modal-dialog-large{max-width:900px}.bulk-items-info{margin-bottom:20px}.bulk-items-hint{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:hsl(var(--primary) / .1);border:1px solid hsl(var(--primary) / .2);border-radius:var(--app-radius-md);color:hsl(var(--primary));font-size:.875rem;margin:0}.bulk-items-hint svg{flex-shrink:0}.bulk-items-table-wrapper{max-height:400px;overflow-y:auto;overflow-x:auto;border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-md);margin-bottom:16px}@media (max-width: 1023px){.bulk-items-table-wrapper{display:none!important;visibility:hidden!important;overflow:hidden!important;max-width:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important}}.bulk-items-table{width:100%;border-collapse:collapse;background-color:hsl(var(--background));font-size:.875rem}.bulk-items-table thead{position:sticky;top:0;z-index:10;background-color:hsl(var(--app-surface))}.bulk-items-table thead th{padding:12px;text-align:left;font-weight:600;color:hsl(var(--app-text-muted));border-bottom:2px solid hsl(var(--app-border));background-color:hsl(var(--app-surface));white-space:nowrap}.bulk-items-table tbody tr{border-bottom:1px solid hsl(var(--app-border));transition:background-color .15s ease}.bulk-items-table tbody tr:hover{background-color:hsl(var(--app-surface))}.bulk-items-table tbody tr:last-child{border-bottom:none}.bulk-items-table td{padding:10px 12px;vertical-align:middle}.bulk-items-table .col-stt-bulk{width:50px;text-align:center;color:hsl(var(--app-text-muted));font-weight:500}.bulk-items-table .col-name-bulk{min-width:200px}.bulk-items-table .col-amount-bulk{width:150px}.bulk-items-table .col-note-bulk{min-width:200px}.bulk-items-table .col-actions-bulk{width:60px;text-align:center}.bulk-input{width:100%;padding:8px 12px;border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-sm);font-size:.875rem;color:hsl(var(--app-text));background-color:hsl(var(--background));transition:border-color .15s ease,box-shadow .15s ease}.bulk-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.bulk-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.bulk-input-name{font-weight:500}.bulk-items-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.bulk-items-count{font-size:.875rem;color:hsl(var(--app-text-muted));font-weight:500}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--app-radius-sm);background-color:transparent;color:hsl(var(--app-text-muted));cursor:pointer;transition:all .15s ease}.btn-icon:hover{background-color:hsl(var(--app-border));color:hsl(var(--app-text))}.btn-icon-danger:hover{background-color:#dc26261a;color:#dc2626}.btn-icon svg{width:16px;height:16px}#add-bulk-row-btn{display:inline-flex;align-items:center;gap:6px}#add-bulk-row-btn svg{width:16px;height:16px}#save-bulk-items-btn{display:inline-flex;align-items:center;gap:6px}#save-bulk-items-btn svg{width:16px;height:16px}#save-bulk-items-btn:disabled{opacity:.6;cursor:not-allowed}@media (min-width: 1024px){.modal-overlay .modal-dialog,.modal-overlay .modal-dialog-large{max-width:min(900px,calc(100vw - 328px));width:100%;margin:0 auto}.modal-overlay .modal-dialog[style*=max-width]{margin:0 auto!important}}@media (max-width: 1023px){body,html{overflow-x:hidden!important;max-width:100vw!important;width:100%!important;box-sizing:border-box}.modal-overlay{left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;z-index:100001!important;overflow-x:hidden!important;overflow-y:auto;height:100dvh;max-height:100dvh;box-sizing:border-box}.modal-dialog-large,.modal-overlay .modal-dialog-large{max-width:100%!important;width:100%!important;margin:0!important;overflow-x:hidden!important;box-sizing:border-box}.modal-overlay .modal-dialog .modal-body{overflow-x:hidden!important;max-width:100%!important;width:100%!important;box-sizing:border-box}.bulk-items-desktop{display:none!important;visibility:hidden!important;position:absolute!important;left:-9999px!important;width:0!important;height:0!important;overflow:hidden!important}.bulk-items-mobile{display:block!important;visibility:visible!important;width:100%!important;max-width:100%!important;box-sizing:border-box;opacity:1!important;position:relative!important;height:auto!important;min-height:50px!important}#bulk-items-cards{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:100%!important}.bulk-items-cards-wrapper{display:flex!important;flex-direction:column!important;overflow-x:hidden!important;overflow-y:auto;max-width:100%!important;width:100%!important;box-sizing:border-box;padding:4px;margin:0 0 16px;visibility:visible!important;opacity:1!important;min-height:50px!important}.bulk-item-card{display:block!important;visibility:visible!important;opacity:1!important}.bulk-item-card{max-width:100%!important;width:100%!important;box-sizing:border-box;overflow-x:hidden!important;padding:12px;margin:0}.bulk-item-card-header{max-width:100%!important;width:100%!important;box-sizing:border-box;overflow-x:hidden!important}.bulk-item-card-body{max-width:100%!important;width:100%!important;overflow-x:hidden!important;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.bulk-item-card-field{max-width:100%!important;width:100%!important;overflow-x:hidden!important;box-sizing:border-box;display:flex;flex-direction:column;gap:6px}.bulk-item-card-label{max-width:100%!important;width:100%!important;box-sizing:border-box;overflow-x:hidden!important;word-wrap:break-word;word-break:break-word}.bulk-item-card-field .bulk-input{max-width:100%!important;width:100%!important;box-sizing:border-box;overflow-x:hidden!important}.bulk-items-actions{flex-direction:column;align-items:stretch;max-width:100%!important;width:100%!important;box-sizing:border-box;overflow-x:hidden!important}.bulk-items-count{text-align:center;max-width:100%!important;overflow-x:hidden!important}.bulk-items-info{max-width:100%!important;width:100%!important;overflow-x:hidden!important;box-sizing:border-box}.bulk-items-hint{max-width:100%!important;width:100%!important;overflow-x:hidden!important;box-sizing:border-box;word-wrap:break-word;word-break:break-word}}@media (min-width: 1024px){.bulk-items-desktop{display:block!important}.bulk-items-mobile{display:none!important}}.bulk-items-desktop{display:block}.bulk-items-mobile{display:none}.bulk-items-cards-wrapper{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;overflow-x:hidden;padding:4px;margin-bottom:16px;width:100%;max-width:100%;box-sizing:border-box}.bulk-item-card{background-color:hsl(var(--app-surface));border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-md);padding:16px;transition:box-shadow .15s ease;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.bulk-item-card:hover{box-shadow:0 2px 8px hsl(var(--app-border) / .3)}.bulk-item-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid hsl(var(--app-border))}.bulk-item-card-stt{font-weight:600;color:hsl(var(--app-text-muted));font-size:.875rem}.bulk-item-card-body{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.bulk-item-card-field{display:flex;flex-direction:column;gap:6px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.bulk-item-card-label{font-size:.875rem;font-weight:500;color:hsl(var(--app-text))}.bulk-item-card-field .bulk-input{width:100%;max-width:100%;box-sizing:border-box}.bank-picker{position:relative;width:100%}.bank-picker .profile-input-wrapper{width:100%}.bank-picker-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;max-height:220px;overflow-y:auto;background:hsl(var(--background));border:1px solid hsl(var(--app-border));border-radius:var(--app-radius);box-shadow:var(--app-shadow-md)}.bank-picker-item{display:block;width:100%;padding:10px 14px;border:none;background:transparent;color:hsl(var(--app-text));font:inherit;font-size:.875rem;text-align:left;cursor:pointer;transition:background-color .12s ease}.bank-picker-item:hover,.bank-picker-item:focus{background:hsl(var(--primary) / .08);color:hsl(var(--primary));outline:none}.bank-picker-empty{padding:12px 14px;font-size:.8125rem;color:hsl(var(--app-text-muted));text-align:center}.bank-picker.is-open .bank-picker-input{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.auth-bank-picker .bank-picker-input{width:100%}.auth-bank-picker .bank-picker-input.error,.auth-bank-picker .bank-picker-input.auth-input--error{border-color:#dc2828}.profile-page-wrapper{width:100%;max-width:100%;padding:0}.profile-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--app-radius-lg);margin-bottom:12px;font-size:.8125rem;line-height:1.5;animation:slideDown .3s ease-out}.profile-alert svg{width:18px;height:18px;flex-shrink:0}.profile-alert-success{background-color:#edfdf3;color:#21c45d;border:1px solid hsl(142 76% 90%)}.profile-alert-error{background-color:#fdecec;color:#dc2828;border:1px solid hsl(0 84% 90%)}.profile-alert svg{flex-shrink:0}.profile-content{display:flex;flex-direction:column;gap:0;max-width:640px;margin:0 auto}.profile-tabs{display:flex;gap:0;padding:4px;margin-bottom:16px;background:hsl(var(--surface));border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-lg)}.profile-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;font-size:.875rem;font-weight:500;font-family:inherit;color:hsl(var(--app-text-muted));background:transparent;border:none;border-radius:calc(var(--app-radius-lg) - 4px);cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.profile-tab:hover{color:hsl(var(--app-text));background:hsl(var(--app-border) / .35)}.profile-tab.is-active{color:hsl(var(--primary));background:hsl(var(--background));box-shadow:0 1px 3px hsl(var(--app-border) / .45)}.profile-tab-panel{display:block}.profile-tab-panel.is-hidden{display:none}.profile-tab-panel .profile-form-container{margin-top:0}.admin-referrals-page{display:flex;flex-direction:column;gap:1.25rem}.referrals-hero{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:var(--app-radius-lg);background:linear-gradient(135deg,hsl(199 89% 48% / .12) 0%,hsl(199 89% 48% / .04) 100%);border:1px solid hsl(199 89% 48% / .22)}.referrals-hero-icon{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:hsl(199 89% 48%);color:#fff;box-shadow:0 8px 20px #0da2e74d}.referrals-hero-icon svg{width:26px;height:26px}.referrals-hero-title{margin:0 0 .5rem;font-size:1.375rem;font-weight:700;color:hsl(var(--app-text));line-height:1.3}.referrals-hero-desc{margin:0;font-size:.9375rem;line-height:1.65;color:hsl(var(--app-text-muted))}.referrals-hero-desc strong{color:hsl(var(--app-text));font-weight:600}.referrals-toolbar{padding:1rem 1.25rem;background:hsl(var(--app-surface-elevated));border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow)}.referrals-filter-form{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.referrals-filter-label{font-size:.875rem;font-weight:600;color:hsl(var(--app-text))}.referrals-filter-control{flex:1 1 240px;min-width:0}.referrals-filter-select{width:100%;min-height:var(--app-input-height);padding:.625rem 2.25rem .625rem .875rem;border:1px solid hsl(var(--app-border));border-radius:var(--app-radius);background:hsl(var(--background)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right .75rem center;color:hsl(var(--app-text));font:inherit;font-size:.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.referrals-filter-select:focus{outline:none;border-color:#0da2e7;box-shadow:0 0 0 3px #0da2e726}.referrals-alert{padding:.875rem 1rem;border-radius:var(--app-radius);font-size:.875rem;line-height:1.5}.referrals-alert-error{color:#af1d1d;background:hsl(0 84% 97%);border:1px solid hsl(0 72% 51% / .25)}.referrals-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.875rem}.referrals-stat-card{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 1.125rem;background:hsl(var(--app-surface-elevated));border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow)}.referrals-stat-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px}.referrals-stat-icon svg{width:20px;height:20px}.referrals-stat-icon--members{background:hsl(221 83% 53% / .12);color:#1450d2}.referrals-stat-icon--pending{background:hsl(38 92% 50% / .14);color:#c76c05}.referrals-stat-icon--paid{background:hsl(142 71% 45% / .14);color:#188c42}.referrals-stat-icon--potential{background:hsl(var(--primary) / .12);color:hsl(var(--primary))}.referrals-stat-label{display:block;margin-bottom:.25rem;font-size:.8125rem;color:hsl(var(--app-text-muted))}.referrals-stat-value{display:block;font-size:1.125rem;font-weight:700;color:hsl(var(--app-text));line-height:1.2}.referrals-list-panel{padding:1.25rem 1.5rem 1.5rem;background:hsl(var(--app-surface-elevated));border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-md)}.referrals-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--app-border))}.referrals-list-title{margin:0 0 .25rem;font-size:1.0625rem;font-weight:700;color:hsl(var(--app-text))}.referrals-list-subtitle{margin:0;font-size:.8125rem;color:hsl(var(--app-text-muted))}.referrals-list-subtitle code{padding:.1rem .35rem;border-radius:4px;background:hsl(var(--surface));border:1px solid hsl(var(--app-border));font-size:.75rem;font-weight:700;letter-spacing:.04em}.referrals-count-badge{flex-shrink:0;padding:.35rem .75rem;border-radius:999px;background:hsl(199 89% 48% / .1);border:1px solid hsl(199 89% 48% / .22);color:#0b81b7;font-size:.75rem;font-weight:700}.referrals-member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.referrals-member-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;padding:1rem 1.125rem;border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-lg);background:hsl(var(--background));transition:border-color .15s ease,box-shadow .15s ease}.referrals-member-card:hover{border-color:#0da2e759;box-shadow:var(--app-shadow)}.referrals-member-main{display:flex;align-items:center;gap:.875rem;min-width:min(100%,220px)}.referrals-member-avatar{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,hsl(199 89% 48% / .18),hsl(199 89% 48% / .08));color:#0b81b7;font-size:1rem;font-weight:700}.referrals-member-name{margin:0 0 .15rem;font-size:.9375rem;font-weight:600;color:hsl(var(--app-text))}.referrals-member-meta{margin:0;font-size:.8125rem;color:hsl(var(--app-text-muted))}.referrals-member-earnings{display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));gap:.75rem 1.25rem;margin:0;flex:1 1 280px;max-width:420px}.referrals-earning-item{margin:0}.referrals-earning-item dt{margin:0 0 .2rem;font-size:.75rem;font-weight:500;color:hsl(var(--app-text-muted))}.referrals-earning-item dd{margin:0;font-size:.875rem;font-weight:700;color:hsl(var(--app-text));white-space:nowrap}.referrals-earning-item dd.is-paid{color:#188c42}.referrals-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 1.5rem}.referrals-empty-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;border-radius:16px;background:hsl(var(--surface));color:hsl(var(--app-text-muted))}.referrals-empty-icon svg{width:32px;height:32px}.referrals-empty-title{margin:0 0 .35rem;font-size:1rem;font-weight:700;color:hsl(var(--app-text))}.referrals-empty-text{margin:0;max-width:28rem;font-size:.875rem;line-height:1.6;color:hsl(var(--app-text-muted))}@media (max-width: 1023px){.referrals-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 639px){.referrals-hero,.referrals-list-panel{padding:1.125rem}.referrals-stats{grid-template-columns:1fr}.referrals-member-card{align-items:stretch}.referrals-member-earnings{max-width:none;grid-template-columns:1fr;width:100%;padding-top:.75rem;border-top:1px solid hsl(var(--app-border))}.referrals-earning-item{display:flex;align-items:center;justify-content:space-between;gap:1rem}.referrals-earning-item dt{margin:0}}.profile-header{display:flex;align-items:center;padding:16px 20px;background:linear-gradient(135deg,hsl(var(--primary) / .1) 0%,hsl(var(--primary) / .05) 100%);border-radius:var(--app-radius-lg);border:1px solid hsl(var(--app-border))}.profile-header-info{flex:1;min-width:0}.profile-name{font-size:1.125rem;font-weight:700;color:hsl(var(--app-text));margin:0 0 2px;line-height:1.3}.profile-subtitle{font-size:.875rem;color:hsl(var(--app-text-muted));margin:0;line-height:1.5}.profile-form-container{background:hsl(var(--background));border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-lg);padding:20px;box-shadow:0 1px 3px hsl(var(--app-border) / .1)}.profile-form{display:flex;flex-direction:column;gap:20px}.profile-section{display:flex;flex-direction:column;gap:12px}.profile-section-header{display:flex;align-items:center;gap:10px;margin-bottom:2px}.profile-section-header svg{color:hsl(var(--primary));flex-shrink:0;width:18px;height:18px}.profile-section-title{font-size:1rem;font-weight:600;color:hsl(var(--app-text));margin:0;line-height:1.4}.profile-section-description{font-size:.8125rem;color:hsl(var(--app-text-muted));margin:-8px 0 6px;padding-left:32px}.profile-section-description--compact{margin:0 0 12px;padding-left:0}.profile-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.profile-form-group:last-child{margin-bottom:0}.profile-form-label{display:flex;align-items:center;gap:4px;font-size:.875rem;font-weight:500;color:hsl(var(--app-text));line-height:1.5;margin-bottom:6px}.profile-form-label .required{color:#dc2828;font-weight:600}.profile-input-wrapper{position:relative;display:flex;align-items:center}.profile-input-icon{position:absolute;left:12px;color:hsl(var(--app-text-muted));pointer-events:none;z-index:1;width:16px;height:16px}.profile-input-wrapper .profile-form-input--password{padding-right:3.25rem}.profile-input-wrapper .auth-password-toggle,.profile-input-wrapper .toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);z-index:5;pointer-events:auto;min-width:2.5rem;padding:4px 6px;line-height:1;border:none;background:transparent;color:hsl(var(--app-text-muted));font-size:.8125rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.profile-input-wrapper .auth-password-toggle:hover,.profile-input-wrapper .toggle-password:hover{color:hsl(var(--primary))}.profile-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:hsl(var(--app-text-muted));transition:color .15s ease;z-index:2;border-radius:var(--app-radius-sm)}.profile-password-toggle:hover{color:hsl(var(--app-text));background-color:hsl(var(--app-border) / .3)}.profile-password-toggle:focus{outline:none;color:hsl(var(--primary))}.profile-password-toggle svg{display:block;width:18px;height:18px}.profile-form-input{width:100%;padding:10px 14px 10px 40px;font-size:.875rem;line-height:1.5;color:hsl(var(--app-text));background-color:hsl(var(--background));border:1px solid hsl(var(--app-border));border-radius:var(--app-radius);transition:all .2s ease;outline:none;height:40px}.profile-form-input--password,.profile-form-input[type=password],.profile-form-input[type=text][id=password],.profile-form-input[type=text][id=password_confirmation],.profile-form-input[type=text][id=current_password]{padding-right:3.25rem}.profile-form-input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.profile-form-input::placeholder{color:hsl(var(--app-text-muted) / .6)}.profile-form-input.error{border-color:#dc2828;background-color:#fef1f1}.profile-form-input.error:focus{border-color:#dc2828;box-shadow:0 0 0 3px #dc28281a}.profile-form-error{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:#dc2828;margin:0;line-height:1.5}.profile-form-error svg{flex-shrink:0}.profile-form-hint{display:flex;align-items:center;gap:6px;font-size:.75rem;color:hsl(var(--app-text-muted));margin:0;line-height:1.5}.profile-form-hint svg{flex-shrink:0;opacity:.7}.profile-form-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid hsl(var(--app-border));margin-top:4px}.profile-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;line-height:1;border-radius:var(--app-radius);border:none;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;text-decoration:none;white-space:nowrap;min-height:40px}.profile-form-actions .profile-btn svg{flex-shrink:0;width:16px;height:16px;display:block}.profile-btn-primary{background-color:hsl(var(--primary));color:#fff;box-shadow:0 2px 4px hsl(var(--primary) / .2)}.profile-btn-primary:hover:not(:disabled){background-color:hsl(var(--primary) / .9);box-shadow:0 4px 8px hsl(var(--primary) / .3);transform:translateY(-1px)}.profile-btn-primary:active:not(:disabled){transform:translateY(0)}.profile-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-btn-secondary{background-color:hsl(var(--background));color:hsl(var(--app-text));border:1.5px solid hsl(var(--app-border))}.profile-btn-secondary:hover{background-color:hsl(var(--app-background-hover));border-color:hsl(var(--app-border-hover))}@media (max-width: 768px){.profile-content{gap:16px}.profile-header{padding:16px 20px}.profile-name{font-size:1.125rem}.profile-form-container{padding:20px 16px}.profile-form{gap:20px}.profile-section{gap:14px}.profile-section-description{padding-left:0}.profile-form-actions{flex-direction:column;padding-top:16px}.profile-btn{width:100%;justify-content:center}}@media (max-width: 480px){.profile-header{padding:14px 16px}.profile-form-container{padding:16px}.profile-alert{padding:10px 14px;font-size:.8125rem;margin-bottom:12px}.profile-form{gap:18px}.profile-section{gap:12px}}@media (max-height: 600px){.app-shell{min-height:100vh;min-height:100dvh;max-height:none;overflow:visible}.app-header{flex-shrink:0}.app-header-inner{padding:8px 16px}.app-main{padding:12px 16px;max-height:none;overflow:visible}.has-impersonation-banner .app-main{max-height:calc(100vh - 48px - var(--header-height, 50px))}.sidebar{max-height:100vh;overflow:hidden;display:flex;flex-direction:column;height:100vh}.has-impersonation-banner .sidebar{max-height:calc(100vh - 48px);height:calc(100vh - 48px)}}@media (max-width: 1023px) and (max-height: 600px){.app-shell{min-height:100vh;min-height:100dvh;max-height:none}.app-main,.has-impersonation-banner .app-main{max-height:none}.sidebar{max-height:100vh;max-height:100dvh;height:100vh;height:100dvh}.has-impersonation-banner .sidebar{max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);height:calc(100vh - 48px);height:calc(100dvh - 48px)}.sidebar-header{display:none!important;height:0;padding:0;margin:0;border:none}.sidebar-title,.sidebar-close{display:none!important}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:.75rem 0;margin-top:0}.sidebar-footer{flex-shrink:0;padding:1rem 1.25rem;padding-bottom:calc(1rem + max(env(safe-area-inset-bottom,0px),60px));margin-top:auto;background-color:hsl(var(--background));border-top:1px solid hsl(var(--border));position:relative;z-index:2;min-height:fit-content;margin-bottom:0}.sidebar-header{padding:12px 16px;flex-shrink:0;min-height:0}.sidebar-title{font-size:1rem;display:none!important}.sidebar-header{justify-content:flex-end}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:.5rem 0;max-height:calc(100vh - 180px - env(safe-area-inset-bottom,0px));max-height:calc(100vh - 180px);max-height:calc(100vh - 180px - env(safe-area-inset-bottom,80px))}.sidebar-menu-link{padding:.875rem 1rem;min-height:44px;font-size:.875rem;gap:.875rem}.sidebar-menu-icon{width:20px;height:20px}.sidebar-logout-btn{padding:.75rem 1rem;min-height:44px;font-size:.875rem}.sidebar-user-info{margin-bottom:.75rem;padding-bottom:.75rem}.sidebar-footer{flex-shrink:0;padding:.875rem 1.25rem;padding-bottom:calc(.875rem + max(env(safe-area-inset-bottom,0px),60px));margin-top:auto;position:relative;z-index:2;min-height:fit-content;margin-bottom:0}.sidebar-logout-btn{padding:.75rem 1rem;font-size:.8125rem}.modal-dialog{display:flex;flex-direction:column;max-height:100vh;max-height:100dvh;margin:0;overflow:hidden}.modal-header{padding:8px 16px;flex-shrink:0}.modal-title{font-size:1rem}.modal-body{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px}.modal-footer{padding:12px 16px;flex-shrink:0}.impersonation-banner{padding:8px 16px}.impersonation-text{font-size:.75rem;line-height:1.3}.btn-stop-impersonate{padding:4px 10px;font-size:.75rem}}@media (max-height: 500px){.app-header-inner{padding:6px 12px}.app-main,.sidebar-header{padding:8px 12px}.sidebar-title{font-size:.875rem;display:none!important}.sidebar-header{justify-content:flex-end;padding:8px 12px}.sidebar-menu-link{padding:.75rem .875rem;min-height:44px;font-size:.8125rem;gap:.75rem}.sidebar-menu-icon{width:18px;height:18px}.sidebar-logout-btn{padding:.625rem .875rem;min-height:44px;font-size:.8125rem}.sidebar-user-info{margin-bottom:.625rem;padding-bottom:.625rem}.sidebar-footer{flex-shrink:0;padding:.75rem 1rem;padding-bottom:calc(.75rem + max(env(safe-area-inset-bottom,0px),60px));margin-top:auto;min-height:fit-content;margin-bottom:0}.sidebar-logout-btn{padding:.625rem .875rem;font-size:.75rem}.sidebar-user-info{margin-bottom:.5rem}.sidebar-user-name{font-size:.8125rem}.modal-dialog{display:flex;flex-direction:column;max-height:100vh;max-height:100dvh;margin:0;overflow:hidden}.modal-header{padding:6px 12px;flex-shrink:0}.modal-title{font-size:1rem}.modal-body{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px}.modal-footer{padding:8px 12px;flex-shrink:0}.impersonation-banner{padding:6px 12px}.impersonation-text{font-size:.6875rem}}@media (max-width: 1023px) and (max-height: 600px){.app-main{max-height:calc(100vh - var(--header-height, 55px));max-height:calc(100dvh - var(--header-height, 55px))}.has-impersonation-banner .app-header{top:48px;position:fixed!important}.has-impersonation-banner .app-main{padding-top:calc(48px + var(--header-height, 55px) + 12px)!important;max-height:calc(100vh - 48px - var(--header-height, 55px));max-height:calc(100dvh - 48px - var(--header-height, 55px));margin-top:0!important}.has-impersonation-banner .app-shell{padding-top:0!important}.sidebar{max-height:100vh;max-height:100dvh}.has-impersonation-banner .sidebar{top:48px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);height:calc(100vh - 48px);height:calc(100dvh - 48px)}}.mobile-settings-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1002;width:100vw;height:100vh;height:100dvh}.mobile-settings-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mobile-settings-content{position:absolute;bottom:0;left:0;right:0;background-color:hsl(var(--app-surface-elevated));border-radius:var(--app-radius-lg) var(--app-radius-lg) 0 0;max-height:80vh;max-height:80dvh;overflow-y:auto;overflow-x:hidden;box-shadow:0 -4px 20px #00000026;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1);padding-bottom:max(env(safe-area-inset-bottom,0px),20px)}@media (min-width: 1024px){.mobile-settings-content{position:fixed;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:85vh;border-radius:var(--app-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:fadeInScale .3s cubic-bezier(.4,0,.2,1);padding-bottom:var(--mobile-spacing-lg)}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--mobile-spacing-lg);padding-bottom:var(--mobile-spacing-md);border-bottom:1px solid hsl(var(--app-border));flex-shrink:0;position:sticky;top:0;background-color:hsl(var(--app-surface-elevated));z-index:1}.mobile-settings-title{font-size:var(--mobile-font-lg);font-weight:600;color:hsl(var(--app-text));margin:0}.mobile-settings-close{background:none;border:none;color:hsl(var(--app-text));cursor:pointer;padding:var(--mobile-spacing-xs);border-radius:var(--app-radius-sm);display:flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-settings-close:active{background-color:hsl(var(--app-border));transform:scale(.95)}.mobile-settings-body{padding:var(--mobile-spacing-lg);flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-settings-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--mobile-spacing-md);padding:var(--mobile-spacing-md) 0;border-bottom:1px solid hsl(var(--app-border))}.mobile-settings-item:last-child{border-bottom:none}.mobile-settings-item-label{flex:1;display:flex;flex-direction:column;gap:var(--mobile-spacing-xs)}.mobile-settings-item-label label{font-size:var(--mobile-font-md);font-weight:500;color:hsl(var(--app-text));margin:0;cursor:pointer}.mobile-settings-item-desc{font-size:var(--mobile-font-sm);color:hsl(var(--app-text-muted));line-height:1.4}@media (min-width: 1024px){.mobile-settings-tour-section{padding:var(--mobile-spacing-lg) 0}.mobile-settings-tour-btn{padding:20px;gap:20px}.mobile-settings-tour-icon{width:56px;height:56px;min-width:56px;min-height:56px}.mobile-settings-tour-icon svg{width:28px;height:28px}.mobile-settings-tour-title{font-size:1.125rem}.mobile-settings-tour-desc{font-size:.9375rem}.mobile-settings-item{flex-direction:column;align-items:stretch;gap:12px}.mobile-settings-item-label{width:100%}.mobile-settings-color-wrapper{width:100%;justify-content:flex-start}}.mobile-settings-tour-section{padding:var(--mobile-spacing-md) 0;border-bottom:none}.mobile-settings-tour-btn{display:flex;align-items:center;gap:16px;width:100%;padding:16px;background-color:hsl(var(--app-surface-elevated));border:1px solid hsl(var(--app-border));border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-align:left;box-shadow:0 1px 3px #0000000d}.mobile-settings-tour-btn:hover{background-color:hsl(var(--app-surface-elevated));border-color:hsl(var(--primary) / .3);box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.mobile-settings-tour-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000000d}.mobile-settings-tour-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.mobile-settings-tour-btn:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.mobile-settings-tour-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;min-height:48px;background-color:hsl(var(--primary) / .1);border-radius:10px;flex-shrink:0;color:hsl(var(--primary));transition:all .2s cubic-bezier(.4,0,.2,1)}.mobile-settings-tour-btn:hover .mobile-settings-tour-icon{background-color:hsl(var(--primary) / .15);transform:scale(1.05)}.mobile-settings-tour-icon svg{width:24px;height:24px}.mobile-settings-tour-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.mobile-settings-tour-title{font-size:1rem;font-weight:600;color:hsl(var(--app-text));line-height:1.4}.mobile-settings-tour-desc{font-size:.875rem;color:hsl(var(--app-text-muted));line-height:1.4}.mobile-settings-tour-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;min-height:24px;color:hsl(var(--app-text-muted));flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1)}.mobile-settings-tour-btn:hover .mobile-settings-tour-arrow{color:hsl(var(--primary));transform:translate(2px)}.mobile-settings-tour-arrow svg{width:20px;height:20px}@media (max-width: 640px){.mobile-settings-tour-btn{padding:14px;gap:12px}.mobile-settings-tour-icon{width:44px;height:44px;min-width:44px;min-height:44px}.mobile-settings-tour-icon svg{width:22px;height:22px}.mobile-settings-tour-title{font-size:.9375rem}.mobile-settings-tour-desc{font-size:.8125rem}}@media (max-width: 480px){.mobile-settings-tour-btn{padding:12px;gap:10px}.mobile-settings-tour-icon{width:40px;height:40px;min-width:40px;min-height:40px}.mobile-settings-tour-icon svg{width:20px;height:20px}.mobile-settings-tour-title{font-size:.875rem}.mobile-settings-tour-desc{font-size:.75rem}}.mobile-settings-toggle{position:relative;display:inline-block;width:52px;height:32px;flex-shrink:0;cursor:pointer}.mobile-settings-toggle input{opacity:0;width:0;height:0}.mobile-settings-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:hsl(var(--app-border-strong));transition:background-color .3s cubic-bezier(.4,0,.2,1);border-radius:32px}.mobile-settings-toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:#fff;transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0003}.mobile-settings-toggle input:checked+.mobile-settings-toggle-slider{background-color:hsl(var(--primary))}.mobile-settings-toggle input:checked+.mobile-settings-toggle-slider:before{transform:translate(20px)}.mobile-settings-toggle input:focus-visible+.mobile-settings-toggle-slider{outline:2px solid hsl(var(--primary));outline-offset:2px}.mobile-settings-toggle:active .mobile-settings-toggle-slider:before{transform:scale(.9)}.mobile-settings-toggle input:checked:active+.mobile-settings-toggle-slider:before{transform:translate(20px) scale(.9)}.sidebar-menu-item-settings{display:block}.mobile-settings-color-wrapper{display:flex;align-items:center;gap:var(--mobile-spacing-sm);flex-shrink:0}.mobile-settings-color-picker{width:48px;height:48px;min-width:48px;min-height:48px;border:2px solid hsl(var(--app-border));border-radius:var(--app-radius-sm);cursor:pointer;padding:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;transition:border-color var(--transition-base),transform var(--transition-fast)}.mobile-settings-color-picker::-webkit-color-swatch-wrapper{padding:0}.mobile-settings-color-picker::-webkit-color-swatch{border:none;border-radius:calc(var(--app-radius-sm) - 2px)}.mobile-settings-color-picker::-moz-color-swatch{border:none;border-radius:calc(var(--app-radius-sm) - 2px)}.mobile-settings-color-picker:hover{border-color:hsl(var(--primary));transform:scale(1.05)}.mobile-settings-color-picker:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.mobile-settings-color-reset{width:40px;height:40px;min-width:40px;min-height:40px;background-color:hsl(var(--app-border));border:none;border-radius:var(--app-radius-sm);color:hsl(var(--app-text));cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color var(--transition-base),transform var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-settings-color-reset:hover{background-color:hsl(var(--app-border-strong));transform:scale(1.05)}.mobile-settings-color-reset:active{transform:scale(.95)}.mobile-settings-color-reset:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.mobile-settings-color-reset svg{width:16px;height:16px;pointer-events:none}.badge{display:inline-block;padding:4px 10px;font-size:.8125rem;font-weight:500;border-radius:var(--app-radius-sm);line-height:1.4;white-space:nowrap}.badge-info{background-color:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.badge-success{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.badge-warning{background-color:#fffbeb;color:#92400e;border:1px solid #fed7aa}.badge-error{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.badge-normal{background-color:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.badge-mourning{background-color:#1f2937;color:#fff;border:1px solid #4b5563}.badge-secondary{background-color:hsl(var(--app-border));color:hsl(var(--app-text-muted));border:1px solid hsl(var(--app-border-strong))}.badge-thu{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.badge-chi{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.hidden{display:none!important}.ledger-summary{background:hsl(var(--app-surface));padding:1rem 1.25rem;border-radius:var(--app-radius);border:1px solid hsl(var(--app-border));margin-top:1rem;margin-bottom:0}.ledger-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0}.ledger-summary-row.ledger-summary-total{border-top:1px solid hsl(var(--border));margin-top:.5rem;padding-top:.75rem;font-size:1.05rem}.ledger-summary-label{color:hsl(var(--muted-foreground))}.text-thu{color:#166534}.text-chi{color:#991b1b}.ledger-sections-title{margin:0;font-size:1.1rem}.ledger-dot-section .page-section-title{justify-content:flex-start}.ledger-dot-section .page-section-badge{margin-left:auto;flex-shrink:0}.ledger-section-title-draggable{cursor:grab;-webkit-user-select:none;user-select:none}.ledger-section-title-draggable:active{cursor:grabbing}.ledger-dot-section-dragging{opacity:.5}.ledger-dot-section.drag-over{border-top:2px solid hsl(var(--primary))}.ledger-entry-row-dragging{opacity:.5}.ledger-dot-section-dragging{opacity:.7}.ledger-entries-table .col-stt,.ledger-entries-table .col-type,.ledger-entries-table .col-desc,.ledger-entries-table .col-amount{cursor:grab}.ledger-entries-table .col-stt:active,.ledger-entries-table .col-type:active,.ledger-entries-table .col-desc:active,.ledger-entries-table .col-amount:active{cursor:grabbing}.ledger-toolbar.section-header-with-search .section-header-actions{margin-left:auto}.ledger-toolbar .ledger-btn-lock-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.875rem;font-weight:500;border-radius:var(--app-radius-sm);cursor:pointer;transition:all .15s ease;border:1px solid;white-space:nowrap;min-height:36px;box-sizing:border-box}.ledger-toolbar .ledger-btn-lock-lock{color:#f59f0a;background:transparent;border-color:#f59f0a}.ledger-toolbar .ledger-btn-lock-lock:hover{background:hsl(38 92% 50% / .1)}.ledger-toolbar .ledger-btn-lock-unlock{color:#16a249;background:transparent;border-color:#16a249}.ledger-toolbar .ledger-btn-lock-unlock:hover{background:hsl(142 76% 36% / .1)}@media (max-width: 1023px){.ledger-toolbar.section-header-with-search .section-header-actions{justify-content:flex-end}.ledger-btn-add-dot{min-height:var(--touch-target-min, 44px);padding:10px 18px}.ledger-toolbar .ledger-btn-lock-toggle{min-height:var(--touch-target-min, 44px);padding:10px 14px}.ledger-dot-section .page-section-toggle{min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px)}.ledger-dot-section .page-section-actions .btn{min-height:var(--touch-target-min, 44px);padding:8px 14px}.ledger-dot-section .page-section-header{padding:14px 16px;gap:12px;flex-wrap:wrap}.ledger-dot-section .page-section-header .page-section-title{flex:1 1 auto;min-width:0}.ledger-dot-section .page-section-header .page-section-actions{flex-basis:100%;width:100%;margin-top:2px}.ledger-dot-section .page-section-body{padding:14px 16px}.ledger-entry-form .form-actions-ledger{flex-direction:column;gap:10px;margin-top:1.25rem}.ledger-entry-form .form-actions-ledger .btn{width:100%;justify-content:center;min-height:var(--touch-target-min, 44px)}#ledger-add-dot-form .form-actions-ledger .btn,#ledger-add-dot-form .form-actions .btn{min-height:var(--touch-target-min, 44px)}#ledger-add-dot-form .form-actions-ledger{flex-direction:column;gap:10px}#ledger-add-dot-form .form-actions-ledger .btn{width:100%;justify-content:center}.ledger-summary{padding:1rem 1.25rem}.ledger-summary-row{padding:.5rem 0}.ledger-summary-row.ledger-summary-total{padding-top:1rem;margin-top:.75rem}.modal-footer-actions .btn{min-height:var(--touch-target-min, 44px)}}@media (max-width: 640px){.ledger-summary-label,.ledger-summary-value{font-size:.9375rem}}.ledger-dot-section .data-table .col-type{width:80px}.ledger-dot-section .data-table .col-desc{width:auto}.ledger-dot-section .data-table .col-amount{text-align:right}.ledger-entry-form .form-group{margin-bottom:1rem}.ledger-entry-form .form-group:last-of-type{margin-bottom:0}.ledger-entry-form .form-actions,.ledger-entry-form .form-actions-ledger{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.ledger-dot-section .page-section-actions{display:flex;flex-wrap:nowrap;gap:8px}@media (min-width: 1024px){.ledger-dot-section .page-section-actions{flex:0 0 auto;justify-content:flex-end}.ledger-dot-section .page-section-actions .btn{flex:none;min-width:0;padding:6px 12px;font-size:.8125rem}.ledger-dot-section .page-section-actions form{flex:none;min-width:0;display:flex}.ledger-dot-section .page-section-actions form .btn{width:auto;padding:6px 12px;font-size:.8125rem}}@media (max-width: 1023px){.ledger-dot-section .page-section-actions{flex:1;min-width:0;width:100%}.ledger-dot-section .page-section-actions .btn{flex:1;min-width:0;justify-content:center}.ledger-dot-section .page-section-actions form{flex:1;min-width:0;display:flex}.ledger-dot-section .page-section-actions form .btn{width:100%;justify-content:center}}.ledger-entries-table .ledger-row-actions{display:flex!important;flex-wrap:nowrap!important;gap:8px;align-items:stretch;min-width:0;width:100%}.ledger-entries-table .ledger-row-actions>.ledger-row-btn{flex:1 1 0%!important;flex-shrink:1!important;min-width:0!important;width:100%!important;min-height:32px!important;padding:6px 12px!important;font-size:.8125rem!important;box-sizing:border-box!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.ledger-entries-table .ledger-delete-form{display:flex!important;flex:1 1 0%!important;min-width:0!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important}.ledger-entries-table .ledger-delete-form .ledger-row-btn{flex:1 1 0%!important;flex-shrink:1!important;min-width:0!important;width:100%!important;min-height:32px!important;padding:6px 12px!important;font-size:.8125rem!important;box-sizing:border-box!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}@media (max-width: 1023px){.ledger-dot-section .overflow-x-auto{overflow-x:visible}.ledger-entries-table{display:block!important;font-size:.875rem}.ledger-entries-table thead{display:none!important}.ledger-entries-table tbody,.ledger-entries-table tbody tr{display:block!important}.ledger-entries-table tbody tr{border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-sm);margin-bottom:10px;padding:12px;background:var(--app-surface-elevated);display:flex!important;flex-direction:column}.ledger-entries-table tbody td{display:block!important;padding:8px 0!important;border:none!important;text-align:left!important;background:transparent!important}.ledger-entries-table tbody tr{position:relative}.ledger-entries-table td.col-type{position:absolute!important;top:10px!important;right:10px!important;left:auto!important;width:auto!important;max-width:60px!important;height:0!important;min-height:0!important;overflow:visible!important;padding:0!important;margin:0!important;border:none!important;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:2!important;flex:none!important;order:unset;white-space:nowrap!important}.ledger-entries-table td.col-type:before{display:none!important;content:none!important}.ledger-entries-table td.col-type .badge,.ledger-entries-table td.col-type .badge-thu,.ledger-entries-table td.col-type .badge-chi{position:relative!important;top:0!important;right:0!important;display:inline-block!important;visibility:visible!important;opacity:1!important;font-size:.75rem!important;font-weight:600!important;padding:4px 8px!important;border-radius:6px!important;line-height:1.2!important;box-shadow:0 2px 4px #0000001f!important}.ledger-entries-table td.col-type .badge-thu{background-color:#dcfce7!important;color:#166534!important;border:1px solid #86efac!important}.ledger-entries-table td.col-type .badge-chi{background-color:#fee2e2!important;color:#991b1b!important;border:1px solid #fca5a5!important}.ledger-entries-table tbody td.col-stt,.ledger-entries-table tbody td.col-desc,.ledger-entries-table tbody td.col-amount,.ledger-entries-table tbody td.col-actions{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.ledger-entries-table td.col-desc:before{content:"Mục: "!important;font-weight:600;color:hsl(var(--app-text-muted));display:inline-block!important;min-width:90px;margin-right:8px;vertical-align:top}.ledger-entries-table td.col-stt:before{content:"STT: "!important}.ledger-entries-table td.col-amount:before{content:"Số tiền: "!important}.ledger-entries-table td.col-actions{margin-top:10px!important;padding-top:10px!important;border-top:1px solid hsl(var(--app-border))!important}.ledger-entries-table td.col-actions:before{display:none!important}.ledger-entries-table .ledger-row-actions>.ledger-row-btn,.ledger-entries-table .ledger-delete-form .ledger-row-btn{min-height:40px!important;height:auto!important;padding:8px 14px!important;font-size:.875rem!important}}@media (max-width: 640px){.ledger-entries-table .ledger-row-actions>.ledger-row-btn,.ledger-entries-table .ledger-delete-form .ledger-row-btn{min-height:44px!important;height:auto!important;padding:10px 16px!important;font-size:.875rem!important}.ledger-entries-table .ledger-row-actions{gap:10px!important}}.ledger-type-checkbox-wrap.form-checkbox{margin-bottom:0}.ledger-entry-form .form-group .form-hint,#edit-entry-form .form-group .form-hint{margin-top:6px}.banners-carousel-container{position:relative;margin-bottom:1rem;min-height:48px;width:100%}.banners-carousel-container{overflow:hidden}.banners-carousel-container .banner-panel{margin-bottom:0;border-radius:var(--app-radius-md);overflow:hidden;position:absolute;top:0;left:0;right:0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;width:100%;opacity:0;visibility:hidden;pointer-events:none;transform:translate(100%);transition:transform cubic-bezier(.4,0,.2,1),opacity .2s ease;box-sizing:border-box;z-index:1;height:auto;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d}.banners-carousel-container .banner-panel.active{opacity:1;visibility:visible;pointer-events:auto;z-index:2;position:absolute;height:auto;transform:translate(0)}.banners-carousel-container .banner-panel.slide-out{transform:translate(-100%);opacity:0;z-index:1;will-change:transform,opacity}.banners-carousel-container.single-banner{min-height:auto!important;position:relative!important;overflow:visible!important}.banners-carousel-container.single-banner .banner-panel{position:relative!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;height:auto!important;transform:none!important;transition:none!important;top:auto!important;left:auto!important;right:auto!important;z-index:auto!important;margin-bottom:1rem!important;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f!important}.banner-panel{margin-bottom:1rem;border-radius:var(--app-radius-md);overflow:hidden;position:relative;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:box-shadow .2s ease;max-width:100%;box-sizing:border-box}.banner-panel:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.banner-panel-normal{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);color:#1e40af}.banner-panel-mourning{background:#000000;color:#f1f5f9;box-shadow:0 2px 4px #0003,0 1px 3px #00000026}.banner-panel-mourning:hover{box-shadow:0 4px 8px -1px #0000004d,0 2px 6px -1px #0003}.banner-panel-content{padding:.5rem 1rem;position:relative;overflow:hidden;background:inherit;max-width:100%;width:100%;box-sizing:border-box;display:flex;align-items:center}.banner-panel-text-wrapper{display:flex;align-items:center;width:100%;overflow:hidden;position:relative;box-sizing:border-box}.banner-panel-text-container{display:inline-flex;align-items:center;white-space:nowrap;will-change:transform;position:relative;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.banner-panel-text-container.scrolling{animation-fill-mode:both!important;animation-play-state:running!important;animation-iteration-count:infinite!important}.banner-panel-text-container.scrolling,.banner-panel-text-container.scrolling:hover,.banner-panel-text-container.scrolling:focus,.banner-panel-text-container.scrolling:active{animation-play-state:running!important}.banners-carousel-container.single-banner .banner-panel-text-container.scrolling{animation-play-state:running!important;animation-iteration-count:infinite!important;will-change:transform!important}.banners-carousel-container.single-banner .banner-panel-text-container.scrolling,.banners-carousel-container.single-banner .banner-panel-text-container.scrolling:hover,.banners-carousel-container.single-banner .banner-panel-text-container.scrolling:focus,.banners-carousel-container.single-banner .banner-panel-text-container.scrolling:active{animation-play-state:running!important}.banner-panel-text{font-size:.875rem;font-weight:500;line-height:1.4;margin:0;white-space:nowrap;display:inline-block;padding-right:2rem}.banner-panel-text-duplicate{padding-right:2rem;padding-left:0}.banner-panel-content:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2rem;background:linear-gradient(to right,inherit,transparent);background-color:inherit;z-index:2;pointer-events:none;opacity:.95}.banner-panel-content:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2rem;background:linear-gradient(to left,inherit,transparent);background-color:inherit;z-index:2;pointer-events:none;opacity:.95}.banner-panel-edit{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:inherit;opacity:.6;text-decoration:none;border-radius:var(--app-radius-sm);transition:all .15s ease;flex-shrink:0;background:transparent;border:none;cursor:pointer}.banner-panel-edit:hover{opacity:1;background-color:#00000014}.banner-panel-mourning .banner-panel-edit:hover{background-color:#ffffff1a}@media (max-width: 1023px){.banners-carousel-container{margin-bottom:.75rem;min-height:44px}.banner-panel{margin-bottom:0;border-radius:var(--app-radius-sm);overflow:hidden!important;max-width:100%;width:100%;box-sizing:border-box;position:relative}.banner-panel-content{padding:.5rem .875rem;overflow:hidden!important;max-width:100%!important;width:100%!important;box-sizing:border-box;position:relative}.banner-panel-text-wrapper{overflow:hidden!important;max-width:100%!important;width:100%!important;box-sizing:border-box;position:relative}.banner-panel-text{font-size:.8125rem;line-height:1.4;padding-right:2rem}.banner-panel-text-container.scrolling{animation-duration:var(--scroll-duration, 35s)!important}.banner-panel-content:before{width:1.5rem;z-index:2}.banner-panel-content:after{width:1.5rem;z-index:2}@media (max-width: 480px){.banner-panel-content{padding:.5rem .75rem}.banner-panel-text{font-size:.75rem}.banner-panel-text-container.scrolling{animation-duration:var(--scroll-duration, 30s)!important}.banner-panel-content:before,.banner-panel-content:after{width:1rem}}}.auth-page-container{min-height:100vh;min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));background-color:hsl(var(--background));background-image:radial-gradient(ellipse 120% 80% at 50% -20%,hsl(var(--primary) / .12),transparent 55%)}.auth-page-wrapper{width:100%;max-width:28rem}.auth-card{background:hsl(var(--app-surface-elevated));border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-lg);padding:1.75rem}.auth-title{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:hsl(var(--app-text))}.auth-subtitle{margin:0 0 1.5rem;color:hsl(var(--app-text-muted));font-size:.9375rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field label{display:block;margin-bottom:.4rem;font-size:.875rem;font-weight:600;color:hsl(var(--app-text))}.auth-input,.auth-field input{width:100%;min-height:var(--app-input-height);padding:.75rem 1rem;border:1px solid hsl(var(--app-border));border-radius:var(--app-radius);font:inherit;background:#fff;color:hsl(var(--app-text))}.auth-input:focus,.auth-field input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .15)}.auth-input-group,.password-wrap{position:relative}.auth-input--password,.password-wrap input{padding-right:3.25rem}.auth-password-toggle,.toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);z-index:5;pointer-events:auto;border:none;background:transparent;color:hsl(var(--app-text-muted));font-size:.8125rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.auth-error,.field-error{margin-top:.35rem;color:#dc2626;font-size:.8125rem}.auth-submit-btn,.auth-submit{width:100%;min-height:var(--touch-target-min);margin-top:.25rem;border:none;border-radius:var(--app-radius);background:hsl(var(--primary));color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:background-color var(--transition-base),transform var(--transition-fast)}.auth-submit-btn:hover,.auth-submit:hover{background:hsl(var(--primary-hover))}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-footer{margin-top:1.25rem;padding-top:1rem;border-top:1px solid hsl(var(--app-border));text-align:center;color:hsl(var(--app-text-muted));font-size:.9375rem}.auth-footer a{color:hsl(var(--primary));font-weight:600;text-decoration:none}.auth-footer a:hover{color:hsl(var(--primary-hover));text-decoration:underline}.status-chip{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600}.status-chip--admin{background:hsl(var(--primary) / .12);color:hsl(var(--primary))}.status-chip--normal{background:hsl(var(--app-border) / .5);color:hsl(var(--app-text-muted))}.status-chip--active{background:#dcfce7;color:#166534}.status-chip--locked{background:#fee2e2;color:#991b1b}.dashboard-card{background:hsl(var(--app-surface-elevated));border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-md);padding:2rem 1.5rem;text-align:center}.dashboard-code{display:inline-block;margin-top:1rem;padding:.85rem 1.5rem;border-radius:var(--app-radius);background:hsl(var(--primary) / .1);color:hsl(var(--primary));font-size:1.5rem;font-weight:700;letter-spacing:.18em}.dashboard-page{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.member-dashboard{width:100%;max-width:100%;display:flex;flex-direction:column;gap:1rem}.member-dashboard-alert{padding:.875rem 1rem;border-radius:var(--app-radius);font-size:.875rem;line-height:1.5;color:#af1d1d;background:hsl(0 84% 97%);border:1px solid hsl(0 72% 51% / .25)}.member-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.member-stat-card{padding:.875rem 1rem;border-radius:var(--app-radius-lg);background:hsl(var(--app-surface-elevated));border:1px solid hsl(var(--app-border));box-shadow:var(--app-shadow);text-align:center}.member-stat-label{display:block;margin-bottom:.35rem;font-size:.75rem;font-weight:500;color:hsl(var(--app-text-muted))}.member-stat-value{display:block;font-size:clamp(.875rem,2.2vw,1.125rem);font-weight:700;line-height:1.2}.member-stat-card--spent .member-stat-value{color:#1450d2}.member-stat-card--total .member-stat-value{color:#dc2828}.member-stat-card--paid .member-stat-value{color:#188c42}.member-stat-card--pending .member-stat-value{color:#c76c05}.member-dashboard-rates-note{display:flex;align-items:flex-start;gap:.5rem;padding:.625rem .875rem;border-radius:var(--app-radius);background:hsl(var(--surface));border:1px solid hsl(var(--app-border) / .8)}.member-dashboard-rates-note p{flex:1;min-width:0;margin:0;font-size:.8125rem;line-height:1.55;color:hsl(var(--app-text-muted))}.member-rates-info-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-top:.05rem;padding:0;border:none;border-radius:999px;background:hsl(199 89% 48% / .1);color:#0c8eca;cursor:pointer;transition:background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.member-rates-info-btn svg{width:16px;height:16px}.member-rates-info-btn:hover{background:hsl(199 89% 48% / .18);color:#0a7aae}.member-rates-info-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #0da2e733}.info-modal-dialog{max-width:min(480px,100%)}@media (min-width: 1024px){.info-modal-overlay:not(.hidden){display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important}.info-modal-overlay .info-modal-dialog{flex:none!important;width:100%;max-width:min(480px,calc(100vw - 328px));margin:0 auto;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;border-radius:var(--app-radius-lg)}.info-modal-overlay .info-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}}.info-modal-body{font-size:.875rem;line-height:1.65;color:hsl(var(--app-text-muted))}.info-modal-body p{margin:0 0 .75rem}.info-modal-body p:last-child{margin-bottom:0}.info-modal-subtitle{margin:1rem 0 .5rem;font-size:.9375rem;font-weight:700;color:hsl(var(--app-text))}.info-modal-list{margin:0 0 .75rem;padding-left:1.125rem}.info-modal-list li{margin-bottom:.35rem}.info-modal-list li:last-child{margin-bottom:0}.info-modal-list strong{color:hsl(var(--app-text));font-weight:600}.info-modal-foot{padding-top:.25rem;font-size:.8125rem}.member-dashboard-rates-note strong{color:hsl(var(--app-text));font-weight:700}.member-rates-sep{margin:0 .15rem;opacity:.45}.member-vip-badge{display:inline-flex;align-items:center;vertical-align:middle;padding:.1rem .45rem;border-radius:999px;background:hsl(38 92% 50% / .16);border:1px solid hsl(38 92% 50% / .35);color:#bd6705;font-size:.6875rem;font-weight:800;letter-spacing:.05em;line-height:1.4}.member-dashboard-search{display:flex;align-items:stretch;gap:.5rem;width:100%}.member-dashboard-search-field{position:relative;flex:1;min-width:0;display:flex;align-items:center}.member-dashboard-search-input{width:100%;min-height:var(--app-input-height);padding:.625rem 2.25rem .625rem .875rem;border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-lg);background:hsl(var(--app-surface-elevated));color:hsl(var(--app-text));font:inherit;font-size:.875rem;box-shadow:var(--app-shadow)}.member-dashboard-search-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .12)}.member-dashboard-search-clear{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;color:hsl(var(--app-text-muted));text-decoration:none;font-size:1.125rem;line-height:1}.member-dashboard-search-clear:hover{background:hsl(var(--app-border) / .45);color:hsl(var(--app-text))}.member-dashboard-search-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:var(--app-input-height);min-height:var(--app-input-height);padding:0 1rem;border:none;border-radius:var(--app-radius-lg);background:hsl(var(--primary));color:#fff;cursor:pointer;box-shadow:var(--app-shadow);transition:background .15s ease;-webkit-tap-highlight-color:transparent}.member-dashboard-search-btn svg{width:18px;height:18px}.member-dashboard-search-btn:hover{background:hsl(var(--primary-hover))}.member-dashboard-search-btn:active{transform:scale(.98)}.member-dashboard-notice{padding:.875rem 1rem;border-radius:var(--app-radius-lg);background:hsl(199 89% 48% / .08);border:1px solid hsl(199 89% 48% / .18)}.member-dashboard-notice p{display:flex;align-items:flex-start;gap:.5rem;margin:0;font-size:.8125rem;line-height:1.55;color:hsl(var(--app-text-muted))}.member-dashboard-notice p+p{margin-top:.5rem}.member-dashboard-notice svg{flex-shrink:0;width:16px;height:16px;margin-top:.1rem;color:#0c8eca}.member-dashboard-notice strong{color:hsl(var(--app-text));font-weight:600}.member-dashboard-orders{display:flex;flex-direction:column;gap:.75rem}.member-order-card{position:relative;padding:1rem 1.125rem 2.75rem;border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-lg);background:hsl(var(--app-surface-elevated));box-shadow:var(--app-shadow)}.member-order-head{display:flex;align-items:flex-start;gap:.625rem;margin-bottom:.5rem}.member-order-platform{flex-shrink:0;margin-top:.15rem;padding:.15rem .5rem;border-radius:4px;background:hsl(var(--primary) / .12);color:hsl(var(--primary));font-size:.6875rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.member-order-title{margin:0;font-size:.9375rem;font-weight:700;line-height:1.45;color:hsl(var(--app-text))}.member-order-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0 0 .75rem;font-size:.75rem;color:hsl(var(--app-text-muted))}.member-order-meta-sep{opacity:.5}.member-order-earnings{display:flex;flex-direction:column;gap:.25rem}.member-order-commission,.member-order-cashback{margin:0;font-size:.8125rem;color:hsl(var(--app-text-muted))}.member-order-commission strong,.member-order-cashback strong{font-weight:700}.member-order-cashback strong{color:#dc2828}.member-order-status{position:absolute;right:1rem;bottom:1rem;padding:.2rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid transparent}.member-order-status.is-pending{color:#c76c05;background:hsl(38 92% 50% / .12);border-color:#f59f0a47}.member-order-status.is-paid{color:#188c42;background:hsl(142 71% 45% / .12);border-color:#21c45d47}.member-dashboard-empty{padding:2.5rem 1.5rem;text-align:center;border:1px dashed hsl(var(--app-border));border-radius:var(--app-radius-lg);background:hsl(var(--app-surface-elevated))}.member-dashboard-empty-title{margin:0 0 .35rem;font-size:1rem;font-weight:700;color:hsl(var(--app-text))}.member-dashboard-empty-text{margin:0;font-size:.875rem;line-height:1.6;color:hsl(var(--app-text-muted))}.member-dashboard-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding-top:.25rem}.member-dashboard-page-info{font-size:.875rem;color:hsl(var(--app-text-muted))}.member-dashboard-page-btn{display:inline-flex;align-items:center;min-height:36px;padding:.4rem .875rem;border-radius:var(--app-radius);background:hsl(var(--app-surface-elevated));border:1px solid hsl(var(--app-border));color:hsl(var(--app-text));font-size:.8125rem;font-weight:600;text-decoration:none;transition:border-color .15s ease,color .15s ease}.member-dashboard-page-btn:hover{border-color:hsl(var(--primary) / .4);color:hsl(var(--primary))}@media (max-width: 1023px){.member-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 639px){.member-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.member-stat-card{padding:.75rem .625rem}.member-stat-label{font-size:.6875rem}.member-order-card{padding:.875rem .875rem 2.65rem}.member-order-status{right:.875rem;bottom:.875rem}}.dashboard-hero{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:var(--app-radius-lg);background:linear-gradient(135deg,hsl(var(--primary) / .14) 0%,hsl(var(--primary) / .04) 100%);border:1px solid hsl(var(--primary) / .2)}.dashboard-hero-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:hsl(var(--primary));color:#fff;box-shadow:0 8px 20px hsl(var(--primary) / .35)}.dashboard-hero-icon svg{width:24px;height:24px}.dashboard-greeting{margin:0 0 .15rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--primary))}.dashboard-name{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:hsl(var(--app-text));line-height:1.3}.dashboard-desc{margin:0;font-size:.9375rem;line-height:1.6;color:hsl(var(--app-text-muted))}.dashboard-code-panel{padding:1.5rem;text-align:center;background:hsl(var(--app-surface-elevated));border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-md)}.dashboard-code-label{display:block;margin-bottom:.75rem;font-size:.8125rem;font-weight:600;color:hsl(var(--app-text-muted));text-transform:uppercase;letter-spacing:.05em}.dashboard-code-value{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--app-radius);background:hsl(var(--primary) / .1);border:1px dashed hsl(var(--primary) / .35);color:hsl(var(--primary));font-size:1.625rem;font-weight:700;letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.affiliate-page,.affiliate-create-link-page{width:100%;max-width:100%;display:flex;flex-direction:column;gap:1.25rem}.affiliate-hero{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:var(--app-radius-lg);background:linear-gradient(135deg,hsl(var(--primary) / .14) 0%,hsl(var(--primary) / .04) 100%);border:1px solid hsl(var(--primary) / .2)}.affiliate-hero-icon{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:hsl(var(--primary));color:#fff;box-shadow:0 8px 20px hsl(var(--primary) / .35)}.affiliate-hero-icon svg{width:26px;height:26px}.affiliate-hero-title{margin:0 0 .5rem;font-size:1.375rem;font-weight:700;color:hsl(var(--app-text));line-height:1.3}.affiliate-hero-desc{margin:0;font-size:.9375rem;line-height:1.65;color:hsl(var(--app-text-muted))}.affiliate-link-panel{padding:1.5rem;background:hsl(var(--app-surface-elevated));border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-md)}.affiliate-link-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.affiliate-panel-title{margin:0 0 .25rem;font-size:1.0625rem;font-weight:700;color:hsl(var(--app-text))}.affiliate-panel-subtitle{margin:0;font-size:.8125rem;color:hsl(var(--app-text-muted))}.affiliate-code-badge{flex-shrink:0;padding:.35rem .75rem;border-radius:999px;background:hsl(var(--primary) / .1);border:1px solid hsl(var(--primary) / .25);color:hsl(var(--primary));font-size:.75rem;font-weight:700;letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.affiliate-url-box{margin-bottom:1rem}.affiliate-url-input{width:100%;padding:.875rem 1rem;border:1px solid hsl(var(--app-border));border-radius:var(--app-radius);background:hsl(var(--app-surface));color:hsl(var(--app-text));font-size:.875rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.5;word-break:break-all}.affiliate-url-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .15)}.affiliate-actions{display:flex;flex-wrap:wrap;gap:.75rem}.affiliate-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--touch-target-min);padding:.65rem 1.125rem;border-radius:var(--app-radius);font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .12s ease;border:1px solid transparent}.affiliate-btn-primary{background:hsl(var(--primary));color:#fff;border-color:hsl(var(--primary))}.affiliate-btn-primary:hover{background:hsl(var(--primary-hover));border-color:hsl(var(--primary-hover))}.affiliate-btn-primary.is-copied{background:#16a34a;border-color:#16a34a}.affiliate-btn-secondary{background:hsl(var(--app-surface-elevated));color:hsl(var(--app-text));border-color:hsl(var(--app-border))}.affiliate-btn-secondary:hover{background:hsl(var(--app-surface));border-color:hsl(var(--primary) / .4);color:hsl(var(--primary))}.affiliate-steps-section{padding:.25rem 0}.affiliate-steps-heading{margin:0 0 1rem;font-size:1rem;font-weight:700;color:hsl(var(--app-text))}.affiliate-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.affiliate-step-card{padding:1.25rem;background:hsl(var(--app-surface-elevated));border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow);transition:border-color .15s ease,box-shadow .15s ease}.affiliate-step-card:hover{border-color:hsl(var(--primary) / .3);box-shadow:var(--app-shadow-md)}.affiliate-step-num{width:32px;height:32px;margin-bottom:.875rem;display:flex;align-items:center;justify-content:center;border-radius:10px;background:hsl(var(--primary) / .12);color:hsl(var(--primary));font-size:.9375rem;font-weight:700}.affiliate-step-title{margin:0 0 .5rem;font-size:.9375rem;font-weight:700;color:hsl(var(--app-text))}.affiliate-step-text{margin:0;font-size:.8125rem;line-height:1.6;color:hsl(var(--app-text-muted))}.affiliate-inline-link{color:hsl(var(--primary));font-weight:600;text-decoration:underline;text-underline-offset:2px}.affiliate-inline-link:hover{color:hsl(var(--primary-hover))}@media (max-width: 768px){.affiliate-steps-grid{grid-template-columns:1fr}.affiliate-link-panel-head{flex-direction:column;align-items:stretch}.affiliate-code-badge{align-self:flex-start}}@media (max-width: 640px){.affiliate-hero,.dashboard-hero{flex-direction:column;align-items:stretch}.affiliate-actions{flex-direction:column}.affiliate-btn{width:100%}.affiliate-link-panel,.dashboard-code-panel{padding:1.125rem}}.portal-page-body{margin:0;min-height:100vh;min-height:100dvh;background:#fffdf8;font-family:var(--app-font, "Be Vietnam Pro", system-ui, sans-serif);color:hsl(var(--app-text))}.portal-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.portal-header{padding:1rem 1.25rem;text-align:center;border-bottom:1px solid hsl(var(--app-border));background:hsl(var(--app-surface-elevated))}.portal-brand{font-size:1.125rem;font-weight:700;color:hsl(var(--primary))}.portal-main{flex:1;padding:1.25rem 1rem 2rem;display:flex;justify-content:center;align-items:flex-start}.link-gen-layout{width:100%}.app-main .link-gen-layout,.app-main .link-gen-page{width:100%;max-width:100%;margin:0}.link-gen-page{width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.link-gen-portal-badge{margin:0;text-align:center;font-size:.8125rem;font-weight:600;color:hsl(var(--app-text-muted))}.link-gen-intro{padding:1rem 1.125rem;border-radius:var(--app-radius-lg);background:linear-gradient(135deg,hsl(var(--primary) / .1) 0%,hsl(var(--primary) / .03) 100%);border:1px solid hsl(var(--primary) / .18)}.link-gen-intro-text{margin:0;font-size:.875rem;line-height:1.65;color:hsl(var(--app-text-muted));text-align:center}.link-gen-intro-text strong{color:hsl(var(--primary));font-weight:700}.link-gen-platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.link-gen-platform{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.5rem .75rem;border:1.5px solid hsl(var(--app-border));border-radius:var(--app-radius);background:hsl(var(--app-surface-elevated));color:hsl(var(--app-text-muted));font-size:.8125rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}.link-gen-platform.is-active{border-color:hsl(var(--primary));color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .12)}.link-gen-platform.is-disabled{opacity:.55;cursor:not-allowed}.link-gen-platform-img{width:22px;height:22px;object-fit:contain;flex-shrink:0}.link-gen-card{padding:1.25rem;background:hsl(var(--app-surface-elevated));border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-md)}.link-gen-label{display:block;margin-bottom:.625rem;font-size:.875rem;font-weight:600;color:hsl(var(--app-text))}.link-gen-input-row{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;align-items:stretch}.link-gen-input-wrap{position:relative;flex:1 1 auto;min-width:0}.link-gen-input-wrap.is-loading .link-gen-input{border-color:hsl(var(--primary));background:hsl(var(--primary) / .03)}.link-gen-input-wrap.has-error .link-gen-input{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.link-gen-error{margin:.625rem 0 0;padding:.625rem .875rem;border-radius:var(--app-radius);background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:.8125rem;font-weight:600;line-height:1.5}.link-gen-input{width:100%;min-height:var(--touch-target-min);padding:.75rem 2.25rem .75rem .875rem;border:1.5px solid hsl(var(--primary) / .45);border-radius:var(--app-radius);background:#fff;color:hsl(var(--app-text));font:inherit;font-size:.875rem;line-height:1.4}@media (max-width: 640px){.link-gen-input{font-size:16px}}.link-gen-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .15)}.link-gen-clear{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:999px;background:hsl(var(--app-border) / .35);color:hsl(var(--app-text-muted));font-size:1.125rem;line-height:1;cursor:pointer}.link-gen-clear:hover{background:hsl(var(--app-border) / .6)}.link-gen-paste-btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;flex:0 0 auto;min-width:72px;min-height:var(--touch-target-min);padding:0 .75rem;border:1.5px solid hsl(var(--primary));border-radius:var(--app-radius);background:hsl(var(--primary) / .08);color:hsl(var(--primary));font:inherit;font-size:.8125rem;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.link-gen-paste-btn svg{flex-shrink:0}.link-gen-paste-btn:hover:not(:disabled){background:hsl(var(--primary));color:#fff}.link-gen-paste-btn:disabled{opacity:.6;cursor:wait}.link-gen-submit{width:100%;margin-top:.875rem;min-height:var(--touch-target-min);padding:.875rem 1rem;border:none;border-radius:var(--app-radius);background:hsl(var(--primary));color:#fff;font:inherit;font-size:.9375rem;font-weight:700;cursor:pointer;box-shadow:0 6px 18px hsl(var(--primary) / .3);transition:background .15s ease}.link-gen-submit:hover:not(:disabled){background:hsl(var(--primary-hover))}.link-gen-submit:disabled{opacity:.75;cursor:wait}.link-gen-submit-loading{display:inline-block}.link-gen-status{display:flex;align-items:center;gap:.5rem;margin:.75rem 0 0;font-size:.8125rem;font-weight:600;color:hsl(var(--primary))}.link-gen-status-spinner{width:16px;height:16px;border:2px solid hsl(var(--primary) / .25);border-top-color:hsl(var(--primary));border-radius:50%;animation:link-gen-spin .7s linear infinite}@keyframes link-gen-spin{to{transform:rotate(360deg)}}.link-gen-result{padding:1.25rem;border:2px dashed #86efac;border-radius:var(--app-radius-lg);background:#f0fdf4}.link-gen-result-head{display:flex;align-items:flex-start;gap:.625rem;margin-bottom:.875rem}.link-gen-result-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#22c55e;color:#fff;font-size:.8125rem;font-weight:700}.link-gen-result-message{margin:0;font-size:.9375rem;font-weight:700;color:#166534;line-height:1.5}.link-gen-result-url-box{margin-bottom:.875rem;overflow:visible}.link-gen-result-url{display:block;width:100%;min-height:3.5rem;max-height:none;padding:.75rem .875rem;border:1px solid #bbf7d0;border-radius:var(--app-radius);background:#fff;color:hsl(var(--app-text));font-size:.8125rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.55;word-break:break-all;overflow-wrap:anywhere;white-space:pre-wrap;overflow:visible;resize:none;box-sizing:border-box}.link-gen-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.link-gen-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--touch-target-min);padding:.65rem .75rem;border-radius:var(--app-radius);font-size:.875rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:background .15s ease,opacity .15s ease}.link-gen-btn-copy{background:hsl(var(--primary));color:#fff}.link-gen-btn-copy:hover{background:hsl(var(--primary-hover))}.link-gen-btn-copy.is-copied{background:#16a34a}.link-gen-btn-buy{background:#e85d4c;color:#fff}.link-gen-btn-buy:hover{background:#d94a39;color:#fff}.link-gen-notice{padding:1rem 1.125rem;border:1px solid #fecaca;border-radius:var(--app-radius-lg);background:#fff1f2}.link-gen-notice-title{margin:0 0 .625rem;font-size:.875rem;font-weight:700;color:#991b1b}.link-gen-notice-list{margin:0 0 .625rem;padding-left:1.125rem;color:#7f1d1d;font-size:.8125rem;line-height:1.6}.link-gen-notice-foot{margin:0;font-size:.75rem;font-weight:600;line-height:1.5;color:#b45309}.link-gen-notice--portal{border-color:#f2e6c5;background:#fffbf0}.link-gen-notice--portal .link-gen-notice-list{color:#5c4a1a}.link-gen-notice--portal .link-gen-notice-foot{font-weight:500;color:hsl(var(--app-text-muted))}@media (min-width: 1024px){.portal-main:has(.link-gen-layout){align-items:center;padding:2.5rem 2rem 3rem}.portal-main .link-gen-layout{display:flex;justify-content:center;width:100%;max-width:720px;margin:0 auto}.portal-main .link-gen-page{max-width:720px;gap:1.25rem;padding:2rem 2.25rem 2.25rem;border-radius:var(--app-radius-lg);background:hsl(var(--app-surface-elevated));border:1px solid hsl(var(--app-border));box-shadow:var(--app-shadow-md)}.app-main .link-gen-page{gap:1.25rem;padding:0;border:none;box-shadow:none;background:transparent}.app-main .link-gen-intro-text{text-align:left}.link-gen-intro{padding:1.25rem 1.5rem}.link-gen-intro-text{font-size:.9375rem}.link-gen-platforms{gap:.875rem}.link-gen-platform{min-height:52px;padding:.625rem 1rem;font-size:.9375rem;border-radius:var(--app-radius)}.link-gen-platform-img{width:26px;height:26px}.link-gen-card{padding:1.5rem 1.75rem;box-shadow:var(--app-shadow)}.link-gen-label{font-size:.9375rem;margin-bottom:.75rem}.link-gen-input{min-height:52px;padding:.875rem 2.75rem .875rem 1.125rem;font-size:.9375rem}.link-gen-paste-btn{min-width:96px;min-height:52px;font-size:.9375rem}.link-gen-submit{margin-top:1rem;min-height:52px;font-size:1rem}.link-gen-result{padding:1.5rem 1.75rem}.link-gen-result-message{font-size:1rem}.link-gen-result-url{font-size:.875rem;padding:1rem 1.125rem}.link-gen-notice{padding:1.125rem 1.375rem}.link-gen-notice-title{font-size:.9375rem}.link-gen-notice-list{font-size:.875rem}}@media (max-width: 640px){.link-gen-result-actions{grid-template-columns:1fr}.link-gen-platforms{gap:.5rem}.portal-main{padding:1rem .875rem 1.5rem}}@media (min-width: 1024px){body.app-authenticated{overflow-x:hidden;overflow-y:auto}body.app-authenticated .sidebar{display:flex;flex-direction:column}body.app-authenticated .app-shell{min-height:100vh;min-height:100dvh}}@media (min-width: 1024px){.confirm-modal-overlay:not(.hidden){left:280px!important;right:0!important;width:auto!important;max-width:calc(100vw - 280px)!important;z-index:1000!important}}.admin-users-self-note{color:hsl(var(--app-text-muted));font-size:.875rem}.admin-users-pagination{margin-top:1rem}@media (max-width: 1023px){.admin-users-page .table-wrapper{overflow-x:visible;padding-bottom:1rem}.admin-users-page .data-table.users-table{min-width:0!important;width:100%!important;display:block!important;border-collapse:separate}.admin-users-page .data-table.users-table thead{display:none!important}.admin-users-page .data-table.users-table tbody{display:block!important}.admin-users-page .data-table.users-table tbody tr{display:block!important;position:static!important;width:100%!important;margin-bottom:12px;padding:14px;border:1px solid hsl(var(--app-border));border-radius:var(--app-radius-lg);background:hsl(var(--app-surface-elevated));box-shadow:var(--app-shadow);box-sizing:border-box}.admin-users-page .data-table.users-table tbody tr:last-child{margin-bottom:0}.admin-users-page .data-table.users-table tbody tr.row-empty{padding:0;border:none;box-shadow:none;background:transparent}.admin-users-page .data-table.users-table td{display:block!important;width:100%!important;max-width:100%!important;padding:.35rem 0!important;border:none!important;text-align:left!important;white-space:normal!important;word-break:break-word;background:transparent!important;position:static!important;box-sizing:border-box}.admin-users-page .data-table.users-table td:before{content:attr(data-label) ": ";display:inline-block;min-width:5.5rem;margin-right:.35rem;font-size:.8125rem;font-weight:600;color:hsl(var(--app-text-muted));vertical-align:top}.admin-users-page .data-table.users-table td.table-empty:before{display:none!important;content:none!important}.admin-users-page .data-table.users-table td.table-empty{padding:1.5rem 1rem!important;text-align:center!important;color:hsl(var(--app-text-muted));font-size:.875rem}.admin-users-page .data-table.users-table td.col-full-name{padding-top:0!important;padding-bottom:.5rem!important;font-size:1rem;font-weight:700;color:hsl(var(--app-text))}.admin-users-page .data-table.users-table td.col-full-name:before{display:none}.admin-users-page .data-table.users-table td.col-code code{font-size:.875rem;letter-spacing:.06em}.admin-users-page .data-table.users-table td.col-role .status-chip,.admin-users-page .data-table.users-table td.col-status .status-chip{display:inline-flex;vertical-align:middle}.admin-users-page .data-table.users-table td.col-actions{margin-top:.75rem;padding-top:.75rem!important;border-top:1px solid hsl(var(--app-border))!important}.admin-users-page .data-table.users-table td.col-actions:before{display:none!important}.admin-users-page .data-table.users-table td.col-actions:after{display:none!important}.admin-users-page .data-table.users-table .cell-actions{display:flex!important;flex-wrap:wrap;gap:.5rem;width:100%}.admin-users-page .data-table.users-table .cell-actions .btn{flex:1 1 auto;min-width:7rem;min-height:var(--touch-target-min);justify-content:center}.admin-users-page .data-table.users-table .cell-actions form.inline{flex:1 1 auto;min-width:7rem}.admin-users-page .data-table.users-table .cell-actions form.inline .btn{width:100%}}.affiliate-portal{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem;padding-bottom:1rem}.affiliate-portal-hero{text-align:center;padding:2rem 1.5rem;border-radius:var(--app-radius-lg);background:linear-gradient(135deg,#fff6dd 0%,#fffdf8 100%);border:1px solid #f2e6c5}.affiliate-portal-badge{display:inline-block;padding:.4rem .875rem;margin-bottom:1rem;border-radius:999px;background:#fff2c7;color:#7a5a00;font-size:.8125rem;font-weight:600}.affiliate-portal-title{margin:0 0 1rem;font-size:clamp(1.5rem,4.5vw,2rem);font-weight:800;line-height:1.3;color:hsl(var(--app-text))}.affiliate-portal-name{color:hsl(var(--primary))}.affiliate-portal-lead{margin:0;font-size:.9375rem;line-height:1.7;color:hsl(var(--app-text-muted))}.affiliate-portal-lead-more{margin:.875rem 0 0}.affiliate-portal-about-link{font-size:.875rem;font-weight:600;color:hsl(var(--primary));text-decoration:underline;text-underline-offset:3px}.affiliate-portal-about-link:hover{color:hsl(var(--primary-hover))}.affiliate-portal .link-gen-layout{width:100%}.affiliate-portal .link-gen-page{max-width:none;margin:0;padding:0;border:none;box-shadow:none;background:transparent;gap:1rem}.affiliate-portal-cta{padding:1.5rem;border-radius:var(--app-radius-lg);background:hsl(var(--app-surface-elevated));border:1px solid hsl(var(--app-border));box-shadow:var(--app-shadow);text-align:center}.affiliate-portal-cta-title{margin:0 0 .75rem;font-size:1.125rem;font-weight:700;color:hsl(var(--app-text))}.affiliate-portal-cta-text{margin:0 0 1.125rem;font-size:.9375rem;line-height:1.65;color:hsl(var(--app-text-muted))}.affiliate-portal-cta-text strong{color:hsl(var(--primary))}.affiliate-portal-register-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);padding:.75rem 1.25rem;border-radius:var(--app-radius);background:hsl(var(--primary));color:#fff;font-size:.9375rem;font-weight:700;text-decoration:none;box-shadow:0 6px 18px hsl(var(--primary) / .3);transition:background .15s ease}.affiliate-portal-register-btn:hover{background:hsl(var(--primary-hover));color:#fff}.affiliate-portal-cta-foot{margin:1rem 0 0;font-size:.8125rem;color:hsl(var(--app-text-muted))}.affiliate-portal-cta-foot a{color:hsl(var(--primary));font-weight:600;text-decoration:underline;text-underline-offset:2px}.affiliate-portal-footer{text-align:center;padding:.5rem 0 .25rem;color:hsl(var(--app-text-muted))}.affiliate-portal-footer-brand{margin:0 0 .25rem;font-size:.9375rem;font-weight:700;color:hsl(var(--primary))}.affiliate-portal-footer-tagline{margin:0;font-size:.8125rem;line-height:1.5}.affiliate-portal-footer-copy{margin:.5rem 0 0;font-size:.75rem;line-height:1.5;color:hsl(var(--app-text-muted))}.affiliate-portal-about{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem;padding-bottom:1rem}.affiliate-portal-about-back{margin:0}.affiliate-portal-about-back-link{font-size:.875rem;font-weight:600;color:hsl(var(--app-text-muted));text-decoration:none}.affiliate-portal-about-back-link:hover{color:hsl(var(--primary))}.affiliate-portal-about-hero{text-align:center;padding:2rem 1.5rem;border-radius:var(--app-radius-lg);background:linear-gradient(135deg,#fff6dd 0%,#fffdf8 100%);border:1px solid #f2e6c5}.affiliate-portal-about-title{margin:0 0 1rem;font-size:clamp(1.375rem,4vw,1.875rem);font-weight:800;line-height:1.35;color:hsl(var(--app-text))}.affiliate-portal-about-subtitle{margin:0;font-size:1rem;line-height:1.65;color:hsl(var(--app-text-muted))}.affiliate-portal-about-section{padding:1.5rem 1.25rem;border-radius:var(--app-radius-lg);background:hsl(var(--app-surface-elevated));border:1px solid hsl(var(--app-border));box-shadow:var(--app-shadow)}.affiliate-portal-about-section p{margin:0 0 .875rem;font-size:.9375rem;line-height:1.75;color:hsl(var(--app-text))}.affiliate-portal-about-section p:last-child{margin-bottom:0}.affiliate-portal-about-heading{margin:0 0 1rem;font-size:1.25rem;font-weight:700;color:hsl(var(--app-text))}.affiliate-portal-about-quote{margin:1rem 0;padding:1rem 1.125rem;border-left:4px solid hsl(var(--primary));border-radius:var(--app-radius);background:#fff8ea;font-size:.9375rem;font-weight:600;line-height:1.65;color:#5c4a1a}.affiliate-portal-about-quote--foot{margin-bottom:0}.affiliate-portal-about-list{margin:0 0 .875rem;padding-left:1.25rem;font-size:.9375rem;line-height:1.65;color:hsl(var(--app-text))}.affiliate-portal-about-list li{margin-bottom:.375rem}.affiliate-portal-about-list--ordered{padding-left:1.375rem}.affiliate-portal-about-action{margin-top:1.25rem!important;text-align:center}.affiliate-portal-merit-todo{margin:1rem 0;padding:1.25rem 1.125rem;border-radius:var(--app-radius-lg);border:1px dashed hsl(var(--primary) / .35);background:hsl(var(--primary) / .06);text-align:center}.affiliate-portal-merit-todo-badge{display:inline-block;margin-bottom:.625rem;padding:.35rem .75rem;border-radius:999px;background:#fff2c7;color:#7a5a00;font-size:.75rem;font-weight:700}.affiliate-portal-merit-todo-text{margin:0!important;font-size:.875rem!important;line-height:1.65!important;color:hsl(var(--app-text-muted))!important}@media (max-width: 640px){.affiliate-portal-about-hero{padding:1.5rem 1.125rem}.affiliate-portal-about-section{padding:1.25rem 1rem}}@media (min-width: 1024px){.portal-main:has(.affiliate-portal),.portal-main:has(.affiliate-portal-about){align-items:flex-start;padding:2.5rem 2rem 3rem}.affiliate-portal{max-width:680px;gap:1.5rem}.affiliate-portal-hero{padding:2.5rem 2rem}.affiliate-portal .link-gen-page{padding:1.75rem 2rem;border-radius:var(--app-radius-lg);background:hsl(var(--app-surface-elevated));border:1px solid hsl(var(--app-border));box-shadow:var(--app-shadow-md)}}html,body{height:auto!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}body.app-authenticated .app-shell,.portal-shell{height:auto!important;max-height:none!important;overflow:visible!important}.app-main,.portal-main{overflow:visible!important;max-height:none!important;min-height:auto!important}.auth-page-container{min-height:100vh;min-height:100dvh;height:auto}