.sidebar{background:var(--color-primary);bottom:0;box-shadow:var(--shadow-md);color:var(--color-white);left:0;position:fixed;top:0;width:260px;z-index:var(--z-index-fixed)}.sidebar,.sidebar-content{display:flex;flex-direction:column}.sidebar-content{height:100%;padding:var(--spacing-lg) 0}.sidebar-header{border-bottom:1px solid hsla(0,0%,100%,.2);margin-bottom:var(--spacing-lg);padding:0 var(--spacing-lg) var(--spacing-lg)}.sidebar-brand{color:var(--color-white);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.sidebar-brand-logo{display:block;height:auto;max-width:180px;width:100%}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);padding:0 var(--radius-lg)}.sidebar-nav-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--radius-lg);padding:var(--radius-lg) var(--spacing-md);text-align:left;transition:all var(--transition-base);width:100%}.sidebar-nav-item:hover{background:hsla(0,0%,100%,.1);color:var(--color-white)}.sidebar-nav-item.active{background:hsla(0,0%,100%,.2);color:var(--color-white);font-weight:var(--font-weight-semibold)}.sidebar-nav-icon{flex-shrink:0;font-size:var(--font-size-xl)}.sidebar-nav-text{flex:1 1}.sidebar-points{align-items:center;background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(245,158,11,.2));border:2px solid rgba(251,191,36,.4);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);margin:var(--spacing-lg);padding:var(--spacing-md);transition:all var(--transition-base)}.sidebar-points:hover{background:linear-gradient(135deg,rgba(251,191,36,.3),rgba(245,158,11,.3));border-color:rgba(251,191,36,.6);transform:translateY(-1px)}.sidebar-points-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:28px;line-height:1}.sidebar-points-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-points-label{color:hsla(0,0%,100%,.9);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.sidebar-points-value{color:var(--color-white);font-size:22px;font-weight:var(--font-weight-bold);text-shadow:0 2px 4px rgba(0,0,0,.2)}.sidebar-footer{border-top:1px solid hsla(0,0%,100%,.2);display:flex;flex-direction:column;gap:var(--radius-lg);padding:0 var(--radius-lg);padding-top:var(--spacing-md)}.sidebar-action-btn{align-items:center;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--radius-lg);padding:var(--radius-lg) var(--spacing-md);transition:all var(--transition-base);width:100%}.sidebar-action-btn:hover{background:hsla(0,0%,100%,.25);transform:translateY(-1px)}.sidebar-action-icon{font-size:var(--font-size-base)}.sidebar-user{align-items:center;background:rgba(0,0,0,.1);border-radius:var(--radius-md);display:flex;gap:var(--radius-lg);padding:var(--radius-lg) var(--spacing-md)}.sidebar-user-avatar{align-items:center;background:hsla(0,0%,100%,.2);border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:40px;justify-content:center;overflow:hidden;width:40px}.sidebar-user-avatar-img{height:100%;object-fit:cover;width:100%}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.sidebar-user-name,.sidebar-user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:hsla(0,0%,100%,.7);font-size:var(--font-size-xs)}.sidebar-logout-btn{align-items:center;background:none;border:1px solid hsla(0,0%,100%,.3);border-radius:var(--radius-md);color:hsla(0,0%,100%,.9);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--radius-lg);padding:var(--radius-lg) var(--spacing-md);transition:all var(--transition-base);width:100%}.sidebar-logout-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5)}.sidebar-logout-icon{font-size:var(--font-size-base)}.app-container-with-sidebar{display:flex;min-height:100vh}.main-content-with-sidebar{background:var(--color-white);flex:1 1;margin-left:260px;min-height:100vh}.mobile-nav{display:none}.desktop-nav{display:flex}@media (max-width:768px){.sidebar{bottom:0;box-shadow:0 -8px 20px rgba(0,0,0,.15);height:72px;left:0;right:0;top:auto;width:100%}.sidebar-content{height:72px;padding:0}.desktop-nav,.sidebar-header{display:none}.mobile-nav{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:0;justify-content:space-around;padding:8px 10px}.sidebar-nav-item{border-radius:12px;flex-direction:column;gap:4px;justify-content:center;min-width:64px;padding:8px;text-align:center;width:auto}.sidebar-nav-icon{font-size:20px}.sidebar-nav-text{flex:initial;font-size:11px;line-height:1}.sidebar-footer,.sidebar-points{display:none}.main-content-with-sidebar{margin-left:0;padding-bottom:88px}}.mobile-menu-overlay{background:rgba(0,0,0,.4);inset:0;position:fixed;z-index:calc(var(--z-index-fixed) + 1)}.mobile-menu-sheet{background:var(--color-white);border-top-left-radius:16px;border-top-right-radius:16px;bottom:72px;box-shadow:0 -16px 40px rgba(0,0,0,.18);left:0;padding:12px;position:fixed;right:0;z-index:calc(var(--z-index-fixed) + 2)}.mobile-menu-header{align-items:center;border-bottom:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;padding:4px 8px 12px}.mobile-menu-title{color:var(--color-gray-900);font-size:16px;font-weight:var(--font-weight-semibold)}.mobile-menu-close{background:none;border:none;border-radius:10px;cursor:pointer;font-size:18px;padding:6px 10px}.mobile-menu-close:hover{background:rgba(0,0,0,.06)}.mobile-menu-list{display:flex;flex-direction:column;gap:8px;padding:12px 8px 8px}.mobile-menu-item{align-items:center;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.08);border-radius:12px;color:var(--color-gray-900);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:10px;padding:12px;text-align:left;width:100%}.mobile-menu-item:hover{background:rgba(0,0,0,.04)}.mobile-menu-item.danger{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.18)}.mobile-menu-item.danger:hover{background:rgba(239,68,68,.12)}.mobile-menu-icon{font-size:18px;text-align:center;width:22px}.mobile-menu-badge{background-color:#ef4444;border-radius:999px;color:#fff;font-size:11px;font-weight:var(--font-weight-bold);margin-left:auto;padding:2px 8px}.mobile-menu-points{align-items:center;background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.35);border-radius:12px;color:var(--color-gray-900);display:flex;gap:10px;padding:12px}.mobile-menu-points strong{font-size:16px;margin-left:auto}.invite-modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal-backdrop)}.invite-modal{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;padding:var(--spacing-xl);width:90%;z-index:var(--z-index-modal)}.invite-modal-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-lg) 0}.invite-tabs{display:flex;gap:8px;margin-bottom:var(--spacing-lg)}.invite-tab{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-700);cursor:pointer;flex:1 1;font-weight:var(--font-weight-semibold);padding:10px 12px;transition:all var(--transition-base)}.invite-tab.active{background:rgba(59,130,246,.06);border-color:var(--color-primary);color:var(--color-primary)}.invite-bulk-preview{background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);padding:12px}.invite-bulk-preview-header{color:var(--color-gray-800);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:10px}.invite-bulk-preview-table{display:flex;flex-direction:column;gap:8px}.invite-bulk-preview-row{grid-gap:10px;color:var(--color-gray-700);display:grid;font-size:var(--font-size-sm);gap:10px;grid-template-columns:2fr 1fr 1fr .8fr}.invite-bulk-preview-row>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-bulk-preview-head{color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.invite-bulk-preview-more{color:var(--color-gray-500);font-size:var(--font-size-xs);margin-top:6px}.invite-bulk-results .invite-bulk-preview-row{grid-template-columns:2fr .8fr 2fr}.invite-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.invite-form-row{display:flex;gap:var(--spacing-md)}.invite-input-group{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm)}.invite-label{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.invite-input{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-base);outline:none;padding:var(--radius-lg);transition:border-color var(--transition-base)}.invite-input:focus{border-color:var(--color-primary)}.invite-select{background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);outline:none;padding:var(--radius-lg)}.invite-select:focus{border-color:var(--color-primary)}.invite-hint{color:var(--color-gray-500);font-size:var(--font-size-xs);margin:0}.invite-error{background-color:var(--color-error-light);color:var(--color-error-dark)}.invite-error,.invite-success{border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--radius-lg)}.invite-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.invite-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.invite-cancel-button{background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-700);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--radius-lg);transition:all var(--transition-base)}.invite-cancel-button:hover:not(:disabled){background-color:var(--color-gray-50)}.invite-cancel-button:disabled{cursor:not-allowed;opacity:.6}.invite-submit-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--radius-lg);transition:all var(--transition-base)}.invite-submit-button:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.invite-submit-button:active:not(:disabled){transform:translateY(0)}.invite-submit-button:disabled{cursor:not-allowed;opacity:.6}.logoloop{--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-fadeColorAuto:#fff;position:relative}.logoloop--vertical{display:inline-block;height:100%}.logoloop--scale-hover{padding-bottom:calc(var(--logoloop-logoHeight)*.1);padding-top:calc(var(--logoloop-logoHeight)*.1)}@media (prefers-color-scheme:dark){.logoloop{--logoloop-fadeColorAuto:#0b0b0b}}.logoloop__track{display:flex;position:relative;-webkit-user-select:none;user-select:none;width:-webkit-max-content;width:max-content;will-change:transform;z-index:0}.logoloop--vertical .logoloop__track{flex-direction:column;height:-webkit-max-content;height:max-content;width:100%}.logoloop__list{align-items:center;display:flex;list-style:none;margin:0;padding:0}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{flex:0 0 auto;font-size:var(--logoloop-logoHeight);line-height:1;list-style:none;margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item{margin-bottom:var(--logoloop-gap);margin-right:0}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-bottom:var(--logoloop-gap);margin-right:0}.logoloop__node{align-items:center;display:inline-flex}.logoloop__item img{-webkit-user-drag:none;display:block;height:var(--logoloop-logoHeight);image-rendering:-webkit-optimize-contrast;object-fit:contain;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1);width:auto}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover .logoloop__node,.logoloop--scale-hover .logoloop__item:hover img{transform:scale(1.2);transform-origin:center center}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{align-items:center;border-radius:4px;display:inline-flex;text-decoration:none;transition:opacity .2s ease}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:after,.logoloop--fade:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:clamp(24px,8%,120px);z-index:10}.logoloop--fade:before{background:linear-gradient(to right,var(--logoloop-fadeColorAuto) 0,transparent 100%);background:linear-gradient(to right,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0,transparent 100%);left:0}.logoloop--fade:after{background:linear-gradient(to left,var(--logoloop-fadeColorAuto) 0,transparent 100%);background:linear-gradient(to left,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0,transparent 100%);right:0}.logoloop--vertical.logoloop--fade:after,.logoloop--vertical.logoloop--fade:before{height:clamp(24px,8%,120px);left:0;right:0;width:100%}.logoloop--vertical.logoloop--fade:before{background:linear-gradient(to bottom,var(--logoloop-fadeColorAuto) 0,transparent 100%);background:linear-gradient(to bottom,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0,transparent 100%);bottom:auto;top:0}.logoloop--vertical.logoloop--fade:after{background:linear-gradient(to top,var(--logoloop-fadeColorAuto) 0,transparent 100%);background:linear-gradient(to top,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0,transparent 100%);bottom:0;top:auto}@media (prefers-reduced-motion:reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}.landing-page{background:var(--color-white);display:flex;flex-direction:column;min-height:100vh}.landing-nav{background:var(--color-primary);left:0;padding:var(--spacing-md) 0;position:fixed;right:0;top:0;z-index:1000}.landing-nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.landing-logo{color:var(--color-white);cursor:pointer;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;transition:opacity var(--transition-normal)}.landing-logo:hover{opacity:.9}.landing-nav-links{align-items:center;display:flex;gap:var(--spacing-xl)}.landing-nav-link{background:none;border:none;color:var(--color-white);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) 0;position:relative;transition:opacity var(--transition-normal)}.landing-nav-link:hover{opacity:.8}.landing-nav-link:after{background:var(--color-white);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform var(--transition-normal)}.landing-nav-link:hover:after{transform:scaleX(1)}.landing-sticky-cta{animation:slideInRight .3s ease-out;background:var(--color-white);border:2px solid var(--color-primary);border-radius:50px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);padding:12px 32px;position:fixed;right:24px;top:20px;transition:all .2s ease;z-index:1000}.landing-sticky-cta:hover{background:var(--color-primary);box-shadow:0 6px 20px rgba(0,0,0,.2);color:var(--color-white);transform:translateY(-2px)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.landing-hero{align-items:center;background:var(--color-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:120px var(--spacing-2xl) 80px;padding-top:120px;text-align:center}.landing-hero-title{color:var(--color-white);font-size:72px;font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.1;margin:0 0 var(--spacing-xl) 0;max-width:1000px}.landing-hero-subtitle{color:hsla(0,0%,100%,.95);font-size:24px;font-weight:var(--font-weight-normal);line-height:1.5;margin:0 0 var(--spacing-2xl) 0;max-width:800px}.landing-cta-button{background:transparent;border:3px solid var(--color-white);border-radius:50px;color:var(--color-white);cursor:pointer;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:.5px;min-width:200px;padding:var(--spacing-lg) var(--spacing-2xl);transition:all var(--transition-normal)}.landing-cta-button:hover{background:var(--color-white);box-shadow:0 8px 24px rgba(0,0,0,.15);color:var(--color-primary);transform:translateY(-2px)}.landing-cta-button:active{transform:translateY(0)}.landing-section{display:flex;justify-content:center;padding:80px var(--spacing-lg)}.landing-section-content{max-width:1200px;width:100%}.landing-section-heading{color:var(--color-text-primary);font-size:48px;font-weight:var(--font-weight-bold);letter-spacing:-.01em;line-height:1.2;margin:0 0 var(--spacing-xl) 0;text-align:center}.landing-body-text{color:var(--color-text-secondary);font-size:20px;line-height:1.6;margin:0 0 var(--spacing-lg) 0;margin-left:auto;margin-right:auto;max-width:900px;text-align:center}.landing-tagline{color:var(--color-primary);font-size:28px;font-weight:var(--font-weight-semibold);line-height:1.3;margin:var(--spacing-2xl) 0 var(--spacing-xl) 0;text-align:center}.landing-heartbeat{background:var(--color-gray-50)}.landing-how-it-works{background:var(--color-white)}.landing-steps-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(3,1fr);margin:var(--spacing-2xl) 0}.landing-step-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:16px;padding:var(--spacing-2xl);text-align:center;transition:all .3s ease}.landing-step-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-4px)}.landing-step-number{align-items:center;background:var(--color-primary);border-radius:50%;color:var(--color-white);display:flex;font-size:32px;font-weight:var(--font-weight-bold);height:64px;justify-content:center;margin:0 auto var(--spacing-lg);width:64px}.landing-step-title{color:var(--color-text-primary);font-size:24px;font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0}.landing-step-description{color:var(--color-text-secondary);font-size:16px;line-height:1.6;margin:0}.landing-cta-secondary{background:var(--color-primary);border:3px solid var(--color-primary);color:var(--color-white);display:block;margin:0 auto}.landing-cta-secondary:hover{background:transparent;border:3px solid var(--color-primary);box-shadow:0 8px 24px rgba(0,0,0,.15);color:var(--color-primary);transform:translateY(-2px)}.landing-stats{background:var(--color-primary)}.landing-stats .landing-body-text,.landing-stats .landing-section-heading{color:var(--color-white)}.landing-stats-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(3,1fr);margin-top:var(--spacing-2xl)}.landing-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:16px;padding:var(--spacing-2xl);text-align:center;transition:all .3s ease}.landing-stat-card:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.4);transform:translateY(-4px)}.landing-stat-value{color:var(--color-white);font-size:64px;font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1;margin:0 0 var(--spacing-md) 0}.landing-stat-label{color:hsla(0,0%,100%,.9);font-size:18px;font-weight:var(--font-weight-medium);line-height:1.4}.landing-reality{background:var(--color-gray-50)}.landing-brands{background:var(--color-white);padding-top:100px!important}.landing-brands-loop-container{height:120px;margin-top:var(--spacing-2xl);overflow:hidden;padding-top:var(--spacing-md);position:relative}.landing-brands-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);margin-top:var(--spacing-2xl)}.landing-brand-card{align-items:center;background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:140px;padding:var(--spacing-2xl);text-align:center;text-decoration:none;transition:all .3s ease}.landing-brand-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-4px)}.landing-brand-name{color:var(--color-text-primary);font-size:24px;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.landing-brand-description{color:var(--color-text-secondary);font-size:14px;line-height:1.4}.landing-final-cta{background:var(--color-gray-50);padding:100px var(--spacing-lg)}.landing-final-subheading{font-size:24px;margin-bottom:var(--spacing-2xl)}.landing-cta-large{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);display:block;font-size:24px;margin:0 auto;padding:20px 48px}.landing-cta-large:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-white)}.landing-footer{background:var(--color-gray-900);padding:var(--spacing-2xl) var(--spacing-lg)}.landing-footer-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 auto;max-width:1200px}.landing-footer-links{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:center}.landing-footer-link{background:none;border:none;color:var(--color-gray-400);cursor:pointer;font-size:var(--font-size-base);transition:color .2s}.landing-footer-link:hover{color:var(--color-white)}.landing-footer-copyright{color:var(--color-gray-500);font-size:var(--font-size-sm);text-align:center}@media (max-width:1024px){.landing-brands-grid,.landing-stats-grid,.landing-steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.landing-nav-content{padding:0 var(--spacing-md)}.landing-logo{font-size:var(--font-size-xl)}.landing-nav-links{gap:var(--spacing-md)}.landing-nav-link{font-size:var(--font-size-base)}.landing-sticky-cta{font-size:var(--font-size-sm);padding:10px 20px;right:16px;top:16px}.landing-hero{min-height:60vh;padding:80px var(--spacing-lg) 60px}.landing-hero-title{font-size:48px}.landing-hero-subtitle{font-size:18px}.landing-section{padding:60px var(--spacing-md)}.landing-section-heading{font-size:36px}.landing-body-text{font-size:18px}.landing-tagline{font-size:22px}.landing-brands-grid,.landing-stats-grid,.landing-steps-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.landing-stat-value{font-size:48px}.landing-cta-button{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl)}.landing-cta-large{font-size:20px;padding:16px 32px}}@media (max-width:480px){.landing-nav-links{gap:var(--spacing-sm)}.landing-nav-link{font-size:var(--font-size-sm)}.landing-hero-title{font-size:36px}.landing-hero-subtitle{font-size:16px}.landing-section-heading{font-size:28px}.landing-body-text{font-size:16px}.landing-step-number{font-size:24px;height:48px;width:48px}.landing-step-title{font-size:20px}.landing-stat-value{font-size:36px}.landing-stat-label{font-size:16px}}.landing-content{align-items:center;display:flex;flex:1 1;justify-content:center;margin-top:80px;min-height:calc(100vh - 80px);padding:var(--spacing-2xl)}.support-title{color:var(--color-text-primary);font-size:48px;font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xl) 0}.support-container{background:var(--color-white);border-radius:var(--spacing-lg);box-shadow:var(--shadow-xl);max-width:800px;padding:var(--spacing-2xl);width:100%}.support-form{gap:var(--spacing-xl)}.support-form,.support-form-group{display:flex;flex-direction:column}.support-form-group{gap:var(--spacing-sm)}.support-label{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.support-required{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.support-field-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.support-name-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.support-name-field{display:flex;flex-direction:column}.support-textarea{font-family:var(--font-primary);min-height:120px;resize:vertical;width:100%}.support-submit-button{align-self:stretch;background-color:var(--color-white);border:none;border-radius:var(--radius-lg);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-sm);padding:var(--spacing-md);transition:all var(--transition-base)}.support-submit-button:hover:not(:disabled){background-color:var(--color-gray-100);box-shadow:var(--shadow-md);transform:translateY(-1px)}.support-submit-button:active:not(:disabled){transform:translateY(0)}.support-submit-button:disabled{cursor:not-allowed;opacity:.6}.support-success-message{background:var(--color-success-light);color:var(--color-success);margin-bottom:var(--spacing-md)}.support-error-message,.support-success-message{border-radius:var(--border-radius-lg);font-weight:var(--font-weight-medium);padding:var(--spacing-md)}.support-error-message{background:var(--color-error-light);color:var(--color-error)}@media (max-width:768px){.landing-content{padding:var(--spacing-xl) var(--spacing-md)}.support-title{font-size:36px}.support-name-row{grid-template-columns:1fr}}.privacy-page{color:var(--color-white);margin:112px auto var(--spacing-4xl);max-width:900px;padding:var(--spacing-3xl) var(--spacing-2xl);width:100%}.privacy-title{font-size:48px;font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0}.privacy-updated{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl)}.privacy-section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);margin-top:var(--spacing-2xl)}.privacy-subheading{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-xl)}.privacy-subsubheading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);margin-top:var(--spacing-lg)}.privacy-paragraph{color:var(--color-white);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--spacing-md)}.privacy-list{color:var(--color-white);list-style:disc;margin:0 0 var(--spacing-md) var(--spacing-xl);padding-left:var(--spacing-md)}.privacy-list li{line-height:1.5;margin-bottom:var(--spacing-xs)}.privacy-footer{color:var(--color-gray-200);font-size:var(--font-size-sm);margin-top:var(--spacing-2xl)}@media (max-width:768px){.privacy-page{margin:80px auto var(--spacing-3xl);padding:var(--spacing-2xl) var(--spacing-md)}.privacy-title{font-size:36px}}.auth-container{align-items:center;background:var(--color-primary);display:flex;flex-direction:column;font-family:var(--font-primary);min-height:100vh;padding-top:80px}.auth-header{color:var(--color-white);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);text-align:center}.auth-logo{display:block;height:auto;margin:0 auto var(--spacing-md);max-width:90%;width:200px}.auth-header-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);letter-spacing:-.5px;margin:0 0 var(--spacing-md) 0}.auth-header-subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);margin:0;opacity:.95}.auth-card{background-color:var(--color-white);border-radius:var(--spacing-lg);box-shadow:var(--shadow-xl);margin:0 var(--spacing-lg) var(--spacing-xl);max-width:600px;min-width:400px;padding:var(--spacing-2xl) var(--spacing-xl);width:-webkit-fit-content;width:fit-content}.auth-card-title{color:var(--color-gray-900);font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xl) 0;text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.input-container{align-items:center;background-color:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;padding:0 var(--spacing-md);position:relative;transition:border-color var(--transition-base)}.input-container:focus-within{background-color:var(--color-white);border-color:var(--color-primary)}.input-icon{font-size:var(--font-size-xl);margin-right:var(--radius-lg)}.input-field{background-color:transparent;border:none;color:var(--color-gray-900);flex:1 1;font-size:var(--font-size-base);outline:none;padding:var(--spacing-md) 0}.input-field::placeholder{color:var(--color-gray-400)}.toggle-password-btn{background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);opacity:.6;padding:var(--spacing-sm);transition:opacity var(--transition-base)}.toggle-password-btn:hover{opacity:1}.auth-button{background-color:var(--color-white);border:none;border-radius:var(--radius-lg);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-sm);padding:var(--spacing-md);transition:all var(--transition-base)}.auth-button:hover:not(:disabled){background-color:var(--color-gray-100);box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:0;text-decoration:none;transition:color var(--transition-base)}.auth-link:hover{color:var(--color-primary-dark);text-decoration:underline}.error-message{background-color:var(--color-error-light);color:var(--color-error-dark)}.error-message,.success-message{border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--radius-lg) var(--spacing-md);text-align:center}.success-message{background-color:var(--color-success-light);color:var(--color-success-dark)}.info-text{font-size:var(--font-size-sm)}.hint-text,.info-text{color:var(--color-gray-500)}.hint-text{font-size:var(--font-size-xs);margin-top:calc(var(--radius-lg)*-1);padding-left:var(--spacing-xs)}.text-center{text-align:center}.flex-row{display:flex;gap:var(--radius-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-lg)}.tooltip-container{display:inline-flex;position:relative}.info-icon{align-items:center;background:var(--color-gray-200);border-radius:50%;color:var(--color-gray-600);cursor:pointer;display:inline-flex;font-size:12px;font-weight:var(--font-weight-bold);height:18px;justify-content:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:18px}.info-icon:hover{background:var(--color-gray-300);color:var(--color-gray-800)}.tooltip-popup{animation:fadeIn .2s ease;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.15);color:var(--color-gray-700);font-size:var(--font-size-sm);line-height:1.5;padding:var(--spacing-md);position:absolute;width:280px;z-index:1000}.tooltip-popup.tooltip-bottom{right:0;top:30px}.tooltip-popup.tooltip-top{bottom:30px;right:0}.tooltip-popup.tooltip-left{right:30px;top:50%;transform:translateY(-50%)}.tooltip-popup.tooltip-right{left:30px;top:50%;transform:translateY(-50%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tooltip-close{align-items:center;background:none;border:none;color:var(--color-gray-400);cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;padding:0;position:absolute;right:8px;top:8px;transition:color .2s ease;width:20px}.tooltip-close:hover{color:var(--color-gray-700)}.employee-dashboard{background:var(--color-gray-50);margin:0 auto;max-width:1400px;min-height:100vh;padding:var(--spacing-xl)}.dashboard-greeting{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:normal!important;margin-bottom:var(--spacing-xs);text-transform:none!important}.dashboard-subtitle{color:var(--color-gray-600);font-size:var(--font-size-md);margin-bottom:var(--spacing-2xl)}.highlight-text{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.employee-dashboard-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.employee-widget{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,.1);padding:var(--spacing-xl);transition:all .2s ease}.employee-widget:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.earnings-widget{grid-column:span 3}.earnings-label{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.earnings-value{color:var(--color-primary);font-size:48px;font-weight:var(--font-weight-bold);line-height:1;margin:var(--spacing-md) 0}.progress-container{margin:var(--spacing-lg) 0}.progress-bar{background:var(--color-gray-200);height:12px;position:relative}.progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-full);transition:width .6s ease}.progress-labels{color:var(--color-gray-500);display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-top:var(--spacing-xs)}.progress-footer{margin-top:var(--spacing-md);text-align:center}.progress-goal{color:var(--color-gray-700);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.activity-widget{cursor:pointer}.activity-stats{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.activity-stat{background:var(--color-gray-50);gap:var(--spacing-md);padding:var(--spacing-md)}.activity-icon,.activity-stat{align-items:center;border-radius:var(--radius-md);display:flex}.activity-icon{flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.activity-icon.submitted{background:var(--color-info-light)}.activity-icon.approved{background:var(--color-success-light)}.activity-info{flex:1 1}.activity-value{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.activity-label{color:var(--color-gray-600);font-size:var(--font-size-sm);margin-top:4px}.approval-rate-badge{background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-sm);padding:var(--spacing-sm);text-align:center}.streak-widget{position:relative;text-align:center}.streak-widget.streak-active{background:linear-gradient(135deg,rgba(255,154,0,.1),rgba(255,87,51,.1));box-shadow:0 0 20px rgba(255,154,0,.2)}.streak-value-container{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin:var(--spacing-lg) 0}.streak-flame{animation:flicker 2s ease-in-out infinite;font-size:48px}@keyframes flicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.streak-value{color:var(--color-gray-900);font-size:56px;font-weight:var(--font-weight-bold);line-height:1}.streak-label{color:var(--color-gray-600);font-size:var(--font-size-md);margin-bottom:var(--spacing-md)}.streak-encouragement{color:var(--color-warning-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.streak-icon-gray{font-size:64px;margin:var(--spacing-lg) 0;opacity:.3}.rewards-claimed-widget{cursor:pointer}.rewards-summary{align-items:center;display:flex;flex-direction:column;padding:var(--spacing-lg) 0;text-align:center}.rewards-icon{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:64px}.rewards-icon,.rewards-stats{margin-bottom:var(--spacing-md)}.rewards-value{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-xs)}.rewards-count{color:var(--color-gray-600);font-size:var(--font-size-md)}.rewards-encouragement{color:var(--color-success-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.zero-state{padding:var(--spacing-xl) 0;text-align:center}.zero-state-title{color:var(--color-gray-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.zero-state-subtitle{color:var(--color-gray-500);font-size:var(--font-size-md);margin-bottom:var(--spacing-md)}.zero-state-btn{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.zero-state-btn:hover{background:var(--color-primary-dark);box-shadow:0 4px 8px rgba(32,92,240,.3);transform:translateY(-2px)}@media (max-width:1024px){.employee-dashboard-grid{grid-template-columns:1fr}.earnings-widget{grid-column:span 1}.earnings-value{font-size:36px}.streak-value{font-size:42px}.dashboard-greeting{font-size:var(--font-size-xl)}}.dashboard-container{background:var(--color-gray-50);margin:0 auto;max-width:1400px;min-height:100vh;padding:var(--spacing-xl)}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.dashboard-header h1{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase}.dashboard-status{align-items:center;color:var(--color-gray-600);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm)}.status-indicator{animation:pulse-ring 2s cubic-bezier(.455,.03,.515,.955) infinite;background-color:var(--color-success);border-radius:50%;box-shadow:0 0 0 0 rgba(16,185,129,.7);height:10px;width:10px}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{box-shadow:0 0 0 6px rgba(16,185,129,0)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.dashboard-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-lg)}.dashboard-grid-full{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.dashboard-widget{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden;padding:var(--spacing-xl);position:relative}.widget-header{justify-content:space-between;margin-bottom:var(--spacing-lg)}.widget-header,.widget-title{align-items:center;display:flex}.widget-title{color:var(--color-gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);letter-spacing:1px;text-transform:uppercase}.widget-title-icon{font-size:var(--font-size-md)}.widget-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:4px;padding:4px 12px}.widget-badge.positive{background:var(--color-green-100);color:var(--color-green-700)}.widget-badge.neutral{background:var(--color-gray-200);color:var(--color-gray-700)}.roi-main-stats{border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.roi-stat{flex:1 1}.roi-value{color:var(--color-primary);font-size:40px;font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-xs)}.roi-label{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.roi-savings-badge{align-items:center;background:var(--color-success-light);border-radius:var(--radius-md);color:var(--color-success-dark);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:4px;margin-top:var(--spacing-md);padding:6px 12px}.comparison-bars{gap:var(--spacing-md)}.comparison-bars,.comparison-row{display:flex;flex-direction:column}.comparison-row{gap:var(--spacing-xs)}.comparison-label{align-items:center;color:var(--color-gray-700);display:flex;font-size:var(--font-size-sm);justify-content:space-between}.comparison-bar{background:var(--color-gray-200);border-radius:999px;height:8px;overflow:hidden;position:relative}.comparison-fill{border-radius:999px;height:100%;transition:width 1s ease}.comparison-fill.traditional{background:var(--color-gray-400)}.comparison-fill.crewcast{background:var(--color-primary)}.comparison-note{color:var(--color-gray-500);font-size:var(--font-size-xs);font-style:italic;margin-top:var(--spacing-sm)}.volume-header{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.volume-main{align-items:baseline;display:flex;gap:var(--spacing-md)}.volume-value{color:var(--color-gray-900);font-size:56px;font-weight:var(--font-weight-bold);line-height:1}.volume-label{color:var(--color-gray-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.volume-growth{align-items:center;color:var(--color-green-600);display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:4px}.trend-graph{height:200px;margin-top:var(--spacing-lg);overflow:visible;padding:var(--spacing-sm) 0;position:relative}.trend-line{height:100%;overflow:visible;width:100%}.pulse-gauge-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl) 0}.pulse-gauge{height:180px;margin-bottom:var(--spacing-lg);position:relative;width:180px}.gauge-svg{transform:rotate(-90deg)}.gauge-background{fill:none;stroke:var(--color-gray-200);stroke-width:16}.gauge-progress{fill:none;stroke:var(--color-success);stroke-width:16;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.gauge-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.gauge-percentage{color:var(--color-gray-900);display:block;font-size:42px;font-weight:var(--font-weight-bold);line-height:1}.gauge-label{color:var(--color-gray-600);display:block;font-size:var(--font-size-sm);margin-top:4px}.pulse-stats{display:flex;gap:var(--spacing-xl);justify-content:center;width:100%}.pulse-stat{align-items:center;color:var(--color-gray-700);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.pulse-stat-dot{border-radius:50%;height:10px;width:10px}.pulse-stat-dot.active{animation:pulse-ring 2s cubic-bezier(.455,.03,.515,.955) infinite;background-color:var(--color-success);box-shadow:0 0 0 0 rgba(16,185,129,.7)}.pulse-stat-dot.idle{background:var(--color-gray-400)}.reward-metrics{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.reward-metric{background:var(--color-gray-50);gap:var(--spacing-md);padding:var(--spacing-sm)}.reward-icon,.reward-metric{align-items:center;border-radius:var(--radius-md);display:flex}.reward-icon{flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.reward-icon.pending{background:var(--color-warning-light);color:var(--color-warning-dark)}.reward-icon.owed{background:var(--color-error-light);color:var(--color-error-dark)}.reward-icon.paid,.reward-icon.total{background:var(--color-success-light);color:var(--color-success-dark)}.reward-info{flex:1 1}.reward-metric-label{color:var(--color-gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.reward-metric-value{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2}.reward-footer{align-items:center;border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-md);justify-content:space-between;padding-top:var(--spacing-md)}.total-credits-badge{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.review-button{align-items:center;background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-900);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md);transition:all .2s;width:100%}.review-button:hover{background:var(--color-gray-50);border-color:var(--color-primary);color:var(--color-primary)}.dashboard-loading{align-items:center;color:var(--color-gray-600);display:flex;font-size:var(--font-size-lg);justify-content:center;min-height:400px}.dashboard-error{background:var(--color-red-50);border:1px solid var(--color-red-200);border-radius:var(--radius-lg);color:var(--color-red-700);margin:var(--spacing-xl);padding:var(--spacing-lg)}@media (max-width:1024px){.dashboard-grid,.dashboard-grid-full{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-container{padding:var(--spacing-md)}.dashboard-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.dashboard-header h1{font-size:var(--font-size-xl)}.dashboard-widget{padding:var(--spacing-lg)}.widget-title{font-size:var(--font-size-md)}.roi-value,.volume-value{font-size:36px}.gauge-percentage{font-size:32px}.roi-main-stats{flex-direction:column;gap:var(--spacing-lg)}.roi-divider{display:none}.comparison-label{font-size:var(--font-size-xs)}.volume-value{font-size:42px}.volume-growth{font-size:var(--font-size-xs)}.trend-graph{height:150px}.reward-metrics{flex-direction:column}.reward-metric{width:100%}.quick-stats-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.stat-item{padding:var(--spacing-sm)}.stat-value{font-size:var(--font-size-lg)}.stat-label{font-size:var(--font-size-xs)}}.profile-container{margin:0 auto;max-width:800px;padding:var(--spacing-xl) var(--spacing-lg)}.profile-loading{align-items:center;color:var(--color-gray-600);display:flex;font-size:var(--font-size-lg);justify-content:center;min-height:400px}.profile-header{margin-bottom:var(--spacing-xl)}.profile-title{color:var(--color-gray-900);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.profile-subtitle{color:var(--color-gray-600);font-size:var(--font-size-base);margin:0}.profile-error{background:var(--color-error-light);border:1px solid var(--color-error-light);border-radius:var(--radius-lg);color:var(--color-error-dark)}.profile-error,.profile-success{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.profile-success{background:var(--color-success-light);border:1px solid var(--color-success-light);border-radius:var(--radius-lg);color:var(--color-success-dark)}.profile-section{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-base);margin-bottom:var(--spacing-lg);padding:var(--spacing-xl)}.profile-section-header{border-bottom:2px solid var(--color-gray-200);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.profile-section-title{color:var(--color-gray-800);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.profile-section-actions{align-items:center;display:flex;gap:var(--spacing-lg);position:relative}.profile-toggle-password{background:none;border:none;color:var(--color-gray-600);cursor:pointer;font-size:var(--font-size-lg);padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:var(--radius-lg);top:50%;transform:translateY(-50%);transition:color var(--transition-base)}.profile-toggle-password:hover{color:var(--color-gray-800)}.profile-form{gap:var(--spacing-lg)}.profile-form,.profile-form-group{display:flex;flex-direction:column}.profile-form-group{gap:var(--spacing-sm)}.profile-label{color:var(--color-gray-800);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.profile-input{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-800);font-size:var(--font-size-base);padding:var(--radius-lg) var(--spacing-md);transition:all var(--transition-base)}.profile-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(32,92,240,.1);outline:none}.profile-input-disabled,.profile-input:disabled{background:var(--color-gray-50);color:var(--color-gray-400);cursor:not-allowed}.profile-hint{color:var(--color-gray-600);font-size:var(--font-size-xs);margin:0}.employee-profile-stats-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,minmax(0,1fr))}.employee-profile-stat-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:center}.employee-profile-stat-value{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:6px}.employee-profile-stat-label{color:var(--color-gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.8px;text-transform:uppercase}@media (max-width:768px){.employee-profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.profile-picture-section{align-items:center;background:var(--color-gray-50);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-sm);padding:var(--spacing-lg)}.profile-picture-preview{flex-shrink:0}.profile-picture-img{display:block;object-fit:cover}.profile-picture-img,.profile-picture-placeholder{border-radius:var(--radius-full);height:120px;width:120px}.profile-picture-placeholder{align-items:center;background:var(--color-primary);color:var(--color-white);display:flex;font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);justify-content:center}.profile-picture-info{flex:1 1}.profile-picture-label{color:var(--color-gray-800);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.profile-picture-hint{color:var(--color-gray-600);font-size:var(--font-size-xs);margin:0 0 var(--radius-lg) 0}.profile-file-input{display:none}.profile-upload-button{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base)}.profile-upload-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.profile-upload-button:active{transform:translateY(0)}.profile-button{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base)}.profile-button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-button:disabled{cursor:not-allowed;opacity:.6}.profile-button-secondary{background:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base)}.profile-button-secondary:hover:not(:disabled){background:var(--color-gray-50)}.profile-button-secondary:disabled{cursor:not-allowed;opacity:.6}.profile-password-input-wrapper{align-items:center;display:flex;position:relative}.profile-password-input-wrapper .profile-input{padding-right:var(--spacing-3xl)}.profile-password-toggle-btn{align-items:center;background:none;border:none;color:var(--color-gray-600);cursor:pointer;display:flex;font-size:var(--font-size-lg);justify-content:center;padding:var(--spacing-sm);position:absolute;right:var(--radius-lg);transition:color var(--transition-base)}.profile-password-toggle-btn:hover{color:var(--color-gray-800)}.employees-container{margin:0 auto;max-width:1400px;padding:var(--spacing-xl)}.employees-header{margin-bottom:var(--spacing-xl)}.employees-title{color:var(--color-gray-900);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.employees-subtitle{color:var(--color-gray-600);font-size:var(--font-size-base);margin:0}.employees-error,.employees-loading{color:var(--color-gray-600);font-size:var(--font-size-lg);padding:var(--spacing-2xl);text-align:center}.employees-error{background-color:var(--color-error-light);border:1px solid var(--color-error-light);border-radius:var(--radius-md);color:var(--color-error)}.employees-empty{background-color:var(--color-gray-50);border:2px dashed var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.employees-empty-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-md)}.employees-empty-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.employees-empty-text{color:var(--color-gray-600);font-size:var(--font-size-base);margin:0}.employees-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.employee-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-base)}.employee-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.employee-avatar{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-md);overflow:hidden;width:80px}.employee-avatar-img{height:100%;object-fit:cover;width:100%}.employee-avatar-placeholder{align-items:center;color:var(--color-white);display:flex;font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);height:100%;justify-content:center;width:100%}.employee-info{margin-bottom:var(--spacing-md);text-align:center}.employee-name{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.employee-email{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0;word-break:break-word}.employee-stats{border-bottom:1px solid var(--color-gray-200);border-top:1px solid var(--color-gray-200);display:flex;justify-content:center;margin-bottom:var(--spacing-md);padding:var(--spacing-md) 0}.employee-stat{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs)}.employee-stat-value{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.employee-stat-label{color:var(--color-gray-600);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.employee-submissions-feature{padding:var(--spacing-sm) 0;text-align:center;width:100%}.employee-submissions-feature-value{color:var(--color-primary);font-size:44px;font-weight:var(--font-weight-bold);line-height:1;margin-bottom:6px}.employee-submissions-feature-label{color:var(--color-gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.employee-submissions-feature-meta{color:var(--color-gray-600);font-size:12px}.employee-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.employee-view-btn{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--radius-lg) var(--spacing-md);transition:all var(--transition-base)}.employee-view-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.employee-view-btn:active{transform:translateY(0)}.employee-status{display:flex;justify-content:center}.employee-status-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--radius-lg)}.employee-status-badge.invited{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.employee-status-badge.active{background-color:var(--color-success-light);color:var(--color-success-dark)}@media (max-width:768px){.employees-container{padding:var(--spacing-md)}.employees-grid{grid-template-columns:1fr}.employees-title{font-size:var(--font-size-2xl)}.employee-card{padding:var(--spacing-lg)}.employee-avatar{height:60px;width:60px}.employee-avatar-placeholder{font-size:var(--font-size-2xl)}.employee-name{font-size:var(--font-size-lg)}}.rewards-container{margin:0 auto;max-width:1200px;padding:var(--spacing-xl)}.rewards-header{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl)}.rewards-title{color:var(--color-gray-900);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0}.rewards-subtitle{color:var(--color-gray-600);font-size:var(--font-size-base);margin:0}.rewards-error,.rewards-loading{color:var(--color-gray-600);font-size:var(--font-size-lg);padding:var(--spacing-2xl);text-align:center}.rewards-error{background-color:var(--color-error-light);border:1px solid var(--color-error-light);border-radius:var(--radius-md);color:var(--color-error)}.rewards-error-inline{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.rewards-danger-btn,.rewards-primary-btn,.rewards-secondary-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.rewards-primary-btn{background-color:var(--color-primary);color:var(--color-white)}.rewards-primary-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.rewards-secondary-btn{background-color:var(--color-white);border:1px solid var(--color-gray-300);color:var(--color-gray-800)}.rewards-secondary-btn:hover{background-color:var(--color-gray-50)}.rewards-danger-btn{background-color:var(--color-error);color:var(--color-white)}.rewards-danger-btn:hover{background-color:var(--color-error-dark)}.rewards-empty{background-color:var(--color-gray-50);border:2px dashed var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.rewards-empty-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-md)}.rewards-empty-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.rewards-empty-text{color:var(--color-gray-600);font-size:var(--font-size-base);margin:0}.rewards-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.rewards-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--spacing-lg);transition:all var(--transition-base)}.rewards-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.rewards-card-image{align-items:center;background:var(--color-gray-100);display:flex;height:200px;justify-content:center;margin:calc(var(--spacing-lg)*-1) calc(var(--spacing-lg)*-1) var(--spacing-md);overflow:hidden;width:100%}.rewards-card-image img{height:100%;object-fit:cover;width:100%}.rewards-card-header{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-sm)}.rewards-card-title{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.rewards-card-description{color:var(--color-gray-700);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0}.rewards-card-meta{align-items:center;color:var(--color-gray-600);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.rewards-points{color:var(--color-primary);font-weight:var(--font-weight-bold)}.rewards-created-at{font-style:italic}.rewards-status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-md)}.rewards-status-badge.active{background-color:var(--color-success-light);color:var(--color-success-dark)}.rewards-status-badge.inactive{background-color:var(--color-gray-100);color:var(--color-gray-700)}.rewards-card-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.rewards-create-card,.rewards-detail-card{margin-bottom:var(--spacing-xl)}.rewards-form{gap:var(--spacing-md)}.rewards-form,.rewards-form-row{display:flex;flex-direction:column}.rewards-form-row{gap:var(--spacing-xs)}.rewards-form-row-inline{align-items:center;flex-direction:row;gap:var(--spacing-lg)}.rewards-label{color:var(--color-gray-800);display:flex;flex-direction:column;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs)}.rewards-input,.rewards-textarea{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.rewards-input:focus,.rewards-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary-light);outline:none}.rewards-textarea{resize:vertical}.rewards-checkbox-label{align-items:center;color:var(--color-gray-800);display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.rewards-radio-group{display:flex;gap:var(--spacing-lg);padding:var(--spacing-sm) 0}.rewards-radio-label{align-items:center;color:var(--color-gray-800);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);gap:var(--spacing-xs)}.rewards-radio-label input[type=radio]{cursor:pointer;height:18px;width:18px}.rewards-image-preview{border-radius:var(--border-radius-md);margin-top:var(--spacing-sm);max-width:300px;overflow:hidden}.rewards-image-preview img{display:block;height:auto;width:100%}.rewards-form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.rewards-detail-readonly{display:flex;flex-direction:column;gap:var(--spacing-md)}.rewards-detail-image{background:var(--color-gray-100);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);max-height:400px;overflow:hidden;width:100%}.rewards-detail-image img{height:100%;object-fit:contain;width:100%}@media (max-width:768px){.rewards-container{padding:var(--spacing-md)}.rewards-header{align-items:flex-start;flex-direction:column}.rewards-grid{grid-template-columns:1fr}}.challenges-container{margin:0 auto;max-width:1200px;padding:var(--spacing-xl)}.challenges-header{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl)}.challenges-header h1{color:var(--color-gray-900);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0}.create-challenge-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.create-challenge-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.challenges-error,.challenges-loading{color:var(--color-gray-600);font-size:var(--font-size-lg);padding:var(--spacing-2xl);text-align:center}.challenges-error{background-color:var(--color-error-light);border:1px solid var(--color-error-light);border-radius:var(--radius-md);color:var(--color-error)}.create-challenge-form{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.create-challenge-form h2{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-lg) 0}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--color-gray-700);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-900);font-family:var(--font-primary);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-base);width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.form-group input[type=file]{font-size:var(--font-size-sm)}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm)}.checkbox-group input[type=checkbox]{cursor:pointer;width:auto}.checkbox-group span{color:var(--color-gray-700);font-size:var(--font-size-base)}.image-preview{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-top:var(--spacing-md);max-width:400px;overflow:hidden}.image-preview img{display:block;height:auto;width:100%}.form-error{background-color:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error)}.form-error,.form-success{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.form-success{animation:slideDown .3s ease;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:var(--radius-md);color:#155724;font-weight:var(--font-weight-medium)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-actions{align-items:center;display:flex;gap:var(--spacing-md)}.save-btn,.submit-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.save-btn:hover,.submit-btn:hover{background-color:var(--color-primary-dark)}.save-btn:disabled,.submit-btn:disabled{background-color:var(--color-gray-400);cursor:not-allowed}.cancel-btn{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-700);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.cancel-btn:hover{background-color:var(--color-gray-50)}.delete-btn{background-color:var(--color-error);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-left:auto;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.delete-btn:hover{background-color:#c53030}.delete-btn:disabled{background-color:var(--color-gray-400);cursor:not-allowed}.no-challenges{background-color:var(--color-gray-50);border-radius:var(--radius-lg);color:var(--color-gray-600);padding:var(--spacing-2xl);text-align:center}.no-challenges p{font-size:var(--font-size-lg);margin:var(--spacing-sm) 0}.challenges-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.challenge-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.challenge-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.challenge-image{background-color:var(--color-gray-100);height:200px;overflow:hidden;width:100%}.challenge-image img,.challenge-image video{height:100%;object-fit:cover;width:100%}.challenge-video{cursor:pointer}.challenge-hero-video,.preview-video{border-radius:var(--radius-md);max-height:400px;width:100%}.challenge-hero-image{background-color:var(--color-gray-50);width:100%}.challenge-hero-image img{background-color:#000;max-height:500px;object-fit:contain}.challenge-hero-image video{display:block;max-height:500px;object-fit:contain;width:100%}.challenge-content{padding:var(--spacing-lg)}.challenge-title-row{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.challenge-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 8px;text-transform:uppercase}.challenge-status-badge.status-draft{background-color:var(--color-gray-100);color:var(--color-gray-700)}.challenge-status-badge.status-active{background-color:var(--color-green-100);color:var(--color-green-700)}.challenge-status-badge.status-complete{background-color:var(--color-blue-100);color:var(--color-blue-700)}.challenge-content h3{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.challenge-description{word-wrap:break-word;color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--spacing-md) 0;white-space:pre-wrap}.challenge-description a,.challenge-rules a{color:var(--color-primary);text-decoration:underline;word-break:break-all}.challenge-description a:hover,.challenge-rules a:hover{color:var(--color-primary-dark)}.challenge-rules{word-wrap:break-word;white-space:pre-wrap}.challenge-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.collaborators-badge{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.collaborators-badge,.points-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.challenge-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.edit-btn,.view-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-base)}.edit-btn:hover,.view-btn:hover{background-color:var(--color-primary-dark)}.challenge-actions .delete-btn{flex:1 1;font-size:var(--font-size-sm);margin-left:0;padding:var(--spacing-xs) var(--spacing-md)}.challenge-detail-container{margin:0 auto;max-width:800px;padding:var(--spacing-xl)}.challenge-detail-header{margin-bottom:var(--spacing-xl)}.challenge-detail-header h1{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:var(--spacing-md) 0 0 0}.back-btn{align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-700);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-base)}.back-btn:hover{background-color:var(--color-gray-50)}.challenge-detail-form{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.challenge-detail-form,.form-section{margin-bottom:var(--spacing-xl)}.challenge-info{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.challenge-info h3{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0}.info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.info-item{align-items:center;background-color:var(--color-white);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-sm)}.info-label{color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.info-label,.info-value{font-size:var(--font-size-sm)}.info-value{color:var(--color-gray-900)}.error,.loading{font-size:var(--font-size-lg);padding:var(--spacing-2xl);text-align:center}.error{color:var(--color-error)}@media (max-width:768px){.challenge-detail-container,.challenges-container{padding:var(--spacing-md)}.challenges-header{align-items:flex-start;flex-direction:column}.challenges-grid{grid-template-columns:1fr}.challenge-actions,.form-actions{flex-direction:column}.challenge-actions .delete-btn{margin-left:0}}.submission-form-container{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.submission-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.file-preview{background-color:#000;border-radius:var(--radius-lg);margin-top:var(--spacing-md);overflow:hidden;position:relative}.preview-image,.preview-video{background-color:#000;display:block;max-height:400px;object-fit:contain;width:100%}.preview-video{min-height:200px}.remove-file-btn{background-color:rgba(0,0,0,.7);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:background-color var(--transition-base)}.remove-file-btn:hover{background-color:rgba(220,38,38,.9)}.field-hint{color:var(--color-gray-600);margin-bottom:var(--spacing-sm)}.char-count,.field-hint{font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.char-count{color:var(--color-gray-500);display:block;text-align:right}.collaborator-toggle-btn{align-items:center;background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.collaborator-toggle-btn:hover{background-color:var(--color-gray-200)}.selected-count{background-color:var(--color-primary);border-radius:var(--radius-sm);color:var(--color-white);font-size:var(--font-size-xs);margin-left:var(--spacing-xs);padding:2px 8px}.collaborator-search-container{background-color:var(--color-gray-50);margin-top:var(--spacing-md);padding:var(--spacing-md)}.collaborator-search-container,.collaborator-search-input{border:1px solid var(--color-gray-300);border-radius:var(--radius-md)}.collaborator-search-input{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);width:100%}.collaborators-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:300px;overflow-y:auto}.collaborator-item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:background-color var(--transition-base)}.collaborator-item:hover{background-color:var(--color-white)}.collaborator-info{display:flex;flex-direction:column;gap:2px}.collaborator-name{color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.collaborator-email{color:var(--color-gray-600);font-size:var(--font-size-xs)}.no-results{color:var(--color-gray-500);font-size:var(--font-size-sm);padding:var(--spacing-lg);text-align:center}.selected-collaborators{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.selected-collaborators strong{color:var(--color-gray-700);font-size:var(--font-size-sm);margin-right:var(--spacing-xs)}.collaborator-tag{align-items:center;background-color:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-primary-dark);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:4px 8px}.remove-collaborator-btn{background:none;border:none;color:var(--color-primary-dark);cursor:pointer;font-size:var(--font-size-sm);line-height:1;margin-left:2px;padding:0}.remove-collaborator-btn:hover{color:var(--color-error)}.upload-progress{margin:var(--spacing-md) 0}.progress-bar{background-color:var(--color-gray-200);border-radius:var(--radius-full);height:8px;overflow:hidden;width:100%}.progress-fill{background-color:var(--color-primary);height:100%;transition:width .3s ease}.progress-text{color:var(--color-gray-600);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);text-align:center}.submit-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-xl);transition:background-color var(--transition-base)}.submit-btn:hover:not(:disabled){background-color:var(--color-primary-dark)}.submit-btn:disabled{background-color:var(--color-gray-400);cursor:not-allowed}.error-message,.success-message{border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.success-message{background-color:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.error-message{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.challenge-view-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.challenge-hero-image{border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);overflow:hidden}.challenge-hero-image img{display:block;height:auto;width:100%}.challenge-header-info{margin-bottom:var(--spacing-xl)}.challenge-header-info h2{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.challenge-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.points-badge,.status-badge,.team-badge{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:6px 12px}.status-badge.status-active{background-color:#d1fae5;color:#065f46}.status-badge.status-complete{background-color:#dbeafe;color:#1e40af}.status-badge.status-draft{background-color:#f3f4f6;color:#374151}.points-badge{background-color:#fef3c7;color:#92400e}.team-badge{background-color:#e0e7ff;color:#3730a3}.challenge-section{border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.challenge-section:last-child{border-bottom:none}.challenge-section h3{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.challenge-description,.challenge-rules{color:var(--color-gray-700);line-height:1.6;white-space:pre-wrap}.challenge-inactive-notice{background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);text-align:center}.challenge-inactive-notice p{color:var(--color-gray-700);font-size:var(--font-size-base)}.user-submissions-section{margin-top:var(--spacing-2xl)}.user-submissions-section h2{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.submissions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.submission-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:box-shadow var(--transition-base)}.submission-card:hover{box-shadow:var(--shadow-md)}.submission-content{display:flex;gap:var(--spacing-md)}.submission-thumbnail{background-color:var(--color-gray-100);border-radius:var(--radius-md);flex-shrink:0;height:100px;overflow:hidden;width:150px}.submission-thumbnail img,.submission-thumbnail video{height:100%;object-fit:cover;width:100%}.submission-details{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.submission-caption{color:var(--color-gray-700);font-size:var(--font-size-sm);line-height:1.5}.submission-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.submission-status{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:4px 8px}.submission-status.pending{background-color:#fef3c7;color:#92400e}.submission-status.approved{background-color:#d1fae5;color:#065f46}.submission-status.rejected{background-color:#fee2e2;color:#991b1b}.submission-collaborators,.submission-date{color:var(--color-gray-600);font-size:var(--font-size-xs)}.submissions-page-container{margin:0 auto;max-width:1200px;padding:var(--spacing-xl)}.submissions-page-header{margin-bottom:var(--spacing-xl)}.submissions-page-header h1{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.page-subtitle{color:var(--color-gray-600);font-size:var(--font-size-base)}.submissions-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.stat-card.pending{background-color:#fffbeb;border-color:#fbbf24}.stat-card.approved{background-color:#f0fdf4;border-color:#10b981}.stat-card.rejected{background-color:#fef2f2;border-color:#ef4444}.stat-value{color:var(--color-gray-900);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.submissions-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.filter-btn{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-base)}.filter-btn:hover{background-color:var(--color-gray-50)}.filter-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.no-submissions{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.no-submissions-icon{font-size:64px;margin-bottom:var(--spacing-md)}.no-submissions h2{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.no-submissions p{color:var(--color-gray-600);margin-bottom:var(--spacing-lg)}.cta-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-xl);transition:background-color var(--transition-base)}.cta-btn:hover{background-color:var(--color-primary-dark)}.submissions-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.submission-card-large{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.submission-card-large:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.submission-preview{background-color:var(--color-gray-100);height:200px;position:relative;width:100%}.submission-media{height:100%;object-fit:cover;width:100%}.submission-status-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:6px 12px;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}.submission-status-badge.pending{background-color:rgba(251,191,36,.9);color:#78350f}.submission-status-badge.approved{background-color:rgba(16,185,129,.9);color:#064e3b}.submission-status-badge.rejected{background-color:rgba(239,68,68,.9);color:#7f1d1d}.submission-card-content{padding:var(--spacing-md)}.challenge-info-compact{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.challenge-title-link{color:var(--color-primary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.challenge-title-link:hover{color:var(--color-primary-dark);text-decoration:underline}.challenge-points{color:var(--color-gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.submission-metadata{border-top:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:4px;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.metadata-item{display:flex;font-size:var(--font-size-xs);justify-content:space-between}.metadata-label{color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.metadata-value{color:var(--color-gray-700)}.submission-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.view-challenge-btn{background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);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-xs) var(--spacing-md);transition:all var(--transition-base)}.view-challenge-btn:hover{background-color:var(--color-gray-200)}@media (max-width:768px){.submissions-grid{grid-template-columns:1fr}.submission-content{flex-direction:column}.submission-thumbnail{height:200px;width:100%}.submissions-stats{grid-template-columns:repeat(2,1fr)}}.review-submissions-page{margin:0 auto;max-width:1400px;padding:var(--spacing-xl)}.review-page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.review-page-header h1{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.pending-badge-large{background-color:#fef3c7;border:2px solid #fbbf24;border-radius:var(--radius-lg);color:#92400e;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);padding:var(--spacing-sm) var(--spacing-lg)}.review-submissions-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.review-submission-card{background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.review-submission-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl)}.review-submission-media{align-items:center;background-color:var(--color-gray-100);display:flex;height:300px;justify-content:center;width:100%}.review-media{height:100%;object-fit:contain;width:100%}.review-submission-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.review-challenge-info{align-items:center;border-bottom:2px solid var(--color-gray-200);display:flex;justify-content:space-between;padding-bottom:var(--spacing-sm)}.review-challenge-title{color:var(--color-primary);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;transition:color var(--transition-base)}.review-challenge-title:hover{color:var(--color-primary-dark);text-decoration:underline}.review-points{background-color:#fef3c7;border-radius:var(--radius-md);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:4px 12px}.review-submitter-info{align-items:center;background-color:var(--color-gray-50);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.submitter-avatar{align-items:center;background-color:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:48px;justify-content:center;width:48px}.submitter-details{display:flex;flex-direction:column;gap:2px}.submitter-name{color:var(--color-gray-900);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.submitter-email{color:var(--color-gray-600);font-size:var(--font-size-sm)}.review-caption{background-color:var(--color-gray-50);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-sm)}.review-caption strong{display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.review-caption p,.review-caption strong{color:var(--color-gray-700);font-size:var(--font-size-sm)}.review-caption p{line-height:1.5;margin:0;white-space:pre-wrap}.review-metadata{border-top:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:6px;padding-top:var(--spacing-sm)}.metadata-row{display:flex;font-size:var(--font-size-sm);justify-content:space-between}.review-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.approve-btn,.reject-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.approve-btn{background-color:#10b981;color:var(--color-white)}.approve-btn:hover:not(:disabled){background-color:#059669;box-shadow:var(--shadow-md);transform:translateY(-2px)}.reject-btn{background-color:#ef4444;color:var(--color-white)}.reject-btn:hover:not(:disabled){background-color:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-2px)}.approve-btn:disabled,.reject-btn:disabled{background-color:var(--color-gray-400);cursor:not-allowed;transform:none}.sidebar-nav-item .pending-count{background-color:#ef4444;border-radius:var(--radius-full);color:var(--color-white);font-size:11px;font-weight:var(--font-weight-bold);margin-left:auto;min-width:20px;padding:2px 6px;text-align:center}@media (max-width:768px){.review-submissions-grid{grid-template-columns:1fr}.review-page-header{flex-direction:column;gap:var(--spacing-md)}.review-submission-media{height:250px}}.challenge-submissions-section{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-xl)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.section-header h3{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.view-all-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-md);transition:background-color var(--transition-base)}.view-all-btn:hover{background-color:var(--color-primary-dark)}.no-submissions-notice{color:var(--color-gray-500);font-size:var(--font-size-sm);padding:var(--spacing-xl);text-align:center}.admin-submissions-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.admin-submission-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:all var(--transition-base)}.admin-submission-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-submission-thumbnail{background-color:var(--color-gray-100);height:140px;position:relative;width:100%}.admin-submission-media{height:100%;object-fit:cover;width:100%}.admin-status-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-bold);padding:4px 8px;position:absolute;right:var(--spacing-xs);top:var(--spacing-xs)}.admin-status-badge.pending{background-color:rgba(251,191,36,.95);color:#78350f}.admin-status-badge.approved{background-color:rgba(16,185,129,.95);color:#064e3b}.admin-status-badge.rejected{background-color:rgba(239,68,68,.95);color:#7f1d1d}.admin-submission-info{padding:var(--spacing-sm)}.admin-submission-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-gray-700);display:-webkit-box;font-size:var(--font-size-xs);line-height:1.4;margin:0 0 var(--spacing-xs) 0;overflow:hidden}.admin-submission-meta{align-items:center;color:var(--color-gray-500);display:flex;font-size:11px;justify-content:space-between}.admin-submission-date,.admin-submission-team{font-weight:var(--font-weight-medium)}.content-vault-container{background:var(--color-gray-50);margin:0 auto;max-width:1600px;min-height:100vh;padding:var(--spacing-xl)}.vault-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-2xl)}.vault-title{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.vault-subtitle{color:var(--color-gray-600);font-size:var(--font-size-md)}.vault-stats{display:flex;gap:var(--spacing-md)}.stat-badge{align-items:center;background:var(--color-white);border-radius:var(--radius-md);box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;flex-direction:column;padding:var(--spacing-md) var(--spacing-lg)}.stat-value{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.stat-label{color:var(--color-gray-600);font-size:var(--font-size-xs);letter-spacing:.5px;margin-top:var(--spacing-xs);text-transform:uppercase}.vault-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.vault-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;overflow:hidden;transition:all .2s ease}.vault-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.15);transform:translateY(-4px)}.vault-thumbnail{background:var(--color-black);overflow:hidden;padding-top:56.25%;position:relative;width:100%}.thumbnail-image,.thumbnail-video{object-fit:cover}.play-overlay,.thumbnail-image,.thumbnail-video{height:100%;left:0;position:absolute;top:0;width:100%}.play-overlay{align-items:center;background:rgba(0,0,0,.3);display:flex;justify-content:center;opacity:0;transition:opacity .2s ease}.vault-card:hover .play-overlay{opacity:1}.play-icon{align-items:center;background:var(--color-white);border-radius:50%;color:var(--color-primary);display:flex;font-size:24px;height:60px;justify-content:center;padding-left:4px;width:60px}.vault-card-footer{padding:var(--spacing-md)}.card-meta{display:flex;flex-direction:column;gap:var(--spacing-xs)}.card-meta-label{color:var(--color-gray-500);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.card-meta-label,.card-moment{font-weight:var(--font-weight-semibold)}.card-moment{color:var(--color-gray-900);font-size:var(--font-size-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-employee{color:var(--color-gray-600);font-size:var(--font-size-sm)}.card-date{color:var(--color-gray-500);font-size:var(--font-size-xs)}.vault-modal{align-items:center;background:rgba(0,0,0,.9);display:flex;height:100vh;justify-content:center;left:0;padding:var(--spacing-xl);position:fixed;top:0;width:100vw;z-index:2000}.modal-content{border-radius:var(--radius-lg);flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:100%}.modal-close,.modal-content{background:var(--color-white);display:flex}.modal-close{align-items:center;border:none;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2);color:var(--color-gray-600);cursor:pointer;font-size:24px;height:40px;justify-content:center;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:all .2s ease;width:40px;z-index:10}.modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.modal-video-container{align-items:center;background:var(--color-black);display:flex;flex:1 1;justify-content:center;overflow:hidden}.modal-image,.modal-video{height:100%;object-fit:contain;width:100%}.modal-footer{align-items:center;border-top:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-xl)}.modal-meta{flex:1 1}.modal-meta-label{color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:var(--spacing-sm) 0 var(--spacing-xs) 0;text-transform:uppercase}.modal-moment{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.modal-employee,.modal-moment{margin-bottom:var(--spacing-xs)}.modal-employee{color:var(--color-gray-700);font-size:var(--font-size-md)}.modal-date{color:var(--color-gray-500);font-size:var(--font-size-sm)}.download-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:all .2s ease}.download-btn:hover{background:var(--color-primary-dark);box-shadow:0 4px 8px rgba(32,92,240,.3);transform:translateY(-2px)}.vault-error,.vault-loading{color:var(--color-gray-600);font-size:var(--font-size-lg);padding:var(--spacing-2xl);text-align:center}.vault-error{color:var(--color-error)}.vault-empty{color:var(--color-gray-600);padding:var(--spacing-3xl);text-align:center}.empty-subtitle{color:var(--color-gray-500);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}@media (max-width:1200px){.vault-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.content-vault-container{padding:var(--spacing-md)}.vault-header{flex-direction:column;gap:var(--spacing-md)}.vault-title{font-size:var(--font-size-xl)}.vault-grid{grid-template-columns:1fr}.modal-footer{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.download-btn{justify-content:center;width:100%}}:root{--color-primary:#00bf62;--color-primary-dark:#009d4f;--color-primary-light:#33cc81;--color-primary-lighter:#66d9a0;--color-white:#fff;--color-black:#000;--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-success:#10b981;--color-success-light:#d1fae5;--color-success-dark:#065f46;--color-error:#ef4444;--color-error-light:#fee2e2;--color-error-dark:#991b1b;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-dark:#92400e;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-info-dark:#1e40af;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",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-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-base:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--z-index-base:0;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070}body{background-color:var(--color-gray-50);box-sizing:border-box;color:var(--color-gray-900);font-family:var(--font-primary);margin:0;padding:0}*,:after,:before{box-sizing:inherit}
/*# sourceMappingURL=main.04f167c6.css.map*/