body,html{background-color:#f3f4f6;margin:0}[data-theme=dark] body,body.dark,html.dark,html[data-theme=dark]{background-color:#111827}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root{min-height:100vh;overflow-x:hidden;width:100%}@media screen and (max-device-width:480px){input,select,textarea{font-size:16px!important}}.notification-container{display:flex;flex-direction:column;gap:var(--spacing-3);max-width:420px;pointer-events:none;position:fixed;right:var(--spacing-5);top:var(--spacing-5);width:100%;z-index:var(--z-notification)}.notification{align-items:flex-start;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-gray-800);border-left:4px solid;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl),0 0 0 1px #ffffff1a;display:flex;gap:var(--spacing-3);min-width:320px;padding:var(--spacing-4);pointer-events:all}.notification--success{background:linear-gradient(135deg,#38a16926,#2d3748f2);border-left-color:var(--color-success)}.notification--error{background:linear-gradient(135deg,#e53e3e26,#2d3748f2);border-left-color:var(--color-danger)}.notification--warning{background:linear-gradient(135deg,#d69e2e26,#2d3748f2);border-left-color:var(--color-warning)}.notification--info{background:linear-gradient(135deg,#3182ce26,#2d3748f2);border-left-color:var(--color-info)}.notification--confirm{background:linear-gradient(135deg,#ecc94b26,#2d3748f2);border-left-color:var(--color-warning-light)}.notification__icon{align-items:center;border-radius:var(--border-radius-full);display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:24px;justify-content:center;width:24px}.notification--success .notification__icon{background:var(--color-success);color:var(--color-white)}.notification--error .notification__icon{background:var(--color-danger);color:var(--color-white)}.notification--warning .notification__icon{background:var(--color-warning);color:var(--color-white)}.notification--confirm .notification__icon,.notification--info .notification__icon{background:var(--color-info);color:var(--color-white)}.notification__content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-1)}.notification__message{color:var(--color-gray-100);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.5;margin:0}.notification__error-code{color:var(--color-gray-500);font-family:Courier New,monospace;font-size:11px;letter-spacing:.5px;margin:var(--spacing-1) 0 0 0}.notification__close{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-md);color:var(--color-gray-500);cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:var(--transition-all);width:24px}.notification__close:hover{background:#ffffff1a;color:var(--color-gray-100)}.notification__actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3)}.notification__btn{border:none;border-radius:var(--border-radius-lg);cursor:pointer;font-size:13px;font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:var(--spacing-2) var(--spacing-4);text-transform:uppercase;transition:var(--transition-all)}.notification__btn--confirm{background:var(--color-success);color:var(--color-white)}.notification__btn--confirm:hover{background:var(--color-success-dark);box-shadow:0 4px 12px #38a1694d;transform:translateY(-1px)}.notification__btn--cancel{background:#ffffff1a;color:var(--color-gray-100)}.notification__btn--cancel:hover{background:#fff3}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:768px){.notification-container{left:var(--spacing-2-5);max-width:none;right:var(--spacing-2-5);top:var(--spacing-2-5)}.notification{min-width:0;min-width:auto;width:100%}.notification__message{font-size:var(--font-size-sm)}.notification__error-code{font-size:var(--font-size-xs)}}@media (prefers-color-scheme:dark){.notification{box-shadow:var(--shadow-2xl),0 0 0 1px #ffffff26}}.language-switcher{display:inline-block;position:relative}.language-switcher__button{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-1);min-height:44px;padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-colors)}.language-switcher__button:hover{background:var(--bg-secondary)}.language-switcher__flag,.language-switcher__option-flag{font-feature-settings:"liga" off;align-items:center;background:none;display:flex;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Android Emoji,EmojiSymbols,EmojiOne Mozilla,Twemoji Mozilla,Segoe UI Symbol,Noto Emoji,sans-serif;font-size:14px;justify-content:center;min-width:20px;padding:0;position:relative;text-align:center;text-rendering:auto}.language-switcher__flag-image,.language-switcher__option-flag .language-switcher__flag-image{background:var(--bg-secondary);border-radius:var(--radius-sm);box-shadow:0 0 1px var(--border-secondary);height:16px;object-fit:cover;vertical-align:middle;width:16px}.language-switcher__flag-fallback,.language-switcher__option-flag .language-switcher__flag-fallback{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:16px;padding:0 var(--spacing-1);text-align:center}.language-switcher__arrow{color:var(--text-tertiary);font-size:10px;opacity:.8;transition:transform .2s ease}.language-switcher__button[aria-expanded=true] .language-switcher__arrow{transform:rotate(180deg)}.language-switcher__dropdown{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:140px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--spacing-1));z-index:var(--z-dropdown)}.language-switcher__option{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);min-height:44px;padding:var(--spacing-3) var(--spacing-4);text-align:left;transition:var(--transition-colors);width:100%}.language-switcher__option:hover{background:var(--bg-secondary)}.language-switcher__option--active{background:var(--color-primary-50);color:var(--color-primary-700);font-weight:var(--font-weight-medium)}.language-switcher__option--active:hover{background:var(--color-primary-100)}.language-switcher__option-flag{font-feature-settings:"liga" off;flex-shrink:0;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Android Emoji,EmojiSymbols,EmojiOne Mozilla,Twemoji Mozilla,Segoe UI Symbol,Noto Emoji,sans-serif;font-size:14px;min-width:18px;position:relative;text-align:center;text-rendering:auto}.language-switcher__option-flag .language-switcher__flag-image{border-radius:2px;height:16px;object-fit:cover;vertical-align:middle;width:16px}.language-switcher__option-flag .language-switcher__flag-fallback{color:var(--text-secondary);font-size:11px;font-weight:var(--font-weight-semibold)}.language-switcher__option-name{color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.language-switcher__option-check{color:var(--color-primary-600);flex-shrink:0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.dark .language-switcher__dropdown,[data-theme=dark] .language-switcher__dropdown{background:var(--color-gray-800);border-color:var(--color-gray-700);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.dark .language-switcher__button,[data-theme=dark] .language-switcher__button{color:var(--color-gray-300)}.dark .language-switcher__button:hover,[data-theme=dark] .language-switcher__button:hover{background:var(--color-gray-700)}.dark .language-switcher__arrow,[data-theme=dark] .language-switcher__arrow{color:var(--color-gray-400)}.dark .language-switcher__option,[data-theme=dark] .language-switcher__option{color:var(--color-gray-200)}.dark .language-switcher__option:hover,[data-theme=dark] .language-switcher__option:hover{background:var(--color-gray-700)}.dark .language-switcher__option-name,[data-theme=dark] .language-switcher__option-name{color:var(--color-gray-200)}.dark .language-switcher__option--active,[data-theme=dark] .language-switcher__option--active{background:#3b82f633;color:var(--color-primary-300)}.dark .language-switcher__option--active:hover,[data-theme=dark] .language-switcher__option--active:hover{background:#3b82f64d}.dark .language-switcher__option--active .language-switcher__option-name,[data-theme=dark] .language-switcher__option--active .language-switcher__option-name{color:var(--color-primary-300)}.dark .language-switcher__option-check,[data-theme=dark] .language-switcher__option-check{color:var(--color-primary-400)}.dark .language-switcher__flag-fallback,.dark .language-switcher__option-flag .language-switcher__flag-fallback,[data-theme=dark] .language-switcher__flag-fallback,[data-theme=dark] .language-switcher__option-flag .language-switcher__flag-fallback{background:var(--color-gray-700);color:var(--color-gray-300)}@media (max-width:768px){.language-switcher__button{font-size:12px;gap:3px;min-height:44px;padding:10px 12px}.language-switcher__flag,.language-switcher__option-flag{font-size:14px;min-width:16px}.language-switcher__flag-image,.language-switcher__option-flag .language-switcher__flag-image{height:14px;width:14px}.language-switcher__dropdown{min-width:120px;right:-8px}.language-switcher__option{font-size:13px;min-height:44px;padding:12px 10px}}@media (max-width:480px){.language-switcher{flex-shrink:0}.language-switcher__button{font-size:11px;gap:2px;min-height:44px;padding:10px 8px}.language-switcher__flag-image,.language-switcher__option-flag .language-switcher__flag-image{height:12px;width:12px}.language-switcher__dropdown{max-width:calc(100vw - 32px);min-width:100px;right:-16px}.language-switcher__option{font-size:12px;min-height:44px;padding:12px 8px}.language-switcher__option-name{font-size:12px}}@media (max-width:320px){.language-switcher__button{min-height:44px;padding:10px 8px}.language-switcher__flag-image,.language-switcher__option-flag .language-switcher__flag-image{height:10px;width:10px}.language-switcher__dropdown{min-width:90px}}.nav-drawer-overlay{-webkit-tap-highlight-color:transparent;background:#00000080;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;touch-action:manipulation;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:var(--z-notification)}.nav-drawer-overlay.active{opacity:1;pointer-events:auto;visibility:visible}.nav-drawer-wrapper{height:100vh;height:100dvh;position:fixed;right:-280px;top:0;transition:right .3s ease;width:280px;z-index:calc(var(--z-notification) + 1)}.nav-drawer-wrapper.active{right:0}.nav-drawer{-webkit-overflow-scrolling:touch;background:var(--color-white);box-shadow:-4px 0 20px #00000026;display:flex!important;flex-direction:column;height:100%;overflow-y:auto;position:relative;width:100%}@media (max-width:768px){.nav-drawer-wrapper{right:-260px;width:260px}.nav-drawer-wrapper.active{right:0}}@media (max-width:360px){.nav-drawer-wrapper{right:-240px;width:240px}.nav-drawer-wrapper.active{right:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nav-drawer-wrapper.active .nav-drawer-header{animation:fadeInUp .3s ease-out .05s both}.nav-drawer-wrapper.active .nav-drawer-admin-info,.nav-drawer-wrapper.active .nav-drawer-user-info{animation:fadeInUp .3s ease-out .1s both}.nav-drawer-wrapper.active .nav-drawer-section:nth-child(3){animation:fadeInUp .3s ease-out .15s both}.nav-drawer-wrapper.active .nav-drawer-section:nth-child(4){animation:fadeInUp .3s ease-out .2s both}.nav-drawer-wrapper.active .nav-drawer-section:nth-child(5){animation:fadeInUp .3s ease-out .25s both}.nav-drawer-wrapper.active .nav-drawer-section:nth-child(6){animation:fadeInUp .3s ease-out .3s both}.nav-drawer-wrapper.active .nav-drawer-section--bottom{animation:fadeInUp .3s ease-out .35s both}.nav-drawer-header{align-items:center;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-4)}.nav-drawer-title{color:var(--color-gray-800);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.nav-drawer-close{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-gray-100);border:none;border-radius:var(--border-radius-md);color:var(--color-gray-600);cursor:pointer;display:flex;height:36px;justify-content:center;touch-action:manipulation;transition:var(--transition-all);width:36px}.nav-drawer-close:hover{background:var(--color-gray-200);color:var(--color-gray-800)}.nav-drawer-user-info{background:var(--color-teal-100);border-bottom:1px solid var(--color-teal-200);padding:var(--spacing-4)}.nav-drawer-user-name{color:var(--color-teal-800);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-1)}.nav-drawer-user-type{margin-bottom:var(--spacing-2)}.nav-drawer-user-type span{border-radius:var(--border-radius-md);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 8px;text-transform:uppercase}.nav-drawer-access-key{align-items:center;border-top:1px solid var(--color-teal-200);display:flex;gap:var(--spacing-2);margin-top:var(--spacing-2);padding-top:var(--spacing-2)}.nav-drawer-access-key-label{color:var(--color-teal-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.nav-drawer-access-key code{color:var(--color-teal-800);flex:1 1;font-family:Courier New,monospace;font-size:var(--font-size-xs);padding:4px 8px}.nav-drawer-access-key code,.nav-drawer-copy-btn{background:var(--color-white);border:1px solid var(--color-teal-300);border-radius:var(--border-radius-sm)}.nav-drawer-copy-btn{align-items:center;cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition-all);width:32px}.nav-drawer-copy-btn:hover{background:var(--color-teal-50)}.nav-drawer-admin-info{align-items:center;background:var(--color-purple-100);border-bottom:1px solid var(--color-purple-200);display:flex;gap:var(--spacing-2);padding:var(--spacing-4)}.nav-drawer-admin-badge{align-items:center;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-radius:var(--border-radius-full);color:#fff;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);gap:var(--spacing-1);letter-spacing:.05em;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.nav-drawer-admin-name{color:var(--color-purple-600);font-size:var(--font-size-sm)}.nav-drawer-section{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-3) 0}.nav-drawer-section:last-child{border-bottom:none}.nav-drawer-section--bottom{border-bottom:none;border-top:1px solid var(--color-gray-200);flex-shrink:0;margin-top:auto;padding-bottom:var(--spacing-4)}@supports (padding-bottom:env(safe-area-inset-bottom)){.nav-drawer-section--bottom{padding-bottom:calc(var(--spacing-4) + env(safe-area-inset-bottom))}}.nav-drawer-section-title{color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:var(--spacing-2) var(--spacing-4);text-transform:uppercase}.nav-drawer-item{-webkit-tap-highlight-color:transparent;background:#0000;border:none;color:var(--color-gray-700);cursor:pointer;font-size:var(--font-size-sm);gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);text-align:left;touch-action:manipulation;width:100%}.nav-drawer-item,.nav-drawer-item-icon{align-items:center;display:flex;transition:var(--transition-colors)}.nav-drawer-item-icon{color:var(--color-gray-500);flex-shrink:0;justify-content:center}.nav-drawer-item:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.nav-drawer-item:hover .nav-drawer-item-icon{color:var(--color-primary)}.nav-drawer-item.active{background:var(--color-blue-50);font-weight:var(--font-weight-medium)}.nav-drawer-item.active,.nav-drawer-item.active .nav-drawer-item-icon{color:var(--color-blue-700)}.nav-drawer-item--switch{justify-content:space-between}.nav-drawer-item-badge{background:var(--color-gray-200);border-radius:var(--border-radius-sm);color:var(--color-gray-600);font-size:var(--font-size-xs);padding:2px 6px}.nav-drawer-item--admin-logout{color:var(--color-purple-600)}.nav-drawer-item--admin-logout:hover{background:var(--color-purple-50)}.nav-drawer-item--logout{color:var(--color-gray-600)}.nav-drawer-item--danger{color:var(--color-danger)}.nav-drawer-item--danger:hover{background:var(--color-red-50)}.nav-drawer-settings-row{align-items:center;color:var(--color-gray-700);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--spacing-3) var(--spacing-4)}.nav-drawer-settings-row>span:first-child{align-items:center;display:flex;gap:var(--spacing-2)}.nav-drawer-settings-icon{align-items:center;color:var(--color-gray-500);display:flex;justify-content:center}.nav-drawer-ss-badge{background:var(--color-green-100);border-radius:var(--border-radius-full);color:var(--color-green-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:4px 10px}.nav-drawer-theme-btn{background:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-700);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:60px;padding:var(--spacing-1-5) var(--spacing-3);text-align:center;transition:var(--transition-all)}.nav-drawer-theme-btn:hover{background:var(--color-gray-200);border-color:var(--color-gray-400)}@media (max-width:480px){.nav-drawer{max-width:100%;width:100%}.nav-drawer-header{padding:var(--spacing-3)}.nav-drawer-item{min-height:48px;padding:var(--spacing-4)}}.dark .nav-drawer,[data-theme=dark] .nav-drawer{background:var(--color-gray-800);box-shadow:-4px 0 20px #0006}.dark .nav-drawer-header,[data-theme=dark] .nav-drawer-header{background:var(--color-gray-700);border-bottom-color:var(--color-gray-600)}.dark .nav-drawer-title,[data-theme=dark] .nav-drawer-title{color:var(--color-gray-100)}.dark .nav-drawer-close,[data-theme=dark] .nav-drawer-close{background:var(--color-gray-600);color:var(--color-gray-300)}.dark .nav-drawer-close:hover,[data-theme=dark] .nav-drawer-close:hover{background:var(--color-gray-500);color:var(--color-gray-100)}.dark .nav-drawer-user-info,[data-theme=dark] .nav-drawer-user-info{background:#14b8a626;border-bottom-color:#14b8a64d}.dark .nav-drawer-user-name,[data-theme=dark] .nav-drawer-user-name{color:var(--color-teal-300)}.dark .nav-drawer-access-key,[data-theme=dark] .nav-drawer-access-key{border-top-color:#14b8a64d}.dark .nav-drawer-access-key-label,[data-theme=dark] .nav-drawer-access-key-label{color:var(--color-teal-300)}.dark .nav-drawer-access-key code,[data-theme=dark] .nav-drawer-access-key code{background:var(--color-gray-700);border-color:#14b8a64d;color:var(--color-teal-300)}.dark .nav-drawer-copy-btn,[data-theme=dark] .nav-drawer-copy-btn{background:var(--color-gray-700);border-color:#14b8a64d}.dark .nav-drawer-copy-btn:hover,[data-theme=dark] .nav-drawer-copy-btn:hover{background:var(--color-gray-600)}.dark .nav-drawer-admin-info,[data-theme=dark] .nav-drawer-admin-info{background:#9333ea26;border-bottom-color:#9333ea4d}.dark .nav-drawer-admin-badge,[data-theme=dark] .nav-drawer-admin-badge{color:var(--color-purple-300)}.dark .nav-drawer-admin-name,[data-theme=dark] .nav-drawer-admin-name{color:var(--color-purple-400)}.dark .nav-drawer-section,[data-theme=dark] .nav-drawer-section{border-bottom-color:var(--color-gray-700)}.dark .nav-drawer-section--bottom,[data-theme=dark] .nav-drawer-section--bottom{border-top-color:var(--color-gray-700)}.dark .nav-drawer-section-title,[data-theme=dark] .nav-drawer-section-title{color:var(--color-gray-400)}.dark .nav-drawer-item,[data-theme=dark] .nav-drawer-item{color:var(--color-gray-200)}.dark .nav-drawer-item:hover,[data-theme=dark] .nav-drawer-item:hover{background:var(--color-gray-700)}.dark .nav-drawer-item.active,[data-theme=dark] .nav-drawer-item.active{background:#3b82f626;color:var(--color-blue-300)}.dark .nav-drawer-item-badge,[data-theme=dark] .nav-drawer-item-badge{background:var(--color-gray-600);color:var(--color-gray-300)}.dark .nav-drawer-item--admin-logout,[data-theme=dark] .nav-drawer-item--admin-logout{color:var(--color-purple-300)}.dark .nav-drawer-item--admin-logout:hover,[data-theme=dark] .nav-drawer-item--admin-logout:hover{background:#9333ea26}.dark .nav-drawer-item--logout,[data-theme=dark] .nav-drawer-item--logout{color:var(--color-gray-400)}.dark .nav-drawer-item--danger:hover,[data-theme=dark] .nav-drawer-item--danger:hover{background:#ef444426}.dark .nav-drawer-settings-row,[data-theme=dark] .nav-drawer-settings-row{color:var(--color-gray-200)}.dark .nav-drawer-ss-badge,[data-theme=dark] .nav-drawer-ss-badge{background:#22c55e26;color:var(--color-green-300)}.dark .nav-drawer-theme-btn,[data-theme=dark] .nav-drawer-theme-btn{background:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--color-gray-200)}.dark .nav-drawer-theme-btn:hover,[data-theme=dark] .nav-drawer-theme-btn:hover{background:var(--color-gray-600);border-color:var(--color-gray-500)}.navbar--desktop{background:var(--surface-primary);border-bottom:1px solid var(--border-primary);justify-content:space-between;padding:var(--spacing-2) var(--spacing-5);position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar--desktop,.navbar__logo{align-items:center;display:flex}.navbar__logo{cursor:pointer;gap:var(--spacing-2);transition:opacity .2s}.navbar__logo:hover{opacity:.8}.navbar__logo img{border-radius:var(--border-radius-md);height:32px;object-fit:contain;width:32px}.navbar__brand{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.navbar__actions{gap:var(--spacing-3)}.navbar__actions,.navbar__ss{align-items:center;display:flex}.navbar__ss{flex-direction:column;line-height:1.2}.navbar__ss-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.navbar__ss-countdown{font-feature-settings:"tnum";color:var(--text-secondary);font-size:10px;font-variant-numeric:tabular-nums}.navbar__gear{position:relative}.navbar__gear-btn{align-items:center;background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.navbar__gear-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.navbar__dropdown{animation:dropdown-fade .15s ease-out;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);min-width:200px;padding:var(--spacing-2);position:absolute;right:0;top:calc(100% + var(--spacing-2));z-index:1000}@keyframes dropdown-fade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar__dropdown-user{border-bottom:1px solid var(--border-primary);display:flex;flex-direction:column;gap:var(--spacing-1);margin-bottom:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}.navbar__dropdown-badge{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.navbar__dropdown-name{font-weight:var(--font-weight-medium)}.navbar__dropdown-item,.navbar__dropdown-name{color:var(--text-primary);font-size:var(--font-size-sm)}.navbar__dropdown-item{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);text-align:left;transition:background .15s;width:100%}.navbar__dropdown-item:hover{background:var(--surface-hover)}.navbar__dropdown-item svg{color:var(--text-secondary);flex-shrink:0}.navbar__dropdown-item--danger,.navbar__dropdown-item--danger svg{color:var(--color-danger)}.navbar__dropdown-divider{background:var(--border-primary);height:1px;margin:var(--spacing-2) 0}.navbar__menu-btn{align-items:center;background:var(--color-gray-800);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);transition:all .2s}.navbar__menu-btn:hover{background:var(--color-gray-700);transform:translateY(-1px)}.navbar__menu-text{font-weight:var(--font-weight-semibold)}.navbar--mobile{background:var(--surface-primary);border-top:1px solid var(--border-primary);bottom:0;display:none;flex-direction:column;left:0;position:fixed;right:0;z-index:100}.navbar__mobile-ss-bar{align-items:center;background:var(--surface-secondary);border-bottom:1px solid var(--border-primary);display:flex;gap:var(--spacing-2);height:24px;justify-content:center}.navbar__mobile-ss-label{color:var(--text-primary);font-size:12px;font-weight:var(--font-weight-bold)}.navbar__mobile-ss-countdown{font-feature-settings:"tnum";color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums}.navbar__mobile-items{align-items:center;display:flex;justify-content:space-around;padding:var(--spacing-2) var(--spacing-1);padding-bottom:max(var(--spacing-2),env(safe-area-inset-bottom))}.navbar__mobile-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:10px;gap:2px;min-width:60px;padding:var(--spacing-1) var(--spacing-2);transition:color .2s}.navbar__mobile-item:active,.navbar__mobile-item:hover{color:var(--color-primary)}.navbar__mobile-item svg{flex-shrink:0}.navbar__mobile-item span{font-weight:var(--font-weight-medium)}.navbar__dropdown--mobile{animation:dropdown-fade-up .15s ease-out;bottom:calc(90px + env(safe-area-inset-bottom));left:var(--spacing-3);position:fixed;right:var(--spacing-3);top:auto;z-index:1001}@keyframes dropdown-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.navbar__mobile-overlay{background:#0006;inset:0;position:fixed;z-index:1000}@media (max-width:768px){.navbar--desktop{display:none}.navbar--mobile{display:flex}.main-content{padding-bottom:90px}}@media (min-width:769px){.navbar--desktop{display:flex}.navbar--mobile{display:none}}@media (max-width:1024px) and (min-width:769px){.navbar--desktop{padding:var(--spacing-2) var(--spacing-4)}.navbar__brand{font-size:var(--font-size-md)}.navbar__menu-text{display:none}.navbar__ss-bar{width:40px}}@media (max-width:360px){.navbar__mobile-item{min-width:50px;padding:var(--spacing-1)}.navbar__mobile-item span{font-size:9px}}.dark .navbar__menu-btn,[data-theme=dark] .navbar__menu-btn{background:var(--color-gray-700)}.dark .navbar__menu-btn:hover,[data-theme=dark] .navbar__menu-btn:hover{background:var(--color-gray-600)}.footer{background:var(--color-white);background:var(--surface-primary,var(--color-white));border-top:1px solid var(--border-primary,var(--color-gray-300));box-shadow:var(--shadow-sm);color:var(--color-gray-700);color:var(--text-secondary,var(--color-gray-700));font-size:var(--font-size-sm);line-height:1.6;margin-top:auto;padding:var(--spacing-3) 0}.dark .footer,[data-theme=dark] .footer{background:var(--color-gray-800);background:var(--surface-primary,var(--color-gray-800));border-top-color:var(--border-primary,var(--color-gray-700));color:var(--color-gray-300);color:var(--text-secondary,var(--color-gray-300))}.dark .footer-creator,.dark .footer-text,[data-theme=dark] .footer-creator,[data-theme=dark] .footer-text{color:var(--color-gray-400)}.dark .footer-link,[data-theme=dark] .footer-link{color:var(--color-blue-400)}.dark .footer-link:hover,[data-theme=dark] .footer-link:hover{color:var(--color-blue-300)}.dark .footer-creator-name,[data-theme=dark] .footer-creator-name{color:var(--color-blue-400)}.footer-content{margin:0 auto;max-width:1200px;padding:0 var(--spacing-3);text-align:center}.footer-text{color:var(--color-gray-600);margin:0 0 var(--spacing-3) 0}.footer-link{color:var(--color-primary-light);text-decoration:none;transition:var(--transition-colors)}.footer-link:hover{color:var(--color-primary-dark);text-decoration:underline}.footer-creator{color:var(--color-gray-600);font-size:13px;margin:0}.footer-creator-name{color:var(--color-primary-light);font-weight:var(--font-weight-semibold)}@media (max-width:768px){.footer{font-size:13px;padding:20px 0}.footer-content{padding:0 16px}.footer-text{margin-bottom:10px}.footer-creator{font-size:var(--font-size-xs)}}@media (max-width:480px){.footer{font-size:var(--font-size-xs);padding:16px 0}.footer-content{padding:0 12px}.footer-text{line-height:1.5}}.page-header-container{margin-bottom:20px;text-align:center}.page-header-logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:16px}.page-header-logo{border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #0000001a;height:48px;margin-right:12px;object-fit:contain;width:48px}.page-header-title-container{align-items:flex-start;display:flex;flex-direction:column}.page-header-title{color:var(--color-gray-800);font-size:32px;font-weight:var(--font-weight-bold);margin:0 0 4px}.page-header-title.no-subtitle{margin-bottom:0}.page-header-subtitle{color:var(--color-gray-600);font-size:var(--font-size-md);font-weight:400;margin:0}.dark .page-header-title,[data-theme=dark] .page-header-title{color:var(--color-gray-100)}.dark .page-header-subtitle,[data-theme=dark] .page-header-subtitle{color:var(--color-gray-400)}.btn{border-radius:var(--border-radius-md);min-height:44px;min-width:44px;padding:var(--spacing-3) var(--spacing-5);text-align:center;transition:var(--transition-all);white-space:nowrap}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background-color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-white);border:2px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-100);box-shadow:var(--shadow-sm)}.btn-danger{background-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-dark);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.btn-danger-outline{background-color:var(--color-red-200);border:1px solid var(--color-danger-light);color:var(--color-danger-dark)}.btn-danger-outline:hover:not(:disabled){background-color:var(--color-danger-light);color:var(--color-white)}.btn-ghost{background-color:initial;border:1px solid var(--color-gray-300);color:var(--color-gray-700)}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100)}.btn-sm{min-height:36px;padding:var(--spacing-2) var(--spacing-3)}.btn-lg{min-height:52px;padding:var(--spacing-4) var(--spacing-6)}.btn-lg,.primary-button{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.primary-button{background-color:var(--color-primary);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);color:var(--color-white);cursor:pointer;display:block;min-height:44px;padding:var(--spacing-3-5) var(--spacing-5);text-align:center;transition:var(--transition-all)}.primary-button:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.primary-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.secondary-button{background-color:var(--color-white);border:2px solid var(--color-primary);color:var(--color-primary);display:block;padding:var(--spacing-3) var(--spacing-5);text-align:center}.secondary-button:hover:not(:disabled){background-color:var(--color-gray-100);box-shadow:var(--shadow-sm)}.verification-button-container{margin:var(--spacing-4) auto var(--spacing-3) auto}.divider-text{margin:var(--spacing-5) auto;max-width:300px}.divider-text:before{margin-right:var(--spacing-4)}.divider-text:after{margin-left:var(--spacing-4)}.btn-refresh{align-items:center;background-color:var(--color-info);border:none;border-radius:var(--border-radius-md);color:var(--color-white);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:var(--spacing-1-5);min-height:44px;min-width:44px;padding:var(--spacing-3) var(--spacing-6);transition:var(--transition-all)}.btn-refresh:hover:not(:disabled){background-color:var(--color-info-dark);box-shadow:var(--shadow-sm)}.dark .btn-secondary,[data-theme=dark] .btn-secondary{background-color:var(--color-gray-800);border-color:var(--color-primary-500);color:var(--color-primary-400)}.dark .btn-secondary:hover:not(:disabled),[data-theme=dark] .btn-secondary:hover:not(:disabled){background-color:var(--color-gray-700)}.dark .btn-ghost,[data-theme=dark] .btn-ghost{border-color:var(--color-gray-600);color:var(--color-gray-300)}.dark .btn-ghost:hover:not(:disabled),[data-theme=dark] .btn-ghost:hover:not(:disabled){background-color:var(--color-gray-700)}.dark .btn-danger-outline,[data-theme=dark] .btn-danger-outline{background-color:#ef44441a;border-color:var(--color-red-700);color:var(--color-red-400)}.dark .btn-danger-outline:hover:not(:disabled),[data-theme=dark] .btn-danger-outline:hover:not(:disabled){background-color:var(--color-red-700);color:var(--color-white)}.dark .secondary-button,[data-theme=dark] .secondary-button{background-color:var(--color-gray-800);border-color:var(--color-primary-500);color:var(--color-primary-400)}.dark .secondary-button:hover:not(:disabled),[data-theme=dark] .secondary-button:hover:not(:disabled){background-color:var(--color-gray-700)}.respawn-card{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin:var(--spacing-1) 0;padding:var(--spacing-3) 0;text-rendering:optimizeLegibility;transition:var(--transition-shadow);width:100%}.respawn-card:hover{box-shadow:var(--shadow-md)}.respawn-card--no-claims{background:var(--color-gray-100);border:1px dashed var(--color-gray-400)}.respawn-card__header{align-items:center;display:flex;padding-left:var(--spacing-2-5)}.respawn-card__image{border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);margin-right:var(--spacing-4);max-width:80px}.respawn-card__title{color:var(--color-gray-900);font-size:var(--font-size-xl);margin:0}.respawn-card__title--no-claims{color:var(--color-gray-600)}.respawn-card__claims{background:var(--color-gray-100);border-radius:var(--border-radius-lg);margin-top:var(--spacing-2);padding:var(--spacing-2)}.respawn-card__date-group{align-items:center;display:flex;gap:var(--spacing-2)}.respawn-card__date-label{color:var(--color-primary);flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:80px}.respawn-card__claims-list{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:var(--spacing-1-5)}.respawn-card__claim-badge{border:none;border-radius:var(--border-radius-md);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-0-5) var(--spacing-2)}.respawn-card__claim-badge--vice{background:var(--vice-bg);color:var(--vice-text)}.respawn-card__claim-badge--elite{background:var(--elite-bg);color:var(--elite-text)}.respawn-card__claim-badge--member{background:var(--member-bg);color:var(--member-text)}.respawn-card__claim-active{animation:pulse-border 2s ease-in-out infinite;border:2px solid var(--color-danger);font-weight:700}@keyframes pulse-border{0%,to{border-color:var(--color-danger);box-shadow:0 0 0 #e53e3e00}50%{border-color:var(--color-danger-dark);box-shadow:0 0 10px #e53e3e66}}.respawn-card__claim-separator{color:var(--color-gray-500);font-weight:var(--font-weight-bold)}.respawn-card__date-divider{background:linear-gradient(to right,#0000,var(--color-gray-400),#0000);height:1px;margin:var(--spacing-3) 0;opacity:.6}@media (max-width:768px){.respawn-card{margin:var(--spacing-0-5) 0;padding:var(--spacing-2) 0}.respawn-card__header{padding-left:var(--spacing-2)}.respawn-card__image{margin-right:var(--spacing-3);max-width:60px}.respawn-card__title{font-size:var(--font-size-lg);line-height:1.3}.respawn-card__claims{margin-top:var(--spacing-1-5);padding:var(--spacing-1-5)}.respawn-card__date-group{flex-wrap:wrap;gap:var(--spacing-1-5)}.respawn-card__date-label{font-size:var(--font-size-xs);min-width:70px}.respawn-card__claims-list{gap:var(--spacing-1)}}@media (max-width:480px){.respawn-card{margin:var(--spacing-0-5) 0;padding:var(--spacing-1-5) 0}.respawn-card__header{flex-wrap:wrap;padding-left:var(--spacing-1-5)}.respawn-card__image{margin-bottom:var(--spacing-2);margin-right:var(--spacing-2-5);max-width:50px}.respawn-card__title{font-size:var(--font-size-base);line-height:1.2;word-break:break-word}.respawn-card__claims{margin-top:var(--spacing-1);padding:var(--spacing-1)}.respawn-card__date-group{align-items:flex-start;flex-direction:column;gap:var(--spacing-1)}.respawn-card__date-label{font-size:var(--font-size-xs);margin-bottom:var(--spacing-0-5);min-width:auto}.respawn-card__claims-list{gap:var(--spacing-0-5);width:100%}}.respawn-card--photo-mode{margin:.125em 0;padding:6px 0}.respawn-card--photo-mode .respawn-card__header{padding-left:6px}.respawn-card--photo-mode .respawn-card__image{margin-right:10px;max-width:50px}.respawn-card__title--photo-mode{font-size:16px!important;margin:0!important}.respawn-card--photo-mode .respawn-card__claims{padding-top:4px}.respawn-card--photo-mode .respawn-card__date-group{margin-bottom:4px}.respawn-card--photo-mode .respawn-card__date-label{font-size:12px;margin-bottom:2px}.respawn-card--photo-mode .respawn-card__claim{font-size:13px;padding:2px 0}.active-claim-indicator{animation:pulse-indicator 2s infinite;background-color:var(--color-danger);border:1px solid var(--color-danger-dark);border-radius:var(--border-radius-full);box-shadow:0 0 4px #e53e3e99;display:inline-block;height:10px;margin-right:var(--spacing-1-5);position:relative;top:-1px;vertical-align:middle;width:10px}@keyframes pulse-indicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.respawn-card--photo-mode .active-claim-indicator{border:2px solid var(--color-danger-dark);box-shadow:0 0 6px #e53e3ecc;height:12px;width:12px}.respawn-card__release-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-left:var(--spacing-1-5);opacity:.7;padding:0 var(--spacing-1);transition:var(--transition-opacity),var(--transition-colors);vertical-align:middle}.respawn-card__release-btn:hover{color:var(--color-danger);opacity:1}.respawn-card__release-btn:disabled{cursor:not-allowed;opacity:.3}.respawn-card__delete-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:10px;margin-left:6px;opacity:.7;padding:0 4px;transition:opacity .2s,transform .2s;vertical-align:middle}.respawn-card__delete-btn:hover{opacity:1;transform:scale(1.1)}.respawn-card__delete-btn:disabled{cursor:not-allowed;opacity:.3}.respawn-card__error-banner{align-items:center;animation:slideDown .3s ease-out;background-color:var(--color-danger);border-radius:var(--border-radius-md);color:var(--color-white);display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}.respawn-card__error-banner button{background:none;border:none;color:var(--color-white);cursor:pointer;font-size:var(--font-size-md);opacity:.8;padding:0 var(--spacing-1)}.respawn-card__error-banner button:hover{opacity:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.single-claim-event-display{margin:20px 0;padding:0}.single-claim-respawns-grid{display:flex;flex-direction:column}.single-claim-respawns-grid.photo-mode{background-color:var(--color-blue-50);border:1px solid var(--color-blue-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:400px;min-width:300px;padding:var(--spacing-3)}.no-claims-message{background:var(--color-gray-100);border:1px dashed var(--color-gray-400);border-radius:var(--border-radius-lg);color:var(--color-gray-600);padding:40px 20px;text-align:center}.error-message{background:var(--color-red-200);border:1px solid var(--color-red-300);border-radius:var(--border-radius-lg);color:var(--color-danger);padding:var(--spacing-5);text-align:center}.loading-message{color:var(--color-gray-700);font-size:var(--font-size-md);padding:40px 20px;text-align:center}.landing-layout{background-color:var(--bg-primary);display:flex;min-height:100vh}.landing-sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-primary);flex-shrink:0;height:100vh;overflow-y:auto;padding:var(--spacing-5);position:-webkit-sticky;position:sticky;top:0;width:var(--sidebar-width)}.sidebar-header{margin-bottom:var(--spacing-6)}.sidebar-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-1) 0}.sidebar-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.filter-section{margin-bottom:var(--spacing-5)}.filter-label{color:var(--text-tertiary);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--spacing-3);text-transform:uppercase}.landing-sidebar .search-wrapper{position:relative}.landing-sidebar .search-icon{color:var(--text-tertiary);left:var(--spacing-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.landing-sidebar .search-input{background-color:var(--input-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) 2.75rem;transition:var(--transition-all);width:100%}.landing-sidebar .search-input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.landing-sidebar .search-input::placeholder{color:var(--text-disabled)}.filter-pills{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.filter-pill{background-color:initial;border:1px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:.375rem var(--spacing-3);transition:var(--transition-all)}.filter-pill:hover{background-color:var(--bg-tertiary);border-color:var(--border-secondary)}.filter-pill.active{background-color:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.member-type-bubbles{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.member-bubble{align-items:center;border:1px solid #0000;border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:.375rem;opacity:.6;padding:.375rem var(--spacing-3);transition:var(--transition-all)}.member-bubble:hover{opacity:.8}.member-bubble.active{box-shadow:0 0 0 2px #0000001a;opacity:1}.member-bubble-dot{background-color:var(--text-tertiary);background-color:var(--member-color,var(--text-tertiary));border-radius:var(--radius-full);height:8px;width:8px}.member-bubble[style*="--member-color"]{background-color:color-mix(in srgb,var(--member-color) 15%,#0000);border-color:color-mix(in srgb,var(--member-color) 30%,#0000);color:var(--member-color)}.member-bubble[style*="--member-color"] .member-bubble-dot{background-color:var(--member-color)}.member-bubble.elite{background-color:var(--color-danger-100);border-color:var(--color-danger-200);color:var(--color-danger-700)}.member-bubble.elite .member-bubble-dot{background-color:var(--color-danger-500)}.member-bubble.vice{background-color:var(--color-warning-100);border-color:var(--color-warning-200);color:var(--color-warning-700)}.member-bubble.vice .member-bubble-dot{background-color:var(--color-warning-500)}.member-bubble.member{background-color:var(--color-primary-100);border-color:var(--color-primary-200);color:var(--color-primary-700)}.member-bubble.member .member-bubble-dot{background-color:var(--color-primary-500)}.member-bubble.veteran{background-color:var(--color-success-100);border-color:var(--color-success-200);color:var(--color-success-700)}.member-bubble.veteran .member-bubble-dot{background-color:var(--color-success-500)}.dark .member-bubble.elite{background-color:#ef444433;border-color:var(--color-danger-700);color:var(--color-danger-300)}.dark .member-bubble.vice{background-color:#f59e0b33;border-color:var(--color-warning-700);color:var(--color-warning-300)}.dark .member-bubble.member{background-color:#3b82f633;border-color:var(--color-primary-700);color:var(--color-primary-300)}.dark .member-bubble.veteran{background-color:#10b98133;border-color:var(--color-success-700);color:var(--color-success-300)}.landing-select{background-color:var(--input-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-all);width:100%}.landing-select:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.landing-main{background-color:var(--bg-primary);flex:1 1;min-width:0;padding:var(--spacing-6)}.event-banner{align-items:center;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));border-radius:var(--radius-lg);color:#fff;display:flex;justify-content:space-between;margin-bottom:var(--spacing-6);padding:var(--spacing-4) var(--spacing-5)}.event-banner-content{align-items:center;display:flex;gap:var(--spacing-3)}.event-icon{align-items:center;background-color:#fff3;border-radius:var(--radius-md);display:flex;height:40px;justify-content:center;width:40px}.event-title{color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.event-subtitle{margin:0;opacity:.9}.event-countdown,.event-subtitle{color:#fff;font-size:var(--font-size-sm)}.event-countdown{background-color:#fff3;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4)}.category-section{margin-bottom:var(--spacing-8)}.category-header{align-items:center;background-color:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4)}.category-icon{align-items:center;background-color:var(--color-primary-100);border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.dark .category-icon{background-color:#3b82f633}.category-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.category-count{color:var(--text-tertiary);font-size:var(--font-size-sm);margin-left:auto}.screenshot-btn{background:#0000;border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2);transition:var(--transition-all)}.screenshot-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.lp-respawn-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.lp-respawn-card{background-color:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.lp-respawn-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.lp-respawn-card-header{align-items:center;border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.lp-respawn-image{align-items:center;background-color:var(--bg-secondary);border-radius:var(--radius-md);display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.lp-respawn-image img{max-height:100%;max-width:100%;object-fit:contain}.lp-respawn-info{flex:1 1;min-width:0}.lp-respawn-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-respawn-meta{color:var(--text-tertiary);font-size:var(--font-size-xs);margin:2px 0 0}.lp-respawn-status{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);white-space:nowrap}.lp-respawn-status.claimed{background-color:var(--color-success-100);color:var(--color-success-700)}.dark .lp-respawn-status.claimed{background-color:#10b98133;color:var(--color-success-300)}.lp-respawn-status.available{background-color:var(--color-success-100);color:var(--color-success-700)}.dark .lp-respawn-status.available{background-color:#10b98126;color:var(--color-success-400)}.lp-claim-list{padding:var(--spacing-3) var(--spacing-4)}.lp-date-group{margin-bottom:var(--spacing-4)}.lp-date-group:last-child{margin-bottom:0}.lp-date-label{align-items:center;background-color:var(--color-primary-50);border-left:3px solid var(--color-primary-500);border-radius:var(--radius-sm);color:var(--color-primary-700);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:var(--spacing-2);margin-bottom:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}.dark .lp-date-label{background-color:#3b82f626;border-left-color:var(--color-primary-400);color:var(--color-primary-300)}.lp-date-claims{display:flex;flex-direction:column;gap:var(--spacing-1)}.lp-date-divider{background:linear-gradient(to right,var(--border-primary),#0000);height:1px;margin:var(--spacing-4) 0}.lp-timeline-row{border-bottom:1px solid var(--border-primary);display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3)}.lp-timeline-row:last-child{border-bottom:none}.lp-timeline-date{background-color:var(--color-primary-50);border-radius:var(--radius-sm);color:var(--color-primary-600);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:4px 8px;width:-webkit-fit-content;width:fit-content}.dark .lp-timeline-date{background-color:#3b82f626;color:var(--color-primary-300)}.lp-timeline-content{gap:var(--spacing-2);overflow:hidden}.lp-timeline,.lp-timeline-content{display:flex;flex-direction:column}.lp-timeline{gap:var(--spacing-1)}.lp-timeline-bar{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);display:flex;height:24px;overflow:hidden}.lp-timeline-segment{align-items:center;cursor:default;display:flex;height:100%;justify-content:center;position:relative;transition:all .2s ease}.lp-timeline-segment-label{color:#fff;font-size:9px;font-weight:var(--font-weight-bold);max-width:100%;overflow:hidden;padding:0 4px;text-overflow:ellipsis;text-shadow:0 1px 2px #00000080;white-space:nowrap}.lp-timeline-segment.free{background:repeating-linear-gradient(45deg,var(--bg-secondary),var(--bg-secondary) 4px,var(--bg-tertiary) 4px,var(--bg-tertiary) 8px)}.lp-timeline-segment.claimed{box-shadow:inset 0 1px 0 #fff3;opacity:.9}.lp-timeline-segment.claimed:hover{opacity:1;transform:scaleY(1.1);z-index:1}.lp-timeline-segment.active{animation:timeline-pulse 2s infinite;opacity:1}@keyframes timeline-pulse{0%,to{opacity:1}50%{opacity:.7}}.lp-timeline-labels{color:var(--text-tertiary);display:flex;font-size:9px;justify-content:space-between;padding:0 2px}.lp-timeline-labels span:nth-child(2){text-align:center}.lp-timeline-claims{display:flex;flex-wrap:wrap;gap:6px}.lp-timeline-claim{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);display:inline-flex;font-size:11px;gap:4px;max-width:100%;overflow:hidden;padding:3px 8px}.dark .lp-timeline-claim{background-color:var(--bg-tertiary)}.lp-timeline-claim.active{background-color:#10b9811a;border-color:var(--color-success-500)}.lp-active-dot{animation:lp-pulse 2s infinite;background-color:var(--color-success-500);border-radius:50%;height:6px;width:6px}.lp-timeline-claim-type{border-radius:3px;color:#fff;flex-shrink:0;font-size:8px;font-weight:var(--font-weight-bold);letter-spacing:.2px;padding:1px 4px;text-transform:uppercase}.lp-timeline-claim-name{border-radius:4px;color:var(--text-primary);font-weight:var(--font-weight-medium);overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.lp-timeline-claim-time{color:var(--text-tertiary);flex-shrink:0;font-size:10px}.lp-timeline-free{color:var(--color-success-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.dark .lp-timeline-free{color:var(--color-success-400)}.lp-claim-item{align-items:center;border-radius:var(--radius-sm);display:flex;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-all)}.lp-claim-item:hover{opacity:.9}.lp-claim-date{background-color:var(--color-primary-50);border-radius:var(--radius-sm);color:var(--color-primary-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:50px;padding:var(--spacing-1) var(--spacing-2);text-align:center}.dark .lp-claim-date{background-color:#3b82f633;color:var(--color-primary-300)}.lp-claim-info{flex:1 1;min-width:0}.lp-claim-character{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2)}.lp-claim-time{color:var(--text-tertiary);font-size:var(--font-size-xs)}.lp-active-indicator{animation:lp-pulse 2s infinite;background-color:var(--color-success-500);border-radius:var(--radius-full);height:8px;width:8px}@keyframes lp-pulse{0%,to{opacity:1}50%{opacity:.5}}.lp-claim-actions{display:flex;gap:var(--spacing-1)}.lp-claim-action-btn{background:#0000;border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-xs);line-height:1;padding:var(--spacing-1);transition:var(--transition-all)}.lp-claim-action-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.lp-claim-action-btn.release:hover{background-color:var(--color-warning-100);border-color:var(--color-warning-300);color:var(--color-warning-700)}.lp-claim-action-btn.delete:hover{background-color:var(--color-danger-100);border-color:var(--color-danger-300);color:var(--color-danger-700)}.lp-claim-more{color:var(--color-primary-600);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-2) 0;text-align:center;transition:var(--transition-colors)}.lp-claim-more:hover{color:var(--color-primary-700);text-decoration:underline}.dark .lp-claim-more{color:var(--color-primary-400)}.dark .lp-claim-more:hover{color:var(--color-primary-300)}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px var(--spacing-2);white-space:nowrap}.badge-elite{background-color:var(--color-danger-100);color:var(--color-danger-700)}.badge-vice{background-color:var(--color-warning-100);color:var(--color-warning-700)}.badge-member{background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge-veteran{background-color:var(--color-success-100);color:var(--color-success-700)}.dark .badge-elite{background-color:#ef444433;color:var(--color-danger-300)}.dark .badge-vice{background-color:#f59e0b33;color:var(--color-warning-300)}.dark .badge-member{background-color:#3b82f633;color:var(--color-primary-300)}.dark .badge-veteran{background-color:#10b98133;color:var(--color-success-300)}.empty-state{color:var(--text-tertiary);padding:var(--spacing-12);text-align:center}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-4);opacity:.5}.empty-state-title{color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-2) 0}.empty-state-text{font-size:var(--font-size-sm);margin:0}.section-header{justify-content:space-between;margin-bottom:var(--spacing-4)}.section-header,.section-title{align-items:center;display:flex}.section-title{color:var(--text-primary);font-size:var(--font-size-lg);gap:var(--spacing-2);margin:0}.section-count{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.lp-photo-mode .lp-respawn-card{break-inside:avoid;page-break-inside:avoid}.lp-photo-mode .lp-category-section{background-color:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-4)}.screenshot-mode{background-color:#fff!important;padding:var(--spacing-5)}.screenshot-mode .screenshot-btn{display:none!important}.landing-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;min-height:60vh}.landing-loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--color-primary-500);height:40px;width:40px}.landing-loading-text{color:var(--text-secondary);font-size:var(--font-size-sm)}.mobile-header{align-items:center;background-color:var(--surface-primary);border-bottom:1px solid var(--border-primary);display:none;height:56px;justify-content:space-between;left:0;padding:var(--spacing-3) var(--spacing-4);position:fixed;right:0;top:0;z-index:var(--z-fixed)}.mobile-header-left{align-items:center;display:flex;gap:var(--spacing-3)}.menu-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:var(--transition-all);width:40px}.menu-toggle:hover{background-color:var(--bg-tertiary)}.mobile-logo{gap:var(--spacing-2)}.mobile-logo,.mobile-logo-icon{align-items:center;display:flex}.mobile-logo-icon{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-radius:var(--radius-md);color:#fff;height:32px;justify-content:center;width:32px}.mobile-logo-text{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.mobile-header-actions{align-items:center;display:flex;gap:var(--spacing-2)}.header-action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:var(--transition-all);width:36px}.header-action-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.user-avatar-sm{background-color:var(--interactive-primary);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);height:32px;width:32px}.mobile-filter-toggle,.user-avatar-sm{align-items:center;border-radius:var(--radius-full);color:#fff;justify-content:center}.mobile-filter-toggle{background:var(--color-primary-600);border:none;bottom:var(--spacing-16);box-shadow:var(--shadow-lg);cursor:pointer;display:none;height:48px;position:fixed;right:var(--spacing-4);transition:var(--transition-all);width:48px;z-index:var(--z-fixed)}.mobile-filter-toggle:hover{background:var(--color-primary-700);transform:scale(1.05)}.mobile-filter-toggle:active{transform:scale(.95)}@media (max-width:1023px){.mobile-filter-toggle{display:flex}}.sidebar-overlay{background-color:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:var(--z-sticky)}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-close{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:none;height:32px;justify-content:center;position:absolute;right:var(--spacing-3);top:var(--spacing-3);transition:var(--transition-all);width:32px}.sidebar-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.sidebar-actions{border-top:1px solid var(--border-primary);display:none;margin-top:auto;padding:var(--spacing-4)}.btn-apply{background-color:var(--interactive-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-3);transition:var(--transition-all);width:100%}.btn-apply:hover{background-color:var(--color-primary-700)}.floating-toolbar{align-items:center;background-color:var(--surface-elevated);border-top:1px solid var(--border-primary);bottom:0;display:none;justify-content:space-around;left:0;padding:var(--spacing-2) var(--spacing-4);position:fixed;right:0;z-index:var(--z-sticky)}.toolbar-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:var(--font-size-xs);gap:var(--spacing-1);padding:var(--spacing-2);transition:var(--transition-all)}.toolbar-item:hover{color:var(--text-primary)}.toolbar-item svg{height:20px;width:20px}.toolbar-divider{background-color:var(--border-primary);height:24px;width:1px}@media (min-width:1024px){.mobile-header,.sidebar-actions,.sidebar-close,.sidebar-overlay{display:none}.floating-toolbar{border:1px solid var(--border-primary);border-radius:var(--radius-full);bottom:var(--spacing-6);box-shadow:var(--shadow-lg);display:flex;gap:var(--spacing-2);justify-content:flex-start;left:auto;right:var(--spacing-6);width:auto}.toolbar-item{flex-direction:row;gap:var(--spacing-2)}}@media (max-width:1023px){.mobile-header{display:flex}.sidebar-overlay{display:block}.sidebar-close{display:flex}.sidebar-actions{display:block}.floating-toolbar{display:flex}.landing-layout,.landing-sidebar{flex-direction:column}.landing-sidebar{display:flex;height:100vh;left:0;max-width:85vw;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:300px;z-index:var(--z-fixed)}.landing-sidebar.active{transform:translateX(0)}.landing-main{min-height:100vh;padding-bottom:80px;padding-top:calc(56px + var(--spacing-4))}}@media (min-width:768px) and (max-width:1023px){.lp-respawn-grid{grid-template-columns:repeat(2,1fr)}.landing-main{padding:calc(56px + var(--spacing-6)) var(--spacing-6) 80px}}@media (max-width:767px){.landing-main{padding:calc(56px + var(--spacing-4)) var(--spacing-4) 80px}.lp-respawn-grid{grid-template-columns:1fr}.event-banner{gap:var(--spacing-3);text-align:center}.event-banner,.event-banner-content{flex-direction:column}.category-header{flex-wrap:wrap}.category-count{margin-left:0;margin-top:var(--spacing-2);width:100%}}@media (max-width:480px){.landing-sidebar{max-width:100vw;width:100%}.landing-main{padding:calc(56px + var(--spacing-3)) var(--spacing-3) 80px}.filter-pills{gap:var(--spacing-1)}.filter-pill{font-size:.7rem;padding:.25rem var(--spacing-2)}.member-type-bubbles{gap:var(--spacing-1)}.member-bubble{font-size:.7rem;padding:.25rem var(--spacing-2)}.lp-respawn-card-header{padding:var(--spacing-3)}.lp-claim-list{padding:var(--spacing-2) var(--spacing-3)}.event-banner{padding:var(--spacing-3)}.event-title{font-size:var(--font-size-base)}.event-countdown,.event-subtitle{font-size:var(--font-size-xs)}.event-countdown{padding:var(--spacing-1-5) var(--spacing-2)}}.verification-redesign{background-color:var(--color-background-alt);min-height:100vh;padding:var(--spacing-6) var(--spacing-4)}.dark .verification-redesign,[data-theme=dark] .verification-redesign{background-color:var(--bg-primary)}.verification-redesign__container{margin:0 auto;max-width:520px}.verification-header{margin-bottom:var(--spacing-6);text-align:center}.verification-header__logo{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--border-radius-xl);color:var(--color-white);display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-4);width:64px}.verification-header__title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0}.verification-header__subtitle{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.verification-error{background-color:#fef2f2;background-color:var(--color-danger-50,#fef2f2);border:1px solid #fecaca;border:1px solid var(--color-danger-200,#fecaca);color:#b91c1c;color:var(--color-danger-700,#b91c1c);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);text-align:center}[data-theme=dark] .verification-error{background-color:#ef44441a;border-color:#b91c1c;border-color:var(--color-danger-700,#b91c1c);color:#fca5a5;color:var(--color-danger-300,#fca5a5)}.pending-section{margin-bottom:var(--spacing-6)}.pending-header{align-items:center;display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.pending-title{color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}.pending-count,.pending-title{font-weight:var(--font-weight-semibold)}.pending-count{background-color:#fef3c7;background-color:var(--color-warning-100,#fef3c7);border-radius:var(--border-radius-full);color:#b45309;color:var(--color-warning-700,#b45309);font-size:var(--font-size-xs);padding:var(--spacing-0-5,2px) var(--spacing-2)}[data-theme=dark] .pending-count{background-color:#f59e0b33;color:#fbbf24;color:var(--color-warning-400,#fbbf24)}.pending-card{background-color:var(--color-white);background-color:var(--card-bg,var(--color-white));border:var(--card-border,1px solid var(--color-gray-200));border-radius:var(--radius-lg);border-radius:var(--card-radius,var(--radius-lg));margin-bottom:var(--spacing-3);padding:var(--spacing-4)}.pending-card.active{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .pending-card{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.pending-card-header{align-items:flex-start;display:flex;gap:var(--spacing-3);justify-content:space-between;margin-bottom:var(--spacing-3)}.pending-card-info h4{font-size:var(--font-size-base);margin:0 0 var(--spacing-1) 0}.pending-card-info h4,.pending-code{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.pending-code{align-items:center;background-color:var(--color-gray-100);border-radius:var(--border-radius-sm);display:inline-flex;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2)}[data-theme=dark] .pending-code{background-color:var(--color-gray-700)}.pending-expires{color:var(--text-tertiary);font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.pending-card-actions{display:flex;flex-shrink:0;gap:var(--spacing-2)}.instructions-box{background-color:#fffbeb;background-color:var(--color-warning-50,#fffbeb);border:1px solid #fde68a;border:1px solid var(--color-warning-200,#fde68a);border-radius:.375rem;border-radius:var(--radius-md,.375rem);margin-top:var(--spacing-3);padding:var(--spacing-4)}[data-theme=dark] .instructions-box{background-color:#f59e0b1a;border-color:#b45309;border-color:var(--color-warning-700,#b45309)}.instructions-title{align-items:center;color:#92400e;color:var(--color-warning-800,#92400e);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin:0 0 var(--spacing-2) 0}[data-theme=dark] .instructions-title{color:#fcd34d;color:var(--color-warning-300,#fcd34d)}.instructions-list{color:#b45309;color:var(--color-warning-700,#b45309);font-size:var(--font-size-sm);line-height:1.5;line-height:var(--line-height-normal,1.5);margin:0;padding-left:var(--spacing-5)}[data-theme=dark] .instructions-list{color:#fcd34d;color:var(--color-warning-300,#fcd34d)}.instructions-list li{margin-bottom:var(--spacing-1)}.instructions-list strong{color:#92400e;color:var(--color-warning-800,#92400e)}[data-theme=dark] .instructions-list strong{color:#fde68a;color:var(--color-warning-200,#fde68a)}.instructions-note{border-top:1px solid #fde68a;border-top:1px solid var(--color-warning-200,#fde68a);color:#d97706;color:var(--color-warning-600,#d97706);font-size:var(--font-size-xs);margin-bottom:0;margin-top:var(--spacing-3);padding-top:var(--spacing-3)}[data-theme=dark] .instructions-note{border-top-color:#b45309;border-top-color:var(--color-warning-700,#b45309);color:#fbbf24;color:var(--color-warning-400,#fbbf24)}.section-divider{align-items:center;display:flex;gap:var(--spacing-4);margin:var(--spacing-6) 0}.section-divider:after,.section-divider:before{background-color:var(--color-gray-200);content:"";flex:1 1;height:1px}[data-theme=dark] .section-divider:after,[data-theme=dark] .section-divider:before{background-color:var(--color-gray-700)}.section-divider span{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.verification-redesign .form-card{background-color:var(--color-white);background-color:var(--card-bg,var(--color-white));border:var(--card-border,1px solid var(--color-gray-200));border-radius:var(--radius-lg);border-radius:var(--card-radius,var(--radius-lg));overflow:hidden}[data-theme=dark] .verification-redesign .form-card{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.verification-redesign .form-card-header{background-color:var(--color-gray-50);background-color:var(--bg-secondary,var(--color-gray-50));border-bottom:1px solid var(--border-primary,var(--color-gray-200));padding:var(--spacing-4) var(--spacing-5)}[data-theme=dark] .verification-redesign .form-card-header{background-color:var(--color-gray-700);border-bottom-color:var(--color-gray-600)}.verification-redesign .form-card-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.verification-redesign .form-card-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.verification-redesign .form-card-body{padding:var(--spacing-5)}.verification-redesign .form-group{margin-bottom:var(--spacing-4)}.verification-redesign .form-label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.verification-redesign .form-input{background-color:var(--color-white);background-color:var(--input-bg,var(--color-white));border:var(--input-border,1px solid var(--border-primary));border-radius:var(--radius-md);border-radius:var(--input-radius,var(--radius-md));color:var(--text-primary);color:var(--text-primary,var(--text-primary));font-size:var(--font-size-sm);font-size:var(--input-font-size,var(--font-size-sm));padding:var(--input-padding-y,var(--spacing-2-5)) var(--input-padding-x,var(--spacing-3));transition:var(--transition-colors);width:100%}.verification-redesign .form-input:focus{border-color:var(--input-focus-border,var(--border-focus));box-shadow:var(--shadow-focus);box-shadow:var(--input-focus-shadow,var(--shadow-focus));outline:none}.verification-redesign .form-input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}[data-theme=dark] .verification-redesign .form-input{background-color:var(--color-gray-700);border-color:var(--color-gray-500);color:var(--text-primary)}[data-theme=dark] .verification-redesign .form-input:disabled{background-color:var(--color-gray-600)}.verification-redesign .form-hint{color:var(--text-tertiary);font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.phone-input-group{display:flex;gap:var(--spacing-2)}.country-selector{flex-shrink:0;position:relative}.country-selector-btn{align-items:center;background-color:var(--color-white);background-color:var(--input-bg,var(--color-white));border:1px solid var(--border-primary,var(--color-gray-200));border-radius:.375rem;border-radius:var(--radius-md,.375rem);cursor:pointer;display:flex;gap:var(--spacing-2);min-width:100px;padding:var(--spacing-2-5,10px) var(--spacing-3);transition:var(--transition-all)}.country-selector-btn:hover{border-color:var(--border-secondary,var(--color-gray-300))}.country-selector-btn:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}[data-theme=dark] .country-selector-btn{background-color:var(--color-gray-700);border-color:var(--color-gray-500)}.country-flag{border-radius:2px;height:14px;object-fit:cover;width:20px}.country-dial{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.country-arrow{color:var(--text-tertiary);margin-left:auto}.country-dropdown{background-color:var(--color-white);background-color:var(--surface-elevated,var(--color-white));border:1px solid var(--border-primary,var(--color-gray-200));border-radius:.375rem;border-radius:var(--radius-md,.375rem);box-shadow:var(--shadow-lg);left:0;margin-top:var(--spacing-1);max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000;z-index:var(--z-dropdown,1000)}[data-theme=dark] .country-dropdown{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.country-option{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-colors)}.country-option:hover{background-color:var(--color-gray-100);background-color:var(--bg-tertiary,var(--color-gray-100))}[data-theme=dark] .country-option:hover{background-color:var(--color-gray-700)}.country-option .name{color:var(--text-primary);color:var(--text-primary,var(--text-primary));flex:1 1;font-size:var(--font-size-sm)}.country-option .dial{color:var(--text-tertiary);color:var(--text-tertiary,var(--text-tertiary));font-size:var(--font-size-xs)}.phone-input{flex:1 1}.or-divider{align-items:center;display:flex;gap:var(--spacing-3);margin:var(--spacing-4) 0}.or-divider:after,.or-divider:before{background-color:var(--color-gray-200);content:"";flex:1 1;height:1px}[data-theme=dark] .or-divider:after,[data-theme=dark] .or-divider:before{background-color:var(--color-gray-700)}.or-divider span{color:var(--text-tertiary);font-size:var(--font-size-sm)}.form-actions,.polling-actions{flex-direction:column}.polling-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}.verification-redesign .polling-actions .btn{box-sizing:border-box;font-size:14px;padding:10px 16px;width:100%}.polling-container{max-width:100%}.waiting-card{background-color:var(--color-white);background-color:var(--card-bg,var(--color-white));border:var(--card-border,1px solid var(--color-gray-200));border-radius:var(--radius-lg);border-radius:var(--card-radius,var(--radius-lg));padding:var(--spacing-6);text-align:center}[data-theme=dark] .waiting-card{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.waiting-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-primary,var(--color-gray-200));border-radius:50%;border-radius:var(--radius-full,50%);border-top-color:var(--interactive-primary,var(--color-primary));height:48px;margin:0 auto var(--spacing-4);width:48px}[data-theme=dark] .waiting-spinner{border-color:var(--color-gray-700);border-top-color:var(--color-primary)}.waiting-title{color:var(--text-primary);color:var(--text-primary,var(--text-primary));font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.waiting-text{color:var(--text-secondary);color:var(--text-secondary,var(--text-secondary));font-size:var(--font-size-sm);margin:0 0 var(--spacing-4) 0}.waiting-code-display{background-color:var(--color-gray-100);background-color:var(--bg-tertiary,var(--color-gray-100));border-radius:.375rem;border-radius:var(--radius-md,.375rem);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}[data-theme=dark] .waiting-code-display{background-color:var(--color-gray-900)}.waiting-code-label{color:var(--text-tertiary);color:var(--text-tertiary,var(--text-tertiary));font-size:var(--font-size-xs);letter-spacing:.025em;letter-spacing:var(--letter-spacing-wide,.025em);margin-bottom:var(--spacing-2);text-transform:uppercase}.waiting-code{color:var(--color-primary);color:var(--interactive-primary,var(--color-primary));font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:.1em}.waiting-attempts{color:var(--text-tertiary);color:var(--text-tertiary,var(--text-tertiary));font-size:var(--font-size-xs);margin-top:var(--spacing-3)}.verified-alert{background-color:#ecfdf5;background-color:var(--color-success-50,#ecfdf5);border:1px solid #a7f3d0;border:1px solid var(--color-success-200,#a7f3d0);border-radius:.5rem;border-radius:var(--radius-lg,.5rem);margin-bottom:var(--spacing-4);padding:var(--spacing-5);text-align:center}[data-theme=dark] .verified-alert{background-color:#10b9811a;border-color:#047857;border-color:var(--color-success-700,#047857)}.verified-alert-icon{align-items:center;background-color:#d1fae5;background-color:var(--color-success-100,#d1fae5);border-radius:50%;color:#059669;color:var(--color-success-600,#059669);display:flex;height:48px;justify-content:center;margin:0 auto var(--spacing-3);width:48px}[data-theme=dark] .verified-alert-icon{background-color:#10b98133;color:#34d399;color:var(--color-success-400,#34d399)}.verified-alert-title{color:#047857;color:var(--color-success-700,#047857);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}[data-theme=dark] .verified-alert-title{color:#34d399;color:var(--color-success-400,#34d399)}.verified-alert-text{color:#059669;color:var(--color-success-600,#059669);font-size:var(--font-size-sm);margin:0 0 var(--spacing-4) 0}[data-theme=dark] .verified-alert-text{color:#6ee7b7;color:var(--color-success-300,#6ee7b7)}.reverify-alert{background-color:#fef2f2;background-color:var(--color-danger-50,#fef2f2);border:1px solid #fecaca;border:1px solid var(--color-danger-200,#fecaca);border-radius:.5rem;border-radius:var(--radius-lg,.5rem);margin-bottom:var(--spacing-4);padding:var(--spacing-5);text-align:center}[data-theme=dark] .reverify-alert{background-color:#ef44441a;border-color:#b91c1c;border-color:var(--color-danger-700,#b91c1c)}.reverify-alert-icon{align-items:center;background-color:#fee2e2;background-color:var(--color-danger-100,#fee2e2);border-radius:50%;border-radius:var(--radius-full,50%);color:#dc2626;color:var(--color-danger-600,#dc2626);display:flex;height:48px;justify-content:center;margin:0 auto var(--spacing-3);width:48px}[data-theme=dark] .reverify-alert-icon{background-color:#ef444433;color:#f87171;color:var(--color-danger-400,#f87171)}.reverify-alert-title{color:#b91c1c;color:var(--color-danger-700,#b91c1c);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}[data-theme=dark] .reverify-alert-title{color:#f87171;color:var(--color-danger-400,#f87171)}.reverify-alert-text{color:#dc2626;color:var(--color-danger-600,#dc2626);font-size:var(--font-size-sm);margin:0 0 var(--spacing-2) 0}[data-theme=dark] .reverify-alert-text{color:#fca5a5;color:var(--color-danger-300,#fca5a5)}.reverify-alert-hint{color:#ef4444;color:var(--color-danger-500,#ef4444);font-size:var(--font-size-xs);margin:0 0 var(--spacing-4) 0}[data-theme=dark] .reverify-alert-hint{color:#f87171;color:var(--color-danger-400,#f87171)}.reverify-alert-actions{display:flex;gap:var(--spacing-3);justify-content:center}.success-card{background-color:var(--color-white);background-color:var(--card-bg,var(--color-white));border:var(--card-border,1px solid var(--color-gray-200));border-radius:var(--card-radius,var(--radius-lg));padding:var(--spacing-6)}[data-theme=dark] .success-card{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.success-icon{align-items:center;background-color:#d1fae5;background-color:var(--color-success-100,#d1fae5);border-radius:50%;border-radius:var(--radius-full,50%);color:#059669;color:var(--color-success-600,#059669);display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-4);width:64px}[data-theme=dark] .success-icon{background-color:#10b98133;color:#34d399;color:var(--color-success-400,#34d399)}.success-title{color:var(--text-primary,var(--text-primary));font-size:var(--font-size-xl)}.success-text{color:var(--text-secondary);color:var(--text-secondary,var(--text-secondary));font-size:var(--font-size-sm);margin:0 0 var(--spacing-5) 0}.success-details{background-color:var(--color-gray-50);background-color:var(--bg-secondary,var(--color-gray-50));border-radius:.375rem;border-radius:var(--radius-md,.375rem);margin-bottom:var(--spacing-5)}[data-theme=dark] .success-details{background-color:var(--color-gray-900);border-color:var(--color-gray-700)}.success-detail-row{align-items:center}.success-detail-row:first-child{padding-top:0}.success-detail-row:last-child{padding-bottom:0}.success-detail-row:not(:last-child){border-bottom:1px solid var(--color-gray-200)}[data-theme=dark] .success-detail-row:not(:last-child){border-bottom-color:var(--color-gray-700)}.success-detail-label{color:var(--text-tertiary);font-size:var(--font-size-sm)}.success-detail-value{color:var(--text-primary,var(--text-primary));font-size:var(--font-size-sm)}.member-type-badge{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-0-5,2px) var(--spacing-2)}.success-access-key{background-color:#eff6ff;background-color:var(--color-primary-50,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--color-primary-200,#bfdbfe);border-radius:.375rem;border-radius:var(--radius-md,.375rem);margin-bottom:var(--spacing-5);padding:var(--spacing-4)}[data-theme=dark] .success-access-key{background-color:#3b82f61a;border-color:#1d4ed8;border-color:var(--color-primary-700,#1d4ed8)}.success-access-key-label{color:#1d4ed8;color:var(--color-primary-700,#1d4ed8);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--spacing-2);text-transform:uppercase}[data-theme=dark] .success-access-key-label{color:#60a5fa;color:var(--color-primary-400,#60a5fa)}.success-access-key-value{color:var(--color-primary);color:var(--interactive-primary,var(--color-primary));font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);word-break:break-all}.success-access-key-note{color:var(--text-tertiary);font-size:var(--font-size-xs);line-height:1.4;margin-bottom:0;margin-top:var(--spacing-2)}.success-actions{display:flex;flex-direction:column;gap:var(--spacing-2)}.verification-redesign .success-card .success-actions .btn,.verification-redesign .success-card .success-actions .btn-whatsapp,.verification-redesign .success-card .success-actions a.btn,.verification-redesign .success-card .success-actions a.btn-whatsapp,.verification-redesign .success-card .success-actions a.btn.btn-whatsapp,.verification-redesign .success-card .success-actions button.btn{align-items:center!important;border-radius:6px!important;box-sizing:border-box!important;display:flex!important;font-size:14px!important;justify-content:center!important;max-width:100%!important;min-height:auto!important;padding:10px 16px!important;width:100%!important}.verification-redesign .btn{align-items:center;border:1px solid #0000;border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:var(--spacing-2);justify-content:center;min-height:auto;padding:10px 16px;text-decoration:none;transition:all .15s ease}.verification-redesign .btn:disabled{cursor:not-allowed;opacity:.5}.verification-redesign .btn-sm{font-size:12px;padding:6px 12px}.verification-redesign .btn-primary{background-color:var(--interactive-primary);border-color:var(--interactive-primary);box-shadow:none;color:var(--text-inverse);transform:none}.verification-redesign .btn-primary:hover:not(:disabled){background-color:var(--interactive-primary-hover);border-color:var(--interactive-primary-hover);box-shadow:none;transform:none}.verification-redesign .btn-secondary{background-color:var(--bg-secondary);border-color:var(--border-secondary);color:var(--text-primary)}.verification-redesign .btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-primary)}.verification-redesign .btn-ghost{background-color:initial;border-color:#0000;color:var(--text-secondary)}.verification-redesign .btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100);color:var(--text-primary)}[data-theme=dark] .verification-redesign .btn-ghost:hover:not(:disabled){background-color:var(--color-gray-700)}.verification-redesign .btn-danger{background-color:var(--interactive-danger);border-color:var(--interactive-danger);color:var(--text-inverse)}.verification-redesign .btn-danger:hover:not(:disabled){background-color:var(--interactive-danger-hover);border-color:var(--interactive-danger-hover)}.verification-redesign .btn-success{background-color:var(--interactive-success);border-color:var(--interactive-success);color:var(--text-inverse)}.verification-redesign .btn-success:hover:not(:disabled){background-color:var(--interactive-success-hover);border-color:var(--interactive-success-hover)}.verification-redesign .btn-whatsapp,.verification-redesign a.btn-whatsapp{background-color:#25d366;border-color:#25d366;color:#fff;transform:none}.verification-redesign .btn-whatsapp:hover,.verification-redesign .btn-whatsapp:hover:not(:disabled),.verification-redesign a.btn-whatsapp:hover{background-color:#1da851;border-color:#1da851;box-shadow:none;transform:none}.verification-redesign .w-full{box-sizing:border-box;display:flex;width:100%}.verification-theme-toggle{align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-full);bottom:var(--spacing-6);box-shadow:var(--shadow-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);position:fixed;right:var(--spacing-6);transition:var(--transition-colors);z-index:var(--z-sticky)}.verification-theme-toggle:hover{background-color:var(--color-gray-100)}[data-theme=dark] .verification-theme-toggle{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .verification-theme-toggle:hover{background-color:var(--color-gray-700)}@media (max-width:480px){.verification-redesign{padding:var(--spacing-4)}.verification-header__logo{height:56px;width:56px}.verification-header__title{font-size:var(--font-size-xl)}.phone-input-group{flex-direction:column}.country-selector,.country-selector-btn{width:100%}.pending-card-header,.reverify-alert-actions{flex-direction:column}.pending-card-header{gap:var(--spacing-3)}.pending-card-actions{justify-content:flex-end;width:100%}.success-access-key-row{flex-direction:column}.success-access-key-value{font-size:var(--font-size-base)}.verification-theme-toggle{bottom:var(--spacing-4);font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3);right:var(--spacing-4)}}.login-page{align-items:center;background-color:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-4)}.login-page:before{background:radial-gradient(circle at 20% 80%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf61a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0}.dark .login-page:before{background:radial-gradient(circle at 20% 80%,#3b82f60d 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf60d 0,#0000 50%)}.login-container{max-width:420px;position:relative;width:100%;z-index:1}.login-card{background-color:var(--surface-primary);background-color:var(--card-bg,var(--surface-primary));border:var(--card-border,1px solid var(--border-primary));border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.login-header{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));color:#fff;padding:var(--spacing-8) var(--spacing-6) var(--spacing-6);text-align:center}.login-logo{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border-radius:var(--radius-xl);display:flex;height:72px;justify-content:center;margin:0 auto var(--spacing-4);width:72px}.login-logo img{height:48px;object-fit:contain;width:48px}.login-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-1) 0}.login-subtitle{font-size:var(--font-size-sm);margin:0;opacity:.9}.login-body{padding:var(--spacing-6)}.login-type-selector{background-color:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;margin-bottom:var(--spacing-5);padding:var(--spacing-1)}.login-type-btn{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:500;margin:0;padding:10px 16px;transition:all .15s ease}.login-type-btn.active,.login-type-btn:hover{color:var(--text-primary)}.login-type-btn.active{background-color:var(--surface-primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a}.login-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.login-body .form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.login-body .form-label{font-weight:var(--font-weight-medium)}.login-body .form-input,.login-body .form-label{color:var(--text-primary);font-size:var(--font-size-sm)}.login-body .form-input{background-color:var(--surface-primary);background-color:var(--input-bg,var(--surface-primary));border:1px solid var(--border-primary);border-radius:var(--radius-md);box-sizing:border-box;font-family:var(--font-family-sans);padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-colors);width:100%}.login-body .form-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f64d;outline:none}.login-body .form-input::placeholder{color:var(--text-tertiary)}.login-body .form-input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.login-body .input-wrapper{position:relative}.login-body .input-icon{color:var(--text-tertiary);left:var(--spacing-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.login-body .form-input-icon{padding-left:var(--spacing-10)}.login-body .form-input-icon-right{padding-right:var(--spacing-10)}.login-body .input-toggle{align-items:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-1);position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);transition:var(--transition-colors)}.login-body .input-toggle:hover{color:var(--text-secondary)}.form-hint{color:var(--text-tertiary)}.login-submit{margin-top:var(--spacing-2)}.w-full{width:100%}.message-display{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4)}.message-display.success{background-color:var(--color-success-50);border:1px solid var(--color-success-200);color:var(--color-success-700)}.message-display.error{background-color:var(--color-danger-50);border:1px solid var(--color-danger-200);color:var(--color-danger-700)}.login-divider{align-items:center;display:flex;gap:var(--spacing-3);margin:var(--spacing-5) 0}.login-divider:after,.login-divider:before{background-color:var(--border-primary);content:"";flex:1 1;height:1px}.login-divider span{color:var(--text-tertiary);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.login-alternative{text-align:center}.login-alternative-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-3)}.login-alternative-link{color:var(--text-link);font-weight:var(--font-weight-medium);text-decoration:none}.login-alternative-link:hover{color:var(--text-link-hover);text-decoration:underline}.login-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:var(--spacing-4) var(--spacing-6);text-align:center}.login-footer-text{color:var(--text-tertiary);font-size:var(--font-size-xs);margin:0}.login-footer-link{color:var(--text-link);text-decoration:none}.login-footer-link:hover{text-decoration:underline}.btn-loading{color:#0000!important;position:relative}.btn-loading:after{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.login-form.hidden{display:none}.back-link{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);justify-content:center;margin-top:var(--spacing-6);text-decoration:none;transition:var(--transition-colors)}.back-link:hover{color:var(--text-primary)}@media (max-width:480px){.login-header{padding:var(--spacing-6) var(--spacing-4) var(--spacing-5)}.login-body{padding:var(--spacing-5) var(--spacing-4)}.login-type-selector{flex-direction:column}}.dark .login-page,[data-theme=dark] .login-page{background-color:var(--bg-primary)}.dark .login-card,[data-theme=dark] .login-card{background-color:var(--surface-primary);border-color:var(--border-primary)}.dark .login-type-selector,[data-theme=dark] .login-type-selector{background-color:var(--bg-secondary)}.dark .login-type-btn,[data-theme=dark] .login-type-btn{color:var(--text-secondary)}.dark .login-type-btn:hover,[data-theme=dark] .login-type-btn:hover{color:var(--text-primary)}.dark .login-type-btn.active,[data-theme=dark] .login-type-btn.active{background-color:var(--surface-primary);box-shadow:0 1px 3px 0 #0006,0 1px 2px -1px #0006;color:var(--text-primary)}.dark .login-body .form-input,[data-theme=dark] .login-body .form-input{background-color:var(--surface-secondary);background-color:var(--input-bg,var(--surface-secondary));border-color:var(--border-primary);color:var(--text-primary)}.dark .login-body .form-input::placeholder,[data-theme=dark] .login-body .form-input::placeholder{color:var(--text-tertiary)}.dark .login-body .form-input:focus,[data-theme=dark] .login-body .form-input:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #3b82f633}.dark .login-footer,[data-theme=dark] .login-footer{background-color:var(--bg-secondary);border-top-color:var(--border-primary)}.dark .message-display.success,[data-theme=dark] .message-display.success{background-color:#10b9811a;border-color:var(--color-success-700);color:var(--color-success-400)}.dark .message-display.error,[data-theme=dark] .message-display.error{background-color:#ef44441a;border-color:var(--color-danger-700);color:var(--color-danger-400)}:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-200:#a7f3d0;--color-success-300:#6ee7b7;--color-success-400:#34d399;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-success-800:#065f46;--color-success-900:#064e3b;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-200:#fecaca;--color-danger-300:#fca5a5;--color-danger-400:#f87171;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-danger-800:#991b1b;--color-danger-900:#7f1d1d;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gold-50:#fefce8;--color-gold-100:#fef9c3;--color-gold-200:#fef08a;--color-gold-300:#fde047;--color-gold-400:#facc15;--color-gold-500:#eab308;--color-gold-600:#ca8a04;--color-gold-700:#a16207;--color-gold-800:#854d0e;--color-gold-900:#713f12;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-300:#93c5fd;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-blue-800:#1e40af;--color-blue-900:#1e3a8a;--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-300:#fca5a5;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-red-800:#991b1b;--color-red-900:#7f1d1d;--color-teal-50:#f0fdfa;--color-teal-100:#ccfbf1;--color-teal-200:#99f6e4;--color-teal-300:#5eead4;--color-teal-400:#2dd4bf;--color-teal-500:#14b8a6;--color-teal-600:#0d9488;--color-teal-700:#0f766e;--color-teal-800:#115e59;--color-teal-900:#134e4a;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#bbf7d0;--color-green-300:#86efac;--color-green-400:#4ade80;--color-green-500:#22c55e;--color-green-600:#16a34a;--color-green-700:#15803d;--color-green-800:#166534;--color-green-900:#14532d;--color-yellow-50:#fefce8;--color-yellow-100:#fef9c3;--color-yellow-200:#fef08a;--color-yellow-300:#fde047;--color-yellow-400:#facc15;--color-yellow-500:#eab308;--color-yellow-600:#ca8a04;--color-yellow-700:#a16207;--color-yellow-800:#854d0e;--color-yellow-900:#713f12;--color-orange-50:#fff7ed;--color-orange-100:#ffedd5;--color-orange-200:#fed7aa;--color-orange-300:#fdba74;--color-orange-400:#fb923c;--color-orange-500:#f97316;--color-orange-600:#ea580c;--color-orange-700:#c2410c;--color-orange-800:#9a3412;--color-orange-900:#7c2d12;--color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--color-purple-200:#e9d5ff;--color-purple-300:#d8b4fe;--color-purple-400:#c084fc;--color-purple-500:#a855f7;--color-purple-600:#9333ea;--color-purple-700:#7c3aed;--color-purple-800:#6b21a8;--color-purple-900:#581c87;--bg-primary:#fff;--bg-secondary:var(--color-gray-50);--bg-tertiary:var(--color-gray-100);--bg-inverse:var(--color-gray-900);--surface-primary:#fff;--surface-secondary:var(--color-gray-50);--surface-elevated:#fff;--surface-overlay:#00000080;--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-500);--text-disabled:var(--color-gray-400);--text-inverse:#fff;--text-link:var(--color-primary-600);--text-link-hover:var(--color-primary-700);--border-primary:var(--color-gray-200);--border-secondary:var(--color-gray-300);--border-focus:var(--color-primary-500);--border-error:var(--color-danger-500);--interactive-primary:var(--color-primary-600);--interactive-primary-hover:var(--color-primary-700);--interactive-primary-active:var(--color-primary-800);--interactive-success:var(--color-success-600);--interactive-success-hover:var(--color-success-700);--interactive-danger:var(--color-danger-600);--interactive-danger-hover:var(--color-danger-700);--interactive-warning:var(--color-warning-600);--interactive-warning-hover:var(--color-warning-700);--member-type-member-bg:var(--color-primary-100);--member-type-member-text:var(--color-primary-700);--member-type-member-border:var(--color-primary-200);--member-type-elite-bg:var(--color-danger-100);--member-type-elite-text:var(--color-danger-700);--member-type-elite-border:var(--color-danger-200);--member-type-vice-bg:var(--color-warning-100);--member-type-vice-text:var(--color-warning-800);--member-type-vice-border:var(--color-warning-200);--member-type-veteran-bg:var(--color-success-100);--member-type-veteran-text:var(--color-success-700);--member-type-veteran-border:var(--color-success-200);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-modal-dropdown:1055;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--z-notification:1090;--color-primary:var(--color-primary-600);--color-primary-dark:var(--color-primary-700);--color-primary-light:var(--color-primary-500);--color-secondary:#805ad5;--color-secondary-dark:#6b46c1;--color-secondary-light:#9f7aea;--color-success:var(--color-success-500);--color-success-dark:var(--color-success-600);--color-success-light:var(--color-success-400);--color-danger:var(--color-danger-500);--color-danger-dark:var(--color-danger-600);--color-danger-light:var(--color-danger-400);--color-warning:var(--color-warning-500);--color-warning-dark:var(--color-warning-600);--color-warning-light:var(--color-warning-400);--color-info:var(--color-primary-500);--color-info-dark:var(--color-primary-600);--color-info-light:var(--color-primary-400);--color-background:var(--bg-primary);--color-background-alt:var(--bg-secondary);--color-foreground:var(--text-primary);--color-white:#fff;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--border-radius-sm:var(--radius-sm);--border-radius-md:var(--radius-md);--border-radius-lg:var(--radius-lg);--border-radius-xl:var(--radius-xl);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-focus:0 0 0 3px #3b82f64d;--transition-all:all 0.2s ease;--transition-colors:color 0.2s ease,background-color 0.2s ease,border-color 0.2s ease;--transition-transform:transform 0.2s ease;--sidebar-width:280px;--navbar-height:64px;--sidebar-bg:var(--surface-primary);--content-bg:var(--bg-secondary);--input-bg:var(--surface-primary);--input-border:1px solid var(--border-primary);--input-radius:var(--radius-md);--input-padding-x:var(--spacing-3);--input-padding-y:var(--spacing-2);--input-font-size:var(--font-size-sm);--card-bg:var(--surface-primary);--card-border:1px solid var(--border-primary)}.dark,[data-theme=dark]{--bg-primary:var(--color-gray-900);--bg-secondary:var(--color-gray-800);--bg-tertiary:var(--color-gray-700);--bg-inverse:#fff;--surface-primary:var(--color-gray-800);--surface-secondary:var(--color-gray-700);--surface-elevated:var(--color-gray-800);--surface-overlay:#000000b3;--text-primary:var(--color-gray-100);--text-secondary:var(--color-gray-300);--text-tertiary:var(--color-gray-400);--text-disabled:var(--color-gray-500);--text-inverse:var(--color-gray-900);--text-link:var(--color-primary-400);--text-link-hover:var(--color-primary-300);--border-primary:var(--color-gray-700);--border-secondary:var(--color-gray-600);--border-focus:var(--color-primary-400);--border-error:var(--color-danger-400);--interactive-primary:var(--color-primary-500);--interactive-primary-hover:var(--color-primary-400);--interactive-primary-active:var(--color-primary-300);--interactive-success:var(--color-success-500);--interactive-success-hover:var(--color-success-400);--interactive-danger:var(--color-danger-500);--interactive-danger-hover:var(--color-danger-400);--interactive-warning:var(--color-warning-500);--interactive-warning-hover:var(--color-warning-400);--member-type-member-bg:#3b82f659;--member-type-member-text:var(--color-primary-200);--member-type-member-border:var(--color-primary-500);--member-type-elite-bg:#ef444459;--member-type-elite-text:var(--color-danger-200);--member-type-elite-border:var(--color-danger-500);--member-type-vice-bg:#f59e0b59;--member-type-vice-text:var(--color-warning-200);--member-type-vice-border:var(--color-warning-500);--member-type-veteran-bg:#10b98159;--member-type-veteran-text:var(--color-success-200);--member-type-veteran-border:var(--color-success-500);--sidebar-bg:var(--color-gray-800);--content-bg:var(--color-gray-900);--color-background:var(--bg-primary);--color-background-alt:var(--bg-secondary);--color-foreground:var(--text-primary);--color-white:var(--color-gray-100);--input-bg:var(--color-gray-700);--input-border:1px solid var(--border-primary);--card-bg:var(--surface-primary);--card-border:1px solid var(--border-primary)}.verification-container{align-items:center;background:var(--color-background-alt);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:var(--spacing-8)}.verification-card{background:var(--color-white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);margin:0 auto;max-width:600px;padding:var(--spacing-8);width:100%}.verification-form{margin:0 auto;max-width:400px;padding:20px;text-align:center}.verification-form-container{margin:0 auto;max-width:450px;text-align:center}.verification-input-container{margin-bottom:20px;text-align:center}.btn-primary,.btn-secondary,.primary-button,.secondary-button{display:block;margin:0 auto;max-width:300px;width:100%}.verification-button-container{align-items:center;display:flex;flex-direction:column;gap:12px;margin:20px auto;max-width:300px;width:100%}.divider-text{align-items:center;color:var(--color-gray-600);display:flex;margin:20px 0;text-align:center}.divider-text:after,.divider-text:before{border-bottom:1px solid var(--color-gray-300);content:"";flex:1 1}.divider-text span{font-size:var(--font-size-sm);padding:0 10px}.verification-instructions{background:var(--color-alert-warning-bg);border-left:4px solid var(--color-alert-warning-text);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.verification-instructions h3,.verification-instructions h4{color:var(--color-alert-warning-text);font-size:var(--font-size-sm);margin:0 0 12px}.verification-instructions ol{font-size:13px;margin:8px 0;padding-left:20px}.verification-instructions li{line-height:1.5;margin-bottom:8px}.verification-instructions p{color:var(--color-alert-warning-text);font-size:var(--font-size-xs);margin-bottom:0}.verification-error{background:var(--color-alert-danger-bg);border-left:4px solid var(--color-danger);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.verification-error h3{color:var(--color-danger);font-size:var(--font-size-lg);margin:0 0 12px}.verification-success{background:var(--color-alert-success-bg);border-left:4px solid var(--color-success);border-radius:var(--border-radius-lg);margin:0 auto;max-width:600px;padding:var(--spacing-5);text-align:center}.success-header{margin-bottom:30px}.success-header h2{color:var(--color-alert-success-text);font-size:1.8rem;margin-bottom:12px}.success-message{color:var(--color-gray-600);font-size:1.1rem;margin-bottom:0}.success-details{background:var(--color-gray-50);border-radius:var(--border-radius-xl);margin-top:20px;padding:24px}.character-info{margin-bottom:24px}.character-info h3{color:var(--color-gray-800);font-size:1.2rem;margin-bottom:var(--spacing-4)}.info-row{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--color-gray-700);font-weight:var(--font-weight-semibold)}.info-row .value{font-weight:var(--font-weight-medium)}.member-type{border-radius:var(--border-radius-md);font-size:.8rem;font-weight:var(--font-weight-semibold);padding:4px 8px;text-transform:uppercase}.member-type.member{background-color:var(--color-alert-info-bg);color:var(--color-info-dark)}.member-type.elite{background-color:var(--color-alert-warning-bg);color:var(--color-alert-warning-text)}.member-type.vice{background-color:var(--color-alert-danger-bg);color:var(--color-alert-danger-text)}.member-type.leader{background-color:var(--color-alert-success-bg);color:var(--color-alert-success-text)}.access-key-section{margin-bottom:24px}.access-key-section h3{color:var(--color-gray-800);font-size:1.2rem;margin-bottom:var(--spacing-3)}.access-key-description{color:var(--color-gray-600);font-size:.95rem;line-height:1.5;margin-bottom:var(--spacing-4)}.access-key-container{align-items:center;background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-3);padding:var(--spacing-3)}.access-key-display{background:var(--color-gray-50);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-700);flex:1 1;font-family:Courier New,monospace;font-size:.9rem;padding:var(--spacing-2) var(--spacing-3);word-break:break-all}.copy-button{background:var(--color-info);border:none;border-radius:var(--border-radius-md);color:var(--color-white);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-colors);white-space:nowrap}.copy-button:hover{background:var(--color-info-dark)}.access-key-note{background:var(--color-alert-warning-bg);border:1px solid var(--color-warning);border-radius:var(--border-radius-md);color:var(--color-alert-warning-text);font-size:.85rem;margin:0;padding:var(--spacing-2) var(--spacing-3)}.action-buttons{display:flex;gap:12px;justify-content:center;margin-top:24px}.btn-large{font-size:1.1rem;font-weight:var(--font-weight-semibold);padding:12px 24px}@media (max-width:480px){.action-buttons{flex-direction:column}.access-key-container{flex-direction:column;gap:8px}.copy-button{width:100%}}.whatsapp-invite-section{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:var(--border-radius-lg);color:var(--color-white);margin-top:var(--spacing-5);padding:var(--spacing-5);text-align:center}.whatsapp-invite-section h3{color:var(--color-white);font-size:var(--font-size-lg);margin:0 0 var(--spacing-2) 0}.whatsapp-description{font-size:var(--font-size-sm);margin:0 0 15px;opacity:.95}.btn-whatsapp{align-items:center;background-color:var(--color-white);border-radius:25px;color:#25d366;display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:transform .2s,box-shadow .2s}.btn-whatsapp:hover{box-shadow:0 4px 15px #0003;transform:scale(1.05)}.dark .verification-container,[data-theme=dark] .verification-container{background:var(--color-gray-900);background:var(--bg-primary,var(--color-gray-900))}.dark .verification-card,[data-theme=dark] .verification-card{background:var(--color-gray-800);box-shadow:0 4px 6px #0000004d}.dark .verification-form h2,[data-theme=dark] .verification-form h2{color:var(--color-gray-100)}.dark .divider-text,[data-theme=dark] .divider-text{color:var(--color-gray-400)}.dark .divider-text:after,.dark .divider-text:before,[data-theme=dark] .divider-text:after,[data-theme=dark] .divider-text:before{border-bottom-color:var(--color-gray-600)}.dark .verification-instructions,[data-theme=dark] .verification-instructions{background:#f59e0b26;border-left-color:var(--color-warning-500)}.dark .verification-success,[data-theme=dark] .verification-success{background:#22c55e26}.dark .success-details,[data-theme=dark] .success-details{background:var(--color-gray-700)}.dark .access-key-section h3,.dark .character-info h3,[data-theme=dark] .access-key-section h3,[data-theme=dark] .character-info h3{color:var(--color-gray-100)}.dark .info-row,[data-theme=dark] .info-row{border-bottom-color:var(--color-gray-600)}.dark .access-key-description,.dark .info-row .label,[data-theme=dark] .access-key-description,[data-theme=dark] .info-row .label{color:var(--color-gray-300)}.dark .access-key-container,[data-theme=dark] .access-key-container{background:var(--color-gray-700);border-color:var(--color-gray-600)}.dark .access-key-display,[data-theme=dark] .access-key-display{background:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-200)}.dark .access-key-note,[data-theme=dark] .access-key-note{background:#f59e0b26;border-color:var(--color-warning-500)}.date-claim-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-3);padding:var(--spacing-4);position:relative}.date-claim-card.active{border-color:var(--interactive-primary);box-shadow:0 0 0 3px #3b82f61a}.date-claim-card.disabled{opacity:.6;pointer-events:none}.date-claim-card.has-claim{background-color:#ef44440d;background-color:var(--color-danger-50,#ef44440d);border-color:var(--color-danger-200)}.date-claim-remove{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:var(--spacing-2);top:var(--spacing-2);transition:var(--transition-colors);width:28px}.date-claim-remove:hover{background-color:var(--color-danger-50);color:var(--color-danger-600)}.date-claim-row{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:1fr 1fr}.date-claim-field{display:flex;flex-direction:column;gap:var(--spacing-1)}.date-claim-field.full-width{grid-column:1/-1}.date-claim-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.claim-warning{background-color:var(--color-red-200);border:1px solid var(--color-red-300);border-radius:var(--border-radius-md);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3);padding:var(--spacing-2);text-align:center}.claim-warning-subtext{color:var(--color-gray-800);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);margin-top:var(--spacing-1)}.date-claim-header{align-items:flex-end;background:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-5);padding:var(--spacing-5)}.date-claim-header-buttons{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-3);margin-left:auto}.date-input-container{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-2);min-width:200px}.date-input-container label{color:var(--color-gray-800);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.date-input{background:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-lg);box-sizing:border-box;font-size:var(--font-size-md);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-all);width:100%}.date-input:focus{border-color:var(--color-info);box-shadow:var(--shadow-focus-primary);outline:none}@media (max-width:768px){.date-claim-header{align-items:stretch;background:var(--color-gray-100);flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4)}.date-input-container{min-width:auto;width:100%}.date-claim-header-buttons{flex-direction:column;gap:var(--spacing-2)}.date-claim-header .danger-button,.date-claim-header .secondary-button{font-size:var(--font-size-base);margin:0;min-height:48px;padding:var(--spacing-3-5) var(--spacing-4);width:100%}.date-claim-card{margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.claim-options-buttons{flex-direction:column;gap:var(--spacing-2)}.claim-option-button{text-align:center}.claim-option-button,.date-claim-danger-button,.date-claim-secondary-button{font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);width:100%}.date-claim-danger-button,.date-claim-secondary-button{margin:var(--spacing-1) 0}.split-claim-parts{gap:var(--spacing-1-5)}.split-part-summary{align-items:flex-start;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-2-5)}.config-cancel-button{font-size:var(--font-size-sm);margin-left:0;margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4)}.date-claim-actions{flex-direction:column;gap:var(--spacing-3)}button{min-height:44px;min-width:44px}.claim-option-button,.danger-button,.date-claim-danger-button,.date-claim-secondary-button,.secondary-button{min-height:48px;touch-action:manipulation}}@media (max-width:480px){.date-claim-card{margin-bottom:var(--spacing-4);padding:var(--spacing-3)}.claim-warning{font-size:var(--font-size-sm);margin-bottom:var(--spacing-3);padding:var(--spacing-2)}.claim-warning-subtext{font-size:var(--font-size-xs)}.time-selection-container{margin-bottom:var(--spacing-3);margin-top:var(--spacing-3);padding:var(--spacing-2-5)}.time-select{font-size:var(--font-size-base);padding:var(--spacing-2-5) var(--spacing-3)}.availability-info{margin-top:var(--spacing-3);padding:var(--spacing-2-5)}.availability-info,.timeline-preview{margin-bottom:var(--spacing-3)}.date-claim-row{gap:var(--spacing-2)}.claimed-times-badge{font-size:var(--font-size-xs);margin:var(--spacing-0-5) var(--spacing-1) var(--spacing-0-5) 0;padding:var(--spacing-0-5) var(--spacing-1-5)}.date-claim-header{gap:var(--spacing-3);padding:var(--spacing-3)}.date-claim-header .danger-button,.date-claim-header .secondary-button{border-radius:var(--border-radius-lg);font-size:var(--font-size-base);padding:var(--spacing-4)}}.secondary-button{align-items:center;background:var(--color-secondary);border:none;border-radius:var(--border-radius-lg);box-shadow:0 2px 4px #805ad526;color:var(--color-white);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);justify-content:center;min-height:44px;padding:var(--spacing-3) var(--spacing-6);transition:var(--transition-all);white-space:nowrap}.secondary-button:hover{background:var(--color-secondary-dark);box-shadow:0 4px 8px #6b46c140;transform:translateY(-1px)}.secondary-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.danger-button{align-items:center;background:var(--color-danger);border:none;border-radius:var(--border-radius-lg);box-shadow:0 2px 4px #e53e3e26;color:var(--color-white);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);justify-content:center;min-height:44px;padding:var(--spacing-3) var(--spacing-6);transition:var(--transition-all);white-space:nowrap}.danger-button:hover{background:var(--color-danger-dark);box-shadow:0 4px 8px #c5303040;transform:translateY(-1px)}.danger-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.time-selection-container{background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-5);padding:var(--spacing-5)}.time-selection-container.invalid-time{background-color:#fffaf0;border:2px solid var(--color-red-200)}.time-selection-container.time-conflict{background-color:#fffaf0;border:2px solid #feebc8}.time-selection-label{color:var(--color-gray-700);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.3px;margin-bottom:var(--spacing-1-5);text-transform:uppercase}.time-select{background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-lg);box-sizing:border-box;font-size:var(--font-size-md);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-all);width:100%}.time-select:focus{border-color:var(--color-info);box-shadow:var(--shadow-focus-primary);outline:none}.time-select.invalid{background-color:#fffaf0;border-color:var(--color-red-200)}.time-select.conflict{background-color:#fffaf0;border-color:#feebc8}.time-select.disabled{cursor:not-allowed;opacity:.6}.time-select option:disabled{background-color:var(--color-red-200)!important;color:var(--color-danger)!important;font-weight:700!important}.time-duration-text{color:var(--color-gray-700);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-top:var(--spacing-3)}.filtered-times-info{background-color:#fefcbf;border-left:3px solid var(--color-warning);border-radius:var(--border-radius-md);color:var(--color-warning);margin-top:var(--spacing-1-5)}.filtered-times-info,.warning-badge{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}.warning-badge{border-radius:var(--border-radius-xl);display:inline-block;font-weight:var(--font-weight-semibold);margin:var(--spacing-1) var(--spacing-1) 0 0}.warning-badge.invalid{background-color:var(--color-red-200);color:var(--color-danger)}.warning-badge.conflict{background-color:#feebc8;color:var(--color-warning)}.checking-claim{background:var(--color-blue-100);border-radius:var(--border-radius-md);color:var(--color-primary);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin:var(--spacing-1) var(--spacing-1) 0 0;padding:var(--spacing-1) var(--spacing-2)}.availability-info{background-color:var(--color-gray-100);border-radius:var(--border-radius-lg);margin-top:var(--spacing-4);padding:var(--spacing-3)}.availability-title{color:var(--color-gray-800);font-weight:var(--font-weight-semibold)}.availability-sublabel,.availability-title{font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.availability-sublabel{color:var(--color-gray-600)}.availability-success{color:var(--color-success)}.availability-error,.availability-success{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.availability-error{background-color:var(--color-red-200);border:1px solid #feb2b2;border-radius:var(--border-radius-lg);color:var(--color-danger);padding:var(--spacing-2)}.claimed-times-badge{background-color:var(--color-purple-200);border-radius:var(--border-radius-xl);color:var(--color-secondary-dark);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1);margin-right:var(--spacing-2);padding:var(--spacing-0-5) var(--spacing-2)}.date-claim-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:space-between;margin-top:var(--spacing-5)}.date-claim-secondary-button{background:var(--color-secondary);border:none;border-radius:var(--border-radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-right:var(--spacing-2);min-height:44px;padding:var(--spacing-3) var(--spacing-5);transition:var(--transition-all)}.date-claim-secondary-button:hover{background:var(--color-secondary-dark)}.date-claim-danger-button{background:var(--color-danger);border:none;border-radius:var(--border-radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-height:44px;padding:var(--spacing-3) var(--spacing-5);transition:var(--transition-all)}.date-claim-danger-button:hover{background:var(--color-danger-dark)}.date-claim-danger-button:disabled,.date-claim-secondary-button:disabled{cursor:not-allowed;opacity:.6}.time-slot-option{border-radius:var(--border-radius-md);cursor:pointer;margin:var(--spacing-1) 0;padding:var(--spacing-2);transition:var(--transition-all)}.time-slot-option:hover{background-color:var(--color-gray-100)}.time-slot-option.available{color:var(--color-success)}.time-slot-option.unavailable{color:var(--color-danger);opacity:.7;text-decoration:line-through}.time-slot-option.current{background-color:#ebf8ff;font-weight:var(--font-weight-semibold)}.time-error-message{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-2)}.claim-options{background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);margin-top:var(--spacing-4);padding:var(--spacing-4)}.claim-options-title{color:var(--color-gray-800);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.claim-options-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.claim-option-button{align-items:center;background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-lg);color:var(--color-gray-700);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-1-5);min-height:44px;padding:var(--spacing-3) var(--spacing-5);transition:var(--transition-all)}.claim-option-button:hover:not(:disabled){background-color:#ebf8ff;border-color:var(--color-info);color:var(--color-primary)}.claim-option-button:disabled{cursor:not-allowed;opacity:.5}.claim-option-button.active{background-color:#f0fff4;border-color:var(--color-success);color:#276749;font-weight:var(--font-weight-semibold)}.claim-option-button.secondary{border-color:var(--color-warning)}.claim-option-button.secondary:hover:not(:disabled){background-color:#fffbeb;border-color:var(--color-warning-dark);color:#975a16}.claim-option-button.secondary.active{background-color:#fffbeb;border-color:var(--color-warning);color:#975a16}.claim-config-display{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-3)}.config-badge{border-radius:var(--border-radius-md);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-2)}.config-badge.split{background-color:var(--color-teal-100);border:1px solid var(--color-teal-400);color:#234e52}.config-badge.secondary{background-color:#fffbeb;border:1px solid #fbd38d;color:#975a16}.claim-options-note{color:var(--color-gray-600);font-size:var(--font-size-xs);font-style:italic;margin-top:var(--spacing-2)}.split-claim-summary{background-color:#f0f9ff;border:2px solid #0ea5e9;border-radius:var(--border-radius-lg);margin:var(--spacing-4) 0;padding:var(--spacing-4)}.split-claim-summary-header{margin-bottom:var(--spacing-3)}.split-claim-label{color:#0369a1;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.split-claim-parts{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.split-part-summary{align-items:center;background-color:var(--color-white);border:1px solid #bae6fd;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-2);padding:var(--spacing-2)}.split-part-label{color:#0369a1;font-weight:var(--font-weight-semibold);min-width:60px}.split-part-time{background-color:#eff6ff;border:1px solid #dbeafe;border-radius:var(--border-radius-md);color:#1e40af;font-family:monospace;padding:var(--spacing-0-5) var(--spacing-1-5)}.split-part-respawn-info{align-items:center;display:flex;gap:var(--spacing-1-5)}.split-part-respawn-image{border-radius:var(--border-radius-md);flex-shrink:0;height:20px;object-fit:cover;width:20px}.split-part-respawn{background-color:#d1fae5;border:1px solid #a7f3d0;border-radius:var(--border-radius-md);color:#065f46;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-0-5) var(--spacing-2)}.split-claim-total{background-color:#e0f2fe;border:1px solid #0ea5e9;border-radius:var(--border-radius-md);color:#0369a1;font-weight:var(--font-weight-bold);padding:var(--spacing-1-5);text-align:center}.config-cancel-button{background-color:#fee2e2;border:1px solid #fecaca;border-radius:var(--border-radius-md);color:#991b1b;cursor:pointer;font-size:var(--font-size-xs);margin-left:var(--spacing-2);min-height:44px;padding:var(--spacing-2-5) var(--spacing-4);transition:var(--transition-all)}.config-cancel-button:hover{background-color:#fecaca;border-color:#f87171}.config-cancel-button:disabled{cursor:not-allowed;opacity:.5}.time-selection-row{align-items:stretch;display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-3)}.duration-field,.time-field{display:flex;flex:1 1;flex-direction:column}.duration-field .duration-selection-label,.time-field .time-selection-label{align-items:flex-end;display:flex;margin-bottom:var(--spacing-2);min-height:32px}.duration-selection-label{color:var(--color-gray-700);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.3px;text-transform:uppercase}.duration-select{background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-lg);box-sizing:border-box;font-size:var(--font-size-md);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-all);width:100%}.duration-select:focus{border-color:var(--color-info);box-shadow:var(--shadow-focus-primary);outline:none}.duration-select.disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.time-selection-row{align-items:stretch;flex-direction:row;gap:var(--spacing-3)}.duration-field,.time-field{flex:1 1;min-width:0}.duration-field .duration-selection-label,.time-field .time-selection-label{font-size:var(--font-size-xs);margin-bottom:var(--spacing-1-5);min-height:28px}.duration-select,.time-select{font-size:var(--font-size-sm);padding:var(--spacing-2-5) var(--spacing-3)}}@media (max-width:400px){.time-selection-row{flex-direction:column;gap:var(--spacing-3)}.duration-field,.time-field{flex:none;width:100%}.duration-field .duration-selection-label,.time-field .time-selection-label{min-height:auto}}.timeline-section{margin-top:var(--spacing-4)}.timeline-label{margin-bottom:var(--spacing-3)}.timeline-preview{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-top:var(--spacing-2);padding:var(--spacing-4)}.time-preview-display{background:var(--color-gray-100);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);transition:all .2s ease}.time-preview-display.hovering{background:var(--color-teal-100)}.time-preview-display.hovering.valid{background:var(--color-success-light);border:1px solid var(--color-success)}.time-preview-display.hovering.invalid{background:var(--color-red-200);border:1px solid var(--color-danger)}.time-preview-end,.time-preview-start{gap:var(--spacing-1)}.time-preview-label{font-size:var(--font-size-xs)}.time-preview-value{color:var(--color-gray-800);font-family:monospace}.time-preview-arrow{color:var(--color-gray-500)}.time-preview-duration{margin-left:var(--spacing-1)}.time-preview-duration,.timeline-preview-title{color:var(--color-gray-600);font-size:var(--font-size-xs)}.timeline-preview-title{font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:var(--spacing-3);text-align:center;text-transform:uppercase}.timeline-bar{border-radius:var(--radius-sm);display:flex;height:40px;margin-bottom:var(--spacing-2);overflow:hidden}.timeline-slot{align-items:center;border-right:1px solid #fff3;cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);justify-content:center;transition:var(--transition-all)}.timeline-slot:last-child{border-right:none}.timeline-slot:hover{filter:brightness(1.1);transform:scaleY(1.05)}.timeline-slot.available{background:linear-gradient(180deg,var(--color-success-400),var(--color-success-500));color:#fff}.timeline-slot.occupied{background:linear-gradient(180deg,var(--color-danger-400),var(--color-danger-500));color:#fff;cursor:not-allowed}.timeline-slot.selected{background:linear-gradient(180deg,var(--color-primary-400),var(--color-primary-600));box-shadow:0 0 0 2px var(--color-primary-300);color:#fff;z-index:1}.timeline-slot.hover-valid{background:var(--color-teal-400)}.timeline-slot.hover-invalid{background:var(--color-danger);opacity:.5}.timeline-hours{display:flex;justify-content:space-between;margin-bottom:var(--spacing-3);padding:0 var(--spacing-1)}.timeline-hour-marker{color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);min-width:32px;text-align:center}.timeline-hour-marker:first-child{text-align:left}.timeline-hour-marker:last-child{min-width:0;text-align:right}.timeline-hour-marker.major{color:var(--color-gray-700);font-weight:var(--font-weight-bold)}.timeline-hour{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.timeline-slot.exceeds-limit{background:var(--color-gray-300);color:var(--color-gray-600);cursor:not-allowed}.dark .timeline-slot.exceeds-limit,[data-theme=dark] .timeline-slot.exceeds-limit{background:var(--color-gray-600);color:var(--color-gray-400)}.timeline-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-2)}.legend-dot{border-radius:var(--radius-sm);height:12px;width:12px}.legend-dot.available{background:var(--color-success-500)}.legend-dot.occupied{background:var(--color-danger-500)}.legend-dot.selected{background:var(--color-primary-500)}.legend-dot.exceeds{background:var(--color-gray-400)}.legend-item:before{border-radius:var(--border-radius-sm);box-shadow:0 1px 2px #0000001a;content:"";display:none;height:14px;width:14px}.legend-item:not(:has(.legend-dot)):before{display:block}.legend-item.available:before{background:linear-gradient(180deg,var(--color-success-400),var(--color-success-500))}.legend-item.occupied:before{background:linear-gradient(180deg,var(--color-danger-400),var(--color-danger-500))}.legend-item.selected:before{background:linear-gradient(180deg,var(--color-primary-400),var(--color-primary-600))}@media (max-width:768px){.timeline-preview{padding:var(--spacing-3)}.timeline-bar{height:36px}.timeline-legend{font-size:var(--font-size-xs);gap:var(--spacing-3)}.legend-item:before{height:12px;width:12px}.timeline-hour-marker{font-size:8px}}.claim-warning{align-items:flex-start;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #f87171;border-radius:var(--border-radius-lg);color:var(--color-danger-dark);display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.warning-icon{flex-shrink:0;font-size:var(--font-size-2xl)}.warning-content{flex:1 1}.warning-content strong{display:block;font-size:var(--font-size-md);margin-bottom:var(--spacing-1)}.warning-content p{font-size:var(--font-size-sm);margin:var(--spacing-1) 0}.existing-claims-list{color:var(--color-gray-700);font-weight:var(--font-weight-normal)}.warning-hint{background:#fef3c7;border-radius:var(--border-radius-md);color:#92400e;display:inline-block;margin-top:var(--spacing-2);padding:var(--spacing-1-5) var(--spacing-2-5)}.claim-unblocked,.warning-hint{font-weight:var(--font-weight-semibold)}.claim-unblocked{animation:fadeInSlide .3s ease-out;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #6ee7b7;border-radius:var(--border-radius-lg);color:#065f46;margin-bottom:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);text-align:center}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.time-status-badge{align-items:center;border-radius:var(--border-radius-lg);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-1-5);margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}.time-status-badge.loading{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.time-status-badge.invalid{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#991b1b}.time-status-badge.conflict{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#92400e}.availability-summary{background:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);margin-top:var(--spacing-4);padding:var(--spacing-3)}.availability-compact{display:flex;flex-direction:column;gap:var(--spacing-2)}.availability-label{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.claimed-slots-list{display:flex;flex-wrap:wrap;gap:var(--spacing-1-5)}.claimed-slot-chip{align-items:center;background:linear-gradient(135deg,#fecaca,#fca5a5);border:1px solid #f87171;border-radius:var(--border-radius-xl);color:#991b1b;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2-5)}@media (max-width:768px){.claimed-slot-chip{font-size:var(--font-size-xs);padding:var(--spacing-0-5) var(--spacing-2)}}.timeline-time-preview{margin-bottom:var(--spacing-3)}.time-preview-display{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-lg);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-3);justify-content:center;padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-all)}.time-preview-display.hovering{background:linear-gradient(135deg,#ebf8ff,#bee3f8);border-color:var(--color-info);box-shadow:0 4px 12px #4299e133;transform:scale(1.02)}.time-preview-display.hovering.valid{background:linear-gradient(135deg,#f0fff4,#c6f6d5);border-color:var(--color-success);box-shadow:0 4px 12px #48bb7833}.time-preview-display.hovering.invalid{background:linear-gradient(135deg,#fff5f5,#fed7d7);border-color:var(--color-danger);box-shadow:0 4px 12px #f5656533}.time-preview-end,.time-preview-start{align-items:center;display:flex;gap:var(--spacing-1-5)}.time-preview-label{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.time-preview-value{color:var(--color-gray-900);font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.time-preview-arrow{color:var(--color-gray-400);font-size:var(--font-size-lg)}.time-preview-duration{background:#ebf8ff;border:1px solid #90cdf4;border-radius:var(--border-radius-lg);color:var(--color-info);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--spacing-1) var(--spacing-2-5)}.timeline-slot.hover-valid{background:linear-gradient(180deg,#9ae6b4,#68d391);box-shadow:0 0 0 2px #fff,0 0 0 4px #48bb78;transform:scaleY(1.1);z-index:2}.timeline-slot.hover-invalid{background:linear-gradient(180deg,#feb2b2,#fc8181);box-shadow:0 0 0 2px #fff,0 0 0 4px #f56565;transform:scaleY(1.1);z-index:2}.duration-selector-container{margin-bottom:var(--spacing-4)}.duration-selector{align-items:center;background:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}.duration-selector-label{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap}.duration-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.duration-btn{background:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-lg);color:var(--color-gray-700);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:50px;padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-all)}.duration-btn:hover:not(:disabled){background:#ebf8ff;border-color:var(--color-info);color:var(--color-primary);transform:translateY(-1px)}.duration-btn.active{background:linear-gradient(135deg,#48bb78,#38a169);border-color:var(--color-success);box-shadow:0 2px 8px #48bb784d;color:#fff}.duration-btn.disabled{background:var(--color-gray-200);cursor:not-allowed;opacity:.4}.time-status-container{background:var(--color-gray-100);border-radius:var(--border-radius-lg);margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4)}.time-status-container.invalid-time{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:1px solid #f56565}.time-status-container.time-conflict{background:linear-gradient(135deg,ivory,#fefcbf);border:1px solid #ecc94b}@media (max-width:768px){.time-preview-display{flex-wrap:wrap;gap:var(--spacing-2);padding:var(--spacing-2-5) var(--spacing-3)}.time-preview-value{font-size:var(--font-size-md)}.time-preview-duration{margin-top:var(--spacing-1);text-align:center;width:100%}.duration-selector{align-items:flex-start;flex-direction:column;gap:var(--spacing-2)}.duration-buttons{justify-content:flex-start;width:100%}.duration-btn{flex:1 1;min-width:45px;padding:var(--spacing-2-5) var(--spacing-3)}}@media (max-width:480px){.time-preview-display{flex-direction:column;gap:var(--spacing-1-5)}.time-preview-arrow{transform:rotate(90deg)}.duration-btn{font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-2-5)}}.dark .date-claim-card,[data-theme=dark] .date-claim-card{background:var(--bg-secondary);border-color:var(--border-primary)}.dark .date-claim-card.active,[data-theme=dark] .date-claim-card.active{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f633}.dark .date-claim-remove,[data-theme=dark] .date-claim-remove{color:var(--text-tertiary)}.dark .date-claim-remove:hover,[data-theme=dark] .date-claim-remove:hover{background-color:#ef44441a;color:var(--color-danger-400)}.dark .date-claim-label,[data-theme=dark] .date-claim-label{color:var(--text-secondary)}.dark .date-claim-header,[data-theme=dark] .date-claim-header{background:var(--bg-tertiary);border-color:var(--border-primary)}.dark .date-input-container label,[data-theme=dark] .date-input-container label{color:var(--text-primary)}.dark .date-input,.dark .duration-select,.dark .time-select,[data-theme=dark] .date-input,[data-theme=dark] .duration-select,[data-theme=dark] .time-select{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.dark .time-selection-container,[data-theme=dark] .time-selection-container{background:var(--bg-tertiary);border-color:var(--border-primary)}.dark .duration-selection-label,.dark .time-duration-text,.dark .time-selection-label,[data-theme=dark] .duration-selection-label,[data-theme=dark] .time-duration-text,[data-theme=dark] .time-selection-label{color:var(--text-secondary)}.dark .availability-info,[data-theme=dark] .availability-info{background:var(--bg-tertiary)}.dark .availability-title,[data-theme=dark] .availability-title{color:var(--text-primary)}.dark .availability-sublabel,[data-theme=dark] .availability-sublabel{color:var(--text-secondary)}.dark .claim-options,[data-theme=dark] .claim-options{background:var(--bg-tertiary);border-color:var(--border-primary)}.dark .claim-options-title,[data-theme=dark] .claim-options-title{color:var(--text-primary)}.dark .claim-option-button,[data-theme=dark] .claim-option-button{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.dark .claim-option-button:hover:not(:disabled),[data-theme=dark] .claim-option-button:hover:not(:disabled){background:#3b82f633;border-color:var(--color-primary-500);color:var(--color-primary-300)}.dark .claim-option-button.active,[data-theme=dark] .claim-option-button.active{background:#10b98133;border-color:var(--color-success-500);color:var(--color-success-300)}.dark .claim-options-note,[data-theme=dark] .claim-options-note{color:var(--text-tertiary)}.dark .claimed-times-badge,[data-theme=dark] .claimed-times-badge{background:#9333ea4d;color:var(--color-purple-300)}.dark .split-claim-summary,[data-theme=dark] .split-claim-summary{background:#0ea5e926;border-color:var(--color-primary-500)}.dark .split-claim-label,[data-theme=dark] .split-claim-label{color:var(--color-primary-300)}.dark .split-part-summary,[data-theme=dark] .split-part-summary{background:var(--surface-secondary);border-color:#0ea5e94d}.dark .split-part-label,[data-theme=dark] .split-part-label{color:var(--color-primary-300)}.dark .split-part-time,[data-theme=dark] .split-part-time{background:#3b82f633;border-color:#3b82f64d;color:var(--color-primary-200)}.dark .split-part-respawn,[data-theme=dark] .split-part-respawn{background:#10b98133;border-color:#10b9814d;color:var(--color-success-300)}.dark .split-claim-total,[data-theme=dark] .split-claim-total{background:#0ea5e933;border-color:var(--color-primary-500);color:var(--color-primary-200)}.dark .duration-selector,[data-theme=dark] .duration-selector{background:var(--bg-tertiary);border-color:var(--border-primary)}.dark .duration-selector-label,[data-theme=dark] .duration-selector-label{color:var(--text-secondary)}.dark .duration-btn,[data-theme=dark] .duration-btn{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.dark .duration-btn:hover:not(:disabled),[data-theme=dark] .duration-btn:hover:not(:disabled){background:#3b82f633;border-color:var(--color-primary-500);color:var(--color-primary-300)}.dark .duration-btn.active,[data-theme=dark] .duration-btn.active{background:linear-gradient(135deg,var(--color-success-600) 0,var(--color-success-700) 100%);border-color:var(--color-success-500)}.dark .timeline-preview,[data-theme=dark] .timeline-preview{background-color:var(--bg-tertiary);border-color:var(--border-primary)}.dark .timeline-preview-title,[data-theme=dark] .timeline-preview-title{color:var(--text-secondary)}.dark .timeline-bar,[data-theme=dark] .timeline-bar{background:var(--color-gray-700)}.dark .timeline-hour-marker,[data-theme=dark] .timeline-hour-marker{color:var(--text-tertiary)}.dark .timeline-hour-marker.major,.dark .timeline-legend,[data-theme=dark] .timeline-hour-marker.major,[data-theme=dark] .timeline-legend{color:var(--text-secondary)}.dark .time-preview-display,[data-theme=dark] .time-preview-display{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-color:var(--border-primary)}.dark .time-preview-label,[data-theme=dark] .time-preview-label{color:var(--text-secondary)}.dark .time-preview-value,[data-theme=dark] .time-preview-value{color:var(--text-primary)}.dark .time-preview-arrow,[data-theme=dark] .time-preview-arrow{color:var(--text-tertiary)}.dark .time-preview-duration,[data-theme=dark] .time-preview-duration{background:#3b82f633;border-color:#3b82f64d;color:var(--color-primary-300)}.dark .availability-summary,[data-theme=dark] .availability-summary{background:var(--bg-tertiary);border-color:var(--border-primary)}.dark .availability-label,[data-theme=dark] .availability-label{color:var(--text-secondary)}.dark .time-status-container,[data-theme=dark] .time-status-container{background:var(--bg-tertiary)}.dark .config-badge.split,[data-theme=dark] .config-badge.split{background:#14b8a633;border-color:#14b8a666;color:var(--color-teal-300)}.dark .config-badge.secondary,[data-theme=dark] .config-badge.secondary{background:#f59e0b33;border-color:#f59e0b66;color:var(--color-warning-300)}.respawn-table-container{overflow-x:auto}.respawn-table{border-collapse:collapse;width:100%}.respawn-table-header{background:var(--color-gray-50)}.respawn-table-th{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-3) var(--spacing-2);text-align:left}.respawn-table-cell,.respawn-table-th{border:1px solid var(--color-gray-300)}.respawn-table-cell{padding:var(--spacing-2)}.respawn-table-row-enabled{background:var(--color-white)}.respawn-table-row-disabled{background:var(--color-alert-danger-bg)}.respawn-image{border-radius:var(--border-radius-md);height:50px;object-fit:cover;width:50px}.respawn-name-container{display:flex;flex-direction:column}.respawn-name{color:var(--color-gray-800);font-weight:var(--font-weight-medium)}.respawn-location{color:var(--color-gray-600);font-size:var(--font-size-xs);margin-top:4px}.respawn-status-enabled{background:var(--color-green-100);color:var(--color-green-800);padding:var(--spacing-1) var(--spacing-2)}.respawn-status-disabled,.respawn-status-enabled{align-items:center;border-radius:var(--border-radius-md);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.respawn-status-disabled{background:var(--color-red-200);color:var(--color-danger-dark);padding:4px 8px}.respawn-actions{display:flex;gap:8px}.respawn-edit-button{cursor:pointer}.respawn-claims-count{font-weight:var(--font-weight-medium)}.respawn-table-image-input{border:1px solid var(--color-gray-400);border-radius:3px;font-size:var(--font-size-xs);max-width:150px;padding:2px;width:100%}.respawn-table-image{border-radius:var(--border-radius-md);height:60px;object-fit:cover;width:60px}.respawn-table-image-placeholder{align-items:center;background-color:var(--color-gray-100);border:1px dashed var(--color-gray-400);border-radius:var(--border-radius-md);color:var(--color-gray-500);display:flex;font-size:var(--font-size-xs);height:60px;justify-content:center;width:60px}.respawn-selector{position:relative;width:100%;z-index:10}.respawn-selector-button{align-items:center;background:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-lg);box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--font-size-md);justify-content:space-between;padding:12px 16px;transition:all .2s;width:100%}.respawn-selector-button:hover{border-color:var(--color-primary-light)}.respawn-selector-button:disabled{cursor:not-allowed;opacity:.6}.respawn-selector-text{align-items:center;display:flex;flex:1 1}.respawn-selector-image{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);height:32px;margin-right:12px;object-fit:cover;width:32px}.respawn-selector-placeholder{color:var(--color-gray-500);font-style:italic}.respawn-selector-icon{color:var(--color-gray-600);font-size:var(--font-size-lg);margin-left:8px}.respawn-selector-list{background:var(--color-white);border:2px solid var(--color-gray-300);border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:var(--z-modal-dropdown)}.respawn-selector-search{border-bottom:1px solid var(--color-gray-300);padding:0}.respawn-selector-search-input{background:var(--color-gray-100);border:none;border-bottom:2px solid var(--color-gray-300);box-sizing:border-box;font-size:var(--font-size-sm);outline:none;padding:8px 12px;width:100%}.respawn-selector-search-input:focus{border-bottom-color:var(--color-primary-light)}.respawn-selector-option{align-items:center;border-bottom:1px solid var(--color-gray-100);cursor:pointer;display:flex;padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-colors)}.respawn-selector-option:hover{background:var(--color-gray-100)}.respawn-selector-option.selected{background:var(--color-blue-50)}.respawn-selector-option.respawn-selector-placeholder{color:var(--color-gray-500);font-style:italic}.respawn-selector-input{background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-md);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-all);width:100%}.respawn-selector-input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #3182ce33;outline:none}.respawn-selector-input:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.7}.respawn-selector-input option{padding:12px}.dark .respawn-selector-button,[data-theme=dark] .respawn-selector-button{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.dark .respawn-selector-button:hover,[data-theme=dark] .respawn-selector-button:hover{border-color:var(--color-primary-400)}.dark .respawn-selector-image,[data-theme=dark] .respawn-selector-image{border-color:var(--border-primary)}.dark .respawn-selector-placeholder,[data-theme=dark] .respawn-selector-placeholder{color:var(--text-tertiary)}.dark .respawn-selector-icon,[data-theme=dark] .respawn-selector-icon{color:var(--text-secondary)}.dark .respawn-selector-list,[data-theme=dark] .respawn-selector-list{background:var(--surface-primary);border-color:var(--border-primary);box-shadow:0 4px 12px #0000004d}.dark .respawn-selector-search-input,[data-theme=dark] .respawn-selector-search-input{background:var(--bg-tertiary);border-bottom-color:var(--border-primary);color:var(--text-primary)}.dark .respawn-selector-search-input::placeholder,[data-theme=dark] .respawn-selector-search-input::placeholder{color:var(--text-tertiary)}.dark .respawn-selector-search-input:focus,[data-theme=dark] .respawn-selector-search-input:focus{border-bottom-color:var(--color-primary-400)}.dark .respawn-selector-option,[data-theme=dark] .respawn-selector-option{border-bottom-color:var(--border-primary);color:var(--text-primary)}.dark .respawn-selector-option:hover,[data-theme=dark] .respawn-selector-option:hover{background:var(--bg-secondary)}.dark .respawn-selector-option.selected,[data-theme=dark] .respawn-selector-option.selected{background:#3b82f626}.dark .respawn-selector-input,[data-theme=dark] .respawn-selector-input{background-color:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.dark .respawn-selector-input:focus,[data-theme=dark] .respawn-selector-input:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #3b82f633}.dark .respawn-selector-input:disabled,[data-theme=dark] .respawn-selector-input:disabled{background-color:var(--bg-tertiary)}.dark .respawn-selector-input option,[data-theme=dark] .respawn-selector-input option{background-color:var(--surface-primary);color:var(--text-primary)}.page-container{background-color:var(--bg-secondary);min-height:100vh;padding:var(--spacing-6) var(--spacing-4)}.page-wrapper{margin:0 auto;max-width:640px}.page-header{margin-bottom:var(--spacing-6);text-align:center}.page-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0}.page-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.user-info-card{background-color:var(--surface-primary);background-color:var(--card-bg,var(--surface-primary));border:var(--card-border,1px solid var(--border-primary));border-radius:var(--radius-lg);gap:var(--spacing-4);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.user-avatar,.user-info-card{align-items:center;display:flex}.user-avatar{background-color:var(--bg-secondary);border-radius:var(--radius-md);flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.user-avatar img{max-height:100%;max-width:100%;object-fit:cover}.user-details{flex:1 1;min-width:0}.user-name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.user-meta{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-0-5)}.form-card{background-color:var(--surface-primary);background-color:var(--card-bg,var(--surface-primary));border:var(--card-border,1px solid var(--border-primary));border-radius:var(--radius-lg);overflow:hidden}.form-card-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:var(--spacing-4) var(--spacing-5)}.form-card-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.form-card-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.respawn-selector{margin-bottom:var(--spacing-5)}.respawn-selector-label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.respawn-select-wrapper{position:relative}.respawn-selected{align-items:center;background-color:var(--surface-primary);background-color:var(--input-bg,var(--surface-primary));border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-3);padding:var(--spacing-3);transition:var(--transition-all)}.respawn-selected:hover{border-color:var(--border-secondary)}.respawn-selected-image{align-items:center;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.respawn-selected-image img{max-height:100%;max-width:100%;object-fit:cover}.respawn-selected-info{flex:1 1}.respawn-selected-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.respawn-selected-category{color:var(--text-tertiary);font-size:var(--font-size-xs)}.respawn-selected-arrow{color:var(--text-tertiary)}.timeline-section{margin-bottom:var(--spacing-5)}.timeline-label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.date-claims-section{margin-bottom:var(--spacing-4)}.date-claims-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-3)}.date-claims-title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.existing-claims-warning{background-color:var(--color-warning-50);border:1px solid var(--color-warning-200);border-radius:var(--radius-md);margin-top:var(--spacing-3);padding:var(--spacing-3)}.existing-claims-title{color:var(--color-warning-700);font-weight:var(--font-weight-semibold);gap:var(--spacing-1);margin:0 0 var(--spacing-2) 0}.existing-claim-item,.existing-claims-title{align-items:center;display:flex;font-size:var(--font-size-xs)}.existing-claim-item{color:var(--color-warning-800);gap:var(--spacing-2);padding:var(--spacing-1) 0}.add-date-btn{align-items:center;background:none;border:2px dashed var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center;padding:var(--spacing-3);transition:var(--transition-all);width:100%}.add-date-btn:hover{background-color:var(--color-primary-50);border-color:var(--interactive-primary);color:var(--interactive-primary)}.split-claim-notice{align-items:flex-start;background-color:var(--color-primary-50);border:1px solid var(--color-primary-200);gap:var(--spacing-3);margin-bottom:var(--spacing-5);padding:var(--spacing-4)}.split-claim-icon,.split-claim-notice{border-radius:var(--radius-md);display:flex}.split-claim-icon{align-items:center;background-color:var(--interactive-primary);color:#fff;flex-shrink:0;height:32px;justify-content:center;width:32px}.split-claim-content{flex:1 1}.split-claim-title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0}.split-claim-text{color:var(--text-secondary);font-size:var(--font-size-xs);margin:0}.form-actions{border-top:1px solid var(--border-primary);gap:var(--spacing-3);margin-top:var(--spacing-4);padding-top:var(--spacing-4)}.form-actions .btn{flex:1 1}.success-page-wrapper{margin:0 auto;max-width:500px}.success-card{background-color:var(--surface-primary);background-color:var(--card-bg,var(--surface-primary));border:var(--card-border,1px solid var(--border-primary));border-radius:var(--radius-lg);padding:var(--spacing-8) var(--spacing-6);text-align:center}.success-page-wrapper .success-icon{align-items:center;animation:bounceIn .6s ease;background-color:var(--color-success-100);border-radius:var(--radius-full);display:flex;height:88px;justify-content:center;margin:0 auto var(--spacing-5) auto;width:88px}.success-page-wrapper .success-icon svg{color:var(--color-success-600)}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0}.success-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-6) 0}.claim-details{background-color:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-6);padding:var(--spacing-4);text-align:left}.claim-detail-row{align-items:center;display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:10px 0;padding:var(--spacing-2-5,10px) 0}.claim-detail-row:not(:last-child){border-bottom:1px solid var(--border-primary)}.claim-detail-label{align-items:center;color:var(--text-secondary);display:flex;gap:var(--spacing-2)}.claim-detail-label svg{color:var(--text-tertiary)}.claim-detail-value{color:var(--text-primary);font-weight:var(--font-weight-medium)}.respawn-preview{align-items:center;display:flex;gap:var(--spacing-2)}.respawn-preview-img{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);height:24px;width:24px}.claims-summary{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.claim-summary-item{background-color:var(--bg-secondary);border-radius:var(--radius-md);flex:1 1;padding:var(--spacing-3);text-align:center}.claim-summary-date{color:var(--interactive-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.claim-summary-time{color:var(--text-tertiary);font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.next-steps{margin-bottom:var(--spacing-6);text-align:left}.next-steps-title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0;text-align:center}.next-step{align-items:flex-start;display:flex;gap:var(--spacing-3);padding:var(--spacing-3) 0}.next-step:not(:last-child){border-bottom:1px solid var(--border-primary)}.next-step-icon{align-items:center;background-color:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.next-step-content{flex:1 1}.next-step-title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.next-step-description{color:var(--text-tertiary);font-size:var(--font-size-xs);margin-top:var(--spacing-0-5)}.success-page-wrapper .success-actions{display:flex;flex-direction:row;gap:var(--spacing-3)}.success-page-wrapper .success-actions .btn{border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-all)}.success-page-wrapper .success-actions .btn-primary{background-color:var(--interactive-primary);border:none;color:#fff}.success-page-wrapper .success-actions .btn-primary:hover:not(:disabled){background-color:var(--interactive-primary-hover)}.success-page-wrapper .success-actions .btn-secondary{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary)}.success-page-wrapper .success-actions .btn-secondary:hover:not(:disabled){background-color:var(--border-primary)}.success-timestamp{color:var(--text-tertiary);font-size:var(--font-size-xs);margin-top:var(--spacing-4)}.success-details{background-color:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-6);padding:var(--spacing-4);text-align:left}.success-detail-row{display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--spacing-2) 0}.success-detail-row:not(:last-child){border-bottom:1px solid var(--border-primary)}.success-detail-label{color:var(--text-secondary)}.success-detail-value{color:var(--text-primary);font-weight:var(--font-weight-medium)}.success-next-steps{margin-bottom:var(--spacing-6)}.success-next-title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3) 0}.success-step{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-3);padding:var(--spacing-2) 0}.success-step-icon{align-items:center;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}@media (max-width:640px){.page-container{min-height:100vh;padding:var(--spacing-4) var(--spacing-3)}.page-wrapper{padding-bottom:var(--spacing-8)}.page-header{margin-bottom:var(--spacing-4)}.page-title{font-size:var(--font-size-xl)}.user-info-card{gap:var(--spacing-3);margin-bottom:var(--spacing-3);padding:var(--spacing-3)}.user-avatar{height:48px;width:48px}.form-card{margin-bottom:var(--spacing-4)}.form-card-header{padding:var(--spacing-3) var(--spacing-4)}.form-card-body{padding:var(--spacing-4)}.form-actions{flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4)}.form-actions .btn{width:100%}.date-claims-section{margin-bottom:var(--spacing-6)}}@media (max-width:480px){.success-card{padding:var(--spacing-6) var(--spacing-4)}.claims-summary,.success-page-wrapper .success-actions{flex-direction:column}}.dark .page-container,[data-theme=dark] .page-container{background:var(--bg-primary)}.dark .page-title,[data-theme=dark] .page-title{color:var(--text-primary)}.dark .page-subtitle,[data-theme=dark] .page-subtitle{color:var(--text-secondary)}.dark .user-info-card,[data-theme=dark] .user-info-card{background-color:var(--surface-primary);border-color:var(--border-primary)}.dark .user-avatar,[data-theme=dark] .user-avatar{background-color:var(--bg-tertiary)}.dark .user-name,[data-theme=dark] .user-name{color:var(--text-primary)}.dark .user-meta,[data-theme=dark] .user-meta{color:var(--text-secondary)}.dark .form-card,[data-theme=dark] .form-card{background-color:var(--surface-primary);border-color:var(--border-primary)}.dark .form-card-header,[data-theme=dark] .form-card-header{background-color:var(--bg-secondary);border-bottom-color:var(--border-primary)}.dark .form-card-title,[data-theme=dark] .form-card-title{color:var(--text-primary)}.dark .form-card-subtitle,[data-theme=dark] .form-card-subtitle{color:var(--text-secondary)}.dark .respawn-selected,[data-theme=dark] .respawn-selected{background-color:var(--surface-secondary);border-color:var(--border-primary)}.dark .respawn-selected:hover,[data-theme=dark] .respawn-selected:hover{border-color:var(--color-primary-400)}.dark .respawn-selected-name,[data-theme=dark] .respawn-selected-name{color:var(--text-primary)}.dark .respawn-selected-arrow,.dark .respawn-selected-category,[data-theme=dark] .respawn-selected-arrow,[data-theme=dark] .respawn-selected-category{color:var(--text-tertiary)}.dark .date-claims-title,.dark .timeline-label,[data-theme=dark] .date-claims-title,[data-theme=dark] .timeline-label{color:var(--text-primary)}.dark .existing-claims-warning,[data-theme=dark] .existing-claims-warning{background-color:#f59e0b1a;border-color:var(--color-warning-700)}.dark .existing-claims-title,[data-theme=dark] .existing-claims-title{color:var(--color-warning-400)}.dark .existing-claim-item,[data-theme=dark] .existing-claim-item{color:var(--color-warning-300)}.dark .add-date-btn:hover,[data-theme=dark] .add-date-btn:hover{background-color:#3b82f61a}.dark .split-claim-notice,[data-theme=dark] .split-claim-notice{background-color:#3b82f61a;border-color:var(--color-primary-700)}.dark .form-actions,[data-theme=dark] .form-actions{border-top-color:var(--border-primary)}.dark .success-card,[data-theme=dark] .success-card{background-color:var(--surface-primary);border-color:var(--border-primary)}.dark .success-page-wrapper .success-icon,[data-theme=dark] .success-page-wrapper .success-icon{background-color:#10b98133}.dark .success-title,[data-theme=dark] .success-title{color:var(--text-primary)}.dark .success-subtitle,[data-theme=dark] .success-subtitle{color:var(--text-secondary)}.dark .success-details,[data-theme=dark] .success-details{background-color:var(--bg-secondary)}.dark .success-detail-row:not(:last-child),[data-theme=dark] .success-detail-row:not(:last-child){border-bottom-color:var(--border-primary)}.dark .success-detail-label,[data-theme=dark] .success-detail-label{color:var(--text-secondary)}.dark .success-detail-value,.dark .success-next-title,[data-theme=dark] .success-detail-value,[data-theme=dark] .success-next-title{color:var(--text-primary)}.dark .success-step,[data-theme=dark] .success-step{color:var(--text-secondary)}.dark .success-step-icon,[data-theme=dark] .success-step-icon{background-color:var(--bg-tertiary)}.dark .success-page-wrapper .success-icon svg,[data-theme=dark] .success-page-wrapper .success-icon svg{color:var(--color-success-400)}.dark .claim-details,[data-theme=dark] .claim-details{background-color:var(--bg-secondary)}.dark .claim-detail-row:not(:last-child),[data-theme=dark] .claim-detail-row:not(:last-child){border-bottom-color:var(--border-primary)}.dark .claim-detail-label,[data-theme=dark] .claim-detail-label{color:var(--text-secondary)}.dark .claim-detail-label svg,[data-theme=dark] .claim-detail-label svg{color:var(--text-tertiary)}.dark .claim-detail-value,[data-theme=dark] .claim-detail-value{color:var(--text-primary)}.dark .claim-summary-item,[data-theme=dark] .claim-summary-item{background-color:var(--bg-secondary)}.dark .claim-summary-date,[data-theme=dark] .claim-summary-date{color:var(--color-primary-400)}.dark .claim-summary-time,[data-theme=dark] .claim-summary-time{color:var(--text-tertiary)}.dark .next-steps-title,[data-theme=dark] .next-steps-title{color:var(--text-primary)}.dark .next-step:not(:last-child),[data-theme=dark] .next-step:not(:last-child){border-bottom-color:var(--border-primary)}.dark .next-step-icon,[data-theme=dark] .next-step-icon{background-color:var(--bg-tertiary);color:var(--text-secondary)}.dark .next-step-title,[data-theme=dark] .next-step-title{color:var(--text-primary)}.dark .next-step-description,.dark .success-timestamp,[data-theme=dark] .next-step-description,[data-theme=dark] .success-timestamp{color:var(--text-tertiary)}.admin-input-page-container,.input-page-container{background-color:var(--bg-secondary);min-height:100vh;padding:var(--spacing-6) var(--spacing-4)}.claim-page-header{margin-bottom:var(--spacing-6);text-align:center}.claim-page-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0}.claim-page-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.admin-character-input,.admin-member-type-selector{margin-bottom:var(--spacing-4)}.admin-character-input label,.admin-member-type-selector label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.admin-character-input input,.admin-member-type-selector select{background-color:var(--surface-primary);background-color:var(--input-bg,var(--surface-primary));border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-3);transition:var(--transition-all);width:100%}.admin-character-input input:focus,.admin-member-type-selector select:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-character-input input::placeholder{color:var(--text-tertiary)}.dark .admin-character-input input,.dark .admin-member-type-selector select,[data-theme=dark] .admin-character-input input,[data-theme=dark] .admin-member-type-selector select{background-color:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.dark .admin-character-input input:focus,.dark .admin-member-type-selector select:focus,[data-theme=dark] .admin-character-input input:focus,[data-theme=dark] .admin-member-type-selector select:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #3b82f633}.dark .admin-character-input label,.dark .admin-member-type-selector label,[data-theme=dark] .admin-character-input label,[data-theme=dark] .admin-member-type-selector label{color:var(--text-primary)}.dark .admin-input-page-container,.dark .input-page-container,[data-theme=dark] .admin-input-page-container,[data-theme=dark] .input-page-container{background:var(--bg-primary)}.dark .claim-page-title,[data-theme=dark] .claim-page-title{color:var(--text-primary)}.dark .claim-page-subtitle,[data-theme=dark] .claim-page-subtitle{color:var(--text-secondary)}.form-container{background-color:var(--surface-primary);background-color:var(--card-bg,var(--surface-primary));border:var(--card-border,1px solid var(--border-primary));border-radius:var(--radius-lg);box-shadow:none;margin:0;max-width:none;overflow:hidden;padding:0;width:100%}.form-card-body{padding:var(--spacing-5)}.dark .form-container,[data-theme=dark] .form-container{background-color:var(--surface-primary);border-color:var(--border-primary)}@media (max-width:640px){.form-card-body{padding:var(--spacing-4)}}.form-field{margin-bottom:24px}.form-field-label{color:var(--color-gray-800);display:block;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:8px}.form-field-content{width:100%}.message-display-success{background-color:var(--color-alert-success-bg);border-left:4px solid var(--color-success);color:var(--color-alert-success-text)}.message-display-error,.message-display-success{border-radius:var(--border-radius-lg);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-4);padding:var(--spacing-3);text-align:center}.message-display-error{background-color:var(--color-alert-danger-bg);border-left:4px solid var(--color-danger);color:var(--color-alert-danger-text)}.message-display-refresh-container{margin-top:var(--spacing-4)}.event-info-banner{align-items:center;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));border-radius:var(--radius-lg);color:#fff;display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.event-info-icon{align-items:center;background-color:#fff3;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.event-info-icon svg{stroke:currentColor;height:24px;width:24px}.event-info-content{flex:1 1}.event-info-title{color:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.event-info-dates{color:inherit;font-size:var(--font-size-sm);margin-bottom:0;margin-top:var(--spacing-0-5);opacity:.9}.event-period-banner{align-items:flex-start;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));border:none;border-radius:var(--radius-lg);color:#fff;display:flex;flex-direction:column;gap:var(--spacing-1);margin-bottom:var(--spacing-6);max-width:none;padding:var(--spacing-4);text-align:left;width:auto}.event-period-banner-text{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.event-period-banner-subtext{color:#ffffffe6;font-size:var(--font-size-sm)}@media (max-width:480px){.event-info-banner,.event-period-banner{gap:var(--spacing-2);padding:var(--spacing-3)}.event-info-icon{height:36px;width:36px}.event-info-icon svg{height:20px;width:20px}}.admin-table{border-collapse:collapse;width:100%}.admin-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table td,.admin-table th{border:1px solid var(--color-gray-350);overflow:hidden;padding:4px 6px;text-align:left;text-overflow:ellipsis}.admin-table th{background-color:var(--color-gray-50);color:var(--color-primary);font-weight:600}.admin-table th.sortable{cursor:pointer}.admin-table th.sortable:hover{background-color:var(--color-gray-750)}.admin-table tbody tr:hover{background-color:var(--color-gray-50)}.sort-icon{font-size:12px;margin-left:5px}.member-type-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;text-align:center}.member-type-vice{background-color:var(--vice-bg);color:var(--vice-text)}.member-type-elite{background-color:var(--elite-bg);color:var(--elite-text)}.member-type-member{background-color:var(--member-bg);color:var(--member-text)}.access-key{background-color:var(--color-gray-50);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;word-break:break-all}.action-button{align-items:center;background:var(--color-gray-200);border:none;border-radius:3px;cursor:pointer;display:flex;font-size:12px;justify-content:center;min-height:44px;min-width:44px;padding:0}.action-button:hover{background:var(--color-gray-300)}.action-button.save{background:var(--color-success-light)}.action-button.delete{background:var(--color-danger-light)}.action-button.cancel{background:var(--color-gray-300)}.revoke-button{background-color:var(--color-red-200);color:var(--elite-text)}.revoke-button:hover{background-color:var(--elite-bg)}.delete-button{background-color:var(--color-gray-350);color:var(--color-gray-800)}.delete-button:hover{background-color:var(--color-gray-400)}.form-input{background-color:var(--surface-primary);background-color:var(--input-bg,var(--surface-primary));border:var(--input-border,1px solid var(--border-primary));border-radius:var(--radius-md);border-radius:var(--input-radius,var(--radius-md));color:var(--text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-size:var(--input-font-size,var(--font-size-sm));padding:var(--input-padding-y,var(--spacing-2-5)) var(--input-padding-x,var(--spacing-3));transition:var(--transition-colors),var(--transition-shadow);width:100%}.form-input:focus{border-color:var(--input-focus-border,var(--color-primary-500));box-shadow:0 0 0 3px #3b82f633;box-shadow:var(--input-focus-shadow,0 0 0 3px #3b82f633);outline:none}.form-input::placeholder{color:var(--text-tertiary);color:var(--text-disabled,var(--text-tertiary))}.form-input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.7}.form-input.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--spacing-2) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--spacing-10)}.form-group{margin-bottom:var(--spacing-4)}.form-label{color:var(--color-gray-700);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1-5)}.form-control,.form-label{font-size:var(--font-size-sm)}.form-control{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-800);padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-colors);width:100%}.form-control:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus-primary);outline:none}.form-control:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.7}.form-control.is-invalid{border-color:var(--color-danger)}.form-error{color:var(--color-danger)}.form-error,.form-hint{font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.form-hint{color:var(--color-gray-600)}.form-text{font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.text-muted{color:var(--color-gray-600)}.form-select{-webkit-appearance:none;appearance:none;background-color:var(--color-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--spacing-3) center;background-repeat:no-repeat;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-800);font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);padding-right:var(--spacing-9);transition:var(--transition-colors);width:100%}.form-select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus-primary);outline:none}.form-check{align-items:center;display:flex;margin-bottom:var(--spacing-2)}.form-check-input{margin-right:var(--spacing-2)}.form-check-label{color:var(--color-gray-700);font-size:var(--font-size-sm)}.form-inline{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.form-inline .form-control,.form-inline .form-select{flex:1 1;min-width:180px}.form-inline .btn{margin-left:auto}.input-group{display:flex}.input-group .form-control{border-radius:var(--border-radius-md) 0 0 var(--border-radius-md)}.input-group .btn{border-radius:0 var(--border-radius-md) var(--border-radius-md) 0}.btn-block{display:block;width:100%}.text-divider{align-items:center;color:var(--color-gray-600);display:flex;margin:var(--spacing-4) 0;text-align:center}.text-divider:after,.text-divider:before{border-bottom:1px solid var(--color-gray-300);content:"";flex:1 1}.text-divider:before{margin-right:var(--spacing-2-5)}.text-divider:after{margin-left:var(--spacing-2-5)}.mt-20{margin-top:var(--spacing-5)}.dark .form-input,[data-theme=dark] .form-input{background-color:var(--surface-secondary);background-color:var(--input-bg,var(--surface-secondary));border-color:var(--border-primary);color:var(--text-primary)}.dark .form-input:focus,[data-theme=dark] .form-input:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #3b82f633}.dark .form-input::placeholder,[data-theme=dark] .form-input::placeholder{color:var(--text-tertiary)}.dark .form-input:disabled,[data-theme=dark] .form-input:disabled{background-color:var(--bg-tertiary)}.dark .form-input.form-select,[data-theme=dark] .form-input.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}.dark .form-label,[data-theme=dark] .form-label{color:var(--text-secondary)}.dark .form-control,[data-theme=dark] .form-control{background-color:var(--input-bg);border-color:var(--border-secondary);color:var(--text-primary)}.dark .form-control:focus,[data-theme=dark] .form-control:focus{border-color:var(--color-primary-400)}.dark .form-control:disabled,[data-theme=dark] .form-control:disabled{background-color:var(--color-gray-600)}.dark .form-hint,[data-theme=dark] .form-hint{color:var(--text-tertiary)}.dark .form-select,[data-theme=dark] .form-select{background-color:var(--input-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:var(--border-secondary);color:var(--text-primary)}.dark .form-select:focus,[data-theme=dark] .form-select:focus{border-color:var(--color-primary-400)}.dark .form-check-label,[data-theme=dark] .form-check-label{color:var(--text-secondary)}.dark .text-divider,[data-theme=dark] .text-divider{color:var(--text-tertiary)}.dark .text-divider:after,.dark .text-divider:before,[data-theme=dark] .text-divider:after,[data-theme=dark] .text-divider:before{border-bottom-color:var(--border-secondary)}.container{max-width:1200px}.container,.container-sm{margin:0 auto;padding:0 var(--spacing-5)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg,.container-md{margin:0 auto;padding:0 var(--spacing-5)}.container-lg{max-width:1024px}.section{margin-bottom:var(--spacing-10)}.section-header{margin-bottom:var(--spacing-6)}.section-title{color:var(--color-gray-800);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.section-subtitle{color:var(--color-gray-600);font-size:var(--font-size-sm)}.card{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-5);padding:var(--spacing-5)}.card-header{align-items:center;border-bottom:1px solid var(--color-gray-300);display:flex;justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3)}.card-title{color:var(--color-gray-800);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.card-body{padding-bottom:var(--spacing-2)}.card-footer{border-top:1px solid var(--color-gray-300);display:flex;justify-content:flex-end;margin-top:var(--spacing-4);padding-top:var(--spacing-4)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-4)}.mt-4{margin-top:var(--spacing-6)}.mt-5{margin-top:var(--spacing-8)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-4)}.mb-4{margin-bottom:var(--spacing-6)}.mb-5{margin-bottom:var(--spacing-8)}.mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.mx-3{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.mx-4{margin-left:var(--spacing-6);margin-right:var(--spacing-6)}.mx-5{margin-left:var(--spacing-8);margin-right:var(--spacing-8)}.my-1{margin-bottom:var(--spacing-1);margin-top:var(--spacing-1)}.my-2{margin-bottom:var(--spacing-2);margin-top:var(--spacing-2)}.my-3{margin-bottom:var(--spacing-4);margin-top:var(--spacing-4)}.my-4{margin-bottom:var(--spacing-6);margin-top:var(--spacing-6)}.my-5{margin-bottom:var(--spacing-8);margin-top:var(--spacing-8)}.m-auto{margin:auto}.d-flex{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.justify-content-start{justify-content:flex-start}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-none{display:none}.row{display:flex;flex-wrap:wrap;margin-left:calc(var(--spacing-3)*-1);margin-right:calc(var(--spacing-3)*-1)}.col{flex:1 0}.col,.col-auto{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.col-auto{flex:0 0 auto;width:auto}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{padding-left:var(--spacing-3);padding-right:var(--spacing-3);position:relative;width:100%}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-break{word-break:break-word}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-gray-600)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:#ecc94b}.text-info{color:#63b3ed}.text-light{color:var(--color-gray-100)}.text-dark{color:var(--color-gray-800)}.text-muted{color:var(--color-gray-500)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-gray-600)}.bg-success{background-color:var(--color-success)}.bg-danger{background-color:var(--color-danger)}.bg-warning{background-color:#ecc94b}.bg-info{background-color:#63b3ed}.bg-light{background-color:var(--color-gray-100)}.bg-dark{background-color:var(--color-gray-800)}.bg-white{background-color:var(--color-white)}.border{border:1px solid var(--color-gray-300)}.border-top{border-top:1px solid var(--color-gray-300)}.border-right{border-right:1px solid var(--color-gray-300)}.border-bottom{border-bottom:1px solid var(--color-gray-300)}.border-left{border-left:1px solid var(--color-gray-300)}.border-0{border:0!important}.rounded{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-circle{border-radius:50%}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-none{box-shadow:none!important}.dark .section-title,[data-theme=dark] .section-title{color:var(--text-primary)}.dark .section-subtitle,[data-theme=dark] .section-subtitle{color:var(--text-secondary)}.dark .card,[data-theme=dark] .card{background-color:var(--surface-primary);border-color:var(--border-primary)}.dark .card-header,[data-theme=dark] .card-header{border-bottom-color:var(--border-primary)}.dark .card-title,[data-theme=dark] .card-title{color:var(--text-primary)}.dark .card-footer,[data-theme=dark] .card-footer{border-top-color:var(--border-primary)}.dark .text-dark,[data-theme=dark] .text-dark{color:var(--text-primary)}.dark .text-secondary,[data-theme=dark] .text-secondary{color:var(--text-secondary)}.dark .text-muted,[data-theme=dark] .text-muted{color:var(--text-tertiary)}.dark .bg-white,[data-theme=dark] .bg-white{background-color:var(--surface-primary)}.dark .bg-light,[data-theme=dark] .bg-light{background-color:var(--bg-tertiary)}.dark .border,.dark .border-bottom,.dark .border-left,.dark .border-right,.dark .border-top,[data-theme=dark] .border,[data-theme=dark] .border-bottom,[data-theme=dark] .border-left,[data-theme=dark] .border-right,[data-theme=dark] .border-top{border-color:var(--border-primary)}.page-loader{align-items:center;display:flex;justify-content:center;min-height:200px;width:100%}.page-loader-spinner{animation:page-loader-spin .8s linear infinite;border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes page-loader-spin{to{transform:rotate(1turn)}}.member-types-section{margin-bottom:30px}.member-types-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.member-types-header h3{color:var(--color-gray-800);font-size:1.5rem;margin:0}.member-types-list{margin-top:20px}.member-type-card{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);margin-bottom:15px;padding:20px;transition:all .2s ease}.member-type-card:hover{box-shadow:0 2px 10px #0000001a}.member-type-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.member-type-title{align-items:center;display:flex;gap:12px}.member-type-color-indicator{border:2px solid var(--color-gray-300);border-radius:var(--border-radius-md);flex-shrink:0;height:20px;width:20px}.member-type-header h4{align-items:center;display:flex;font-size:1.1rem;font-weight:var(--font-weight-semibold);gap:10px;letter-spacing:.5px;margin:0}.system-badge{background:var(--color-gray-300);color:var(--color-gray-700)}.disabled-badge,.system-badge{border-radius:var(--border-radius-xl);font-size:.75rem;font-weight:var(--font-weight-medium);padding:2px 8px}.disabled-badge{background:#fed7aa;background:var(--color-orange-100,#fed7aa);color:#c2410c;color:var(--color-orange-700,#c2410c)}.member-type-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.member-type-field{margin-bottom:10px}.member-type-field label{color:var(--color-gray-700);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:8px}.member-type-field input{border:1px solid var(--color-gray-400);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);padding:8px 12px;transition:border-color .2s ease;width:100%}.member-type-field input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #3182ce1a;outline:none}.member-type-field .color-picker:disabled,.member-type-field .color-text-input:disabled,.member-type-field input:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}.member-type-field .color-picker:disabled:hover,.member-type-field .color-text-input:disabled:hover,.member-type-field input:disabled:hover{border-color:var(--color-gray-400)}.member-type-help{color:var(--color-gray-600);font-size:var(--font-size-xs);font-style:italic;margin-top:5px}.create-member-type-form{background:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);margin-bottom:20px;padding:20px}.create-member-type-form h4{color:var(--color-gray-800);font-size:1.2rem;margin:0 0 20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.form-field{display:flex;flex-direction:column}.form-field label{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:5px}.form-field input{border:1px solid var(--color-gray-400);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);padding:8px 12px;transition:border-color .2s ease}.form-field input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #3182ce1a;outline:none}.form-actions{display:flex;gap:10px}.btn{align-items:center;border:none;border-radius:var(--border-radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;padding:10px 20px;text-decoration:none;transition:all .2s ease}.btn-primary{background:var(--color-primary-light);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-success{background:var(--color-success);color:var(--color-white)}.btn-success:hover{background:var(--color-success-dark)}.member-types-section .btn-secondary{background:var(--color-gray-600);color:var(--color-white)}.member-types-section .btn-secondary:hover{background:var(--color-gray-700)}.btn-danger{background:var(--color-danger);color:var(--color-white)}.btn-danger.confirm,.btn-danger:hover{background:var(--color-danger-dark)}.btn-danger.confirm{animation:pulse 1s infinite}.btn-sm{font-size:var(--font-size-xs);padding:6px 12px}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.no-member-types{color:var(--color-gray-600);font-style:italic;padding:40px;text-align:center}.member-types-section .member-type-member{border-left:4px solid var(--color-primary-light)}.member-types-section .member-type-elite{border-left:4px solid var(--color-secondary)}.member-types-section .member-type-vice{border-left:4px solid var(--color-danger)}.member-types-section .member-type-card:not(.member-type-member):not(.member-type-elite):not(.member-type-vice){border-left:4px solid var(--color-success)}.color-picker-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.color-picker{background:none;border:2px solid var(--color-gray-300);border-radius:var(--border-radius-lg);cursor:pointer;height:40px;padding:0;width:50px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch,.color-picker::-webkit-color-swatch-wrapper{border:none;border-radius:var(--border-radius-md)}.color-text-input{border:2px solid var(--color-gray-300);border-radius:var(--border-radius-lg);flex:1 1;font-family:monospace;font-size:var(--font-size-sm);min-width:100px;padding:8px 12px}.color-text-input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #3182ce1a;outline:none}.color-preview{border:2px solid var(--color-gray-300);border-radius:var(--border-radius-lg);box-shadow:inset 0 0 0 1px #0000001a;flex-shrink:0;height:40px;width:40px}.checkbox-container,.member-type-actions{align-items:center;display:flex;gap:8px}.checkbox-container input[type=checkbox]{accent-color:var(--color-primary-light);cursor:pointer;height:18px;width:18px}.checkbox-container input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.checkbox-label{color:var(--color-gray-700);cursor:pointer;font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}.checkbox-container input[type=checkbox]:disabled+.checkbox-label{cursor:not-allowed;opacity:.6}@media (max-width:768px){.member-types-header{gap:15px}.member-type-header,.member-types-header{align-items:stretch;flex-direction:column}.member-type-header{gap:10px}.member-type-actions{flex-wrap:wrap;justify-content:center}.color-picker-container{align-items:stretch;flex-direction:column;gap:8px}.color-picker{height:50px;width:100%}.color-text-input{min-width:auto}.color-preview{height:30px;width:100%}.form-row,.member-type-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}.dark .member-types-header h3,[data-theme=dark] .member-types-header h3{color:var(--text-primary)}.dark .member-type-card,[data-theme=dark] .member-type-card{background:var(--surface-primary);border-color:var(--border-primary)}.dark .member-type-card:hover,[data-theme=dark] .member-type-card:hover{box-shadow:0 2px 10px #0000004d}.dark .system-badge,[data-theme=dark] .system-badge{background:var(--color-gray-600);color:var(--color-gray-200)}.dark .disabled-badge,[data-theme=dark] .disabled-badge{background:#fb923c33;color:var(--color-orange-300)}.dark .member-type-field label,[data-theme=dark] .member-type-field label{color:var(--text-secondary)}.dark .member-type-field input,[data-theme=dark] .member-type-field input{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.dark .member-type-field input:disabled,[data-theme=dark] .member-type-field input:disabled{background:var(--bg-tertiary)}.dark .member-type-help,[data-theme=dark] .member-type-help{color:var(--text-tertiary)}.dark .create-member-type-form,[data-theme=dark] .create-member-type-form{background:var(--bg-tertiary);border-color:var(--border-primary)}.dark .create-member-type-form h4,[data-theme=dark] .create-member-type-form h4{color:var(--text-primary)}.dark .form-field label,[data-theme=dark] .form-field label{color:var(--text-secondary)}.dark .form-field input,[data-theme=dark] .form-field input{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.dark .no-member-types,[data-theme=dark] .no-member-types{color:var(--text-tertiary)}.dark .color-picker,[data-theme=dark] .color-picker{border-color:var(--border-primary)}.dark .color-text-input,[data-theme=dark] .color-text-input{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.dark .color-preview,[data-theme=dark] .color-preview{border-color:var(--border-primary)}.dark .checkbox-label,[data-theme=dark] .checkbox-label{color:var(--text-secondary)}.dark .member-type-color-indicator,[data-theme=dark] .member-type-color-indicator{border-color:var(--border-primary)}.config-container{background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000001a;margin:0 auto;max-width:800px;padding:24px}.config-title{border-bottom:1px solid var(--color-gray-300);color:var(--color-gray-800);font-size:20px;font-weight:var(--font-weight-semibold);margin-bottom:24px;margin-top:0;padding-bottom:16px}.config-form{grid-gap:24px;display:grid;gap:24px}.config-form-group{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1fr 2fr}@media (max-width:768px){.config-form-group{grid-template-columns:1fr}}.config-label{color:var(--color-gray-700);font-size:15px;font-weight:var(--font-weight-semibold)}.config-description{color:var(--color-gray-600);font-size:13px;grid-column:1;margin-top:4px}.config-input{background-color:#fff;border:2px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:15px;max-width:300px;padding:10px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.config-input:focus{border-color:var(--color-info);box-shadow:0 0 0 1px #4299e180;outline:none}.config-input[type=date],.config-input[type=number]{min-height:42px}.config-save-button{background-color:var(--color-primary);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;font-weight:var(--font-weight-semibold);margin-top:20px;padding:12px 24px;transition:background-color .15s ease-in-out,transform .1s ease-in-out}.config-save-button:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.config-section-divider{border-top:1px solid var(--color-gray-300);grid-column:1/-1;margin:24px 0}.config-section{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);margin-bottom:24px;padding:20px}.config-section-title{border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-700);font-size:16px;font-weight:var(--font-weight-semibold);margin:0 0 16px;padding-bottom:12px}
/*# sourceMappingURL=main.f6fdf694.css.map*/