.button{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:none;outline:none;text-decoration:none;white-space:nowrap}.button-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.button-primary:hover:not(.button-disabled){background-color:var(--color-primary-dark)}.button-secondary{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.button-secondary:hover:not(.button-disabled){background-color:var(--color-surface-elevated)}.button-accent{background-color:var(--color-accent);color:var(--color-text-inverse)}.button-accent:hover:not(.button-disabled){background-color:var(--color-accent-dark)}.button-ghost{background-color:transparent;color:var(--color-text-primary)}.button-ghost:hover:not(.button-disabled){background-color:var(--color-surface-elevated)}.button-danger{background-color:var(--color-error);color:var(--color-text-inverse)}.button-danger:hover:not(.button-disabled){background-color:#dc2626}.button-small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.button-medium{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base)}.button-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.button-disabled{opacity:.5;cursor:not-allowed}.button-loading{position:relative;color:transparent;cursor:wait}.button-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.button-full-width{width:100%}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.notification-bell{position:relative}.notification-bell-button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;border:none;border-radius:50%;cursor:pointer;transition:background-color var(--transition-fast)}.notification-bell-button:hover{background-color:var(--color-surface-elevated)}.bell-icon{font-size:var(--font-size-xl)}.notification-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;background-color:var(--color-error);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:600px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;display:flex;flex-direction:column}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.notification-dropdown-header h3{margin:0;font-size:var(--font-size-lg)}.mark-all-read-btn{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs)}.mark-all-read-btn:hover{text-decoration:underline}.notification-list{flex:1;overflow-y:auto;max-height:480px}.notification-loading,.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-sm)}.spinner-small{width:24px;height:24px;border:3px solid var(--color-surface-elevated);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.empty-icon{font-size:var(--font-size-3xl)}.notification-empty p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.notification-item{display:grid;grid-template-columns:40px 1fr auto;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color var(--transition-fast)}.notification-item:hover{background-color:var(--color-surface-elevated)}.notification-item:last-child{border-bottom:none}.notification-item-unread{background-color:#004aad08}.notification-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-elevated);border-radius:50%;font-size:var(--font-size-xl);flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-content h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.notification-content p{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.notification-unread-dot{width:8px;height:8px;background-color:var(--color-primary);border-radius:50%;flex-shrink:0;margin-top:4px}.notification-dropdown-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border)}.view-all-btn{width:100%;padding:var(--spacing-sm);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.view-all-btn:hover{background-color:var(--color-surface-elevated);border-color:var(--color-primary);color:var(--color-primary)}@media (max-width: 480px){.notification-dropdown{width:calc(100vw - 32px);right:-140px}}.header{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.header-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-lg);height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.header-logo{text-decoration:none;display:flex;align-items:center}.logo-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.logo-image{height:40px;width:auto;max-width:150px;object-fit:contain}.header-mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}.hamburger{display:flex;flex-direction:column;gap:4px;width:24px}.hamburger span{display:block;height:2px;background-color:var(--color-text-primary);transition:all var(--transition-base)}.hamburger-open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-open span:nth-child(2){opacity:0}.hamburger-open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.header-nav{display:flex;align-items:center;gap:var(--spacing-lg);flex:1;margin-left:var(--spacing-xl)}.header-nav-link{color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast);white-space:nowrap}.header-nav-link:hover{color:var(--color-primary);text-decoration:none}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.header-sign-in-link{color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.header-sign-in-link:hover{color:var(--color-primary);text-decoration:none}.header-avatar-button{width:40px;height:40px;border-radius:50%;border:2px solid var(--color-border);background:none;cursor:pointer;padding:0;overflow:hidden;transition:border-color var(--transition-fast)}.header-avatar-button:hover{border-color:var(--color-primary)}.header-avatar-image{width:100%;height:100%;object-fit:cover}.header-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}@media (max-width: 768px){.header-container{padding:0 var(--spacing-md);justify-content:flex-start}.header-mobile-toggle{display:block;order:-1;margin-right:-11px}.header-logo{order:0;margin-right:auto}.logo-image{height:20px;width:auto;max-width:100px}.header-nav{position:fixed;top:var(--header-height);left:0;right:0;background-color:var(--color-surface);flex-direction:column;align-items:stretch;gap:0;margin:0;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--transition-base)}.header-nav-open{transform:translateY(0);opacity:1;pointer-events:auto}.header-nav-link{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.header-nav-link:last-child{border-bottom:none}}.footer{background-color:var(--color-surface-elevated);border-top:1px solid var(--color-border);margin-top:auto}.footer-container{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-lg)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0}.footer-logo{height:40px;width:auto;max-width:150px;object-fit:contain;margin-bottom:var(--spacing-sm)}.footer-description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.footer-section-heading{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none;padding:0;margin:0}.footer-links a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-primary);text-decoration:none}.footer-bottom{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);text-align:center}.footer-copyright{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}@media (max-width: 768px){.footer-container{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md)}.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg)}}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-full-width{width:100%}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.input-required{color:var(--color-error);margin-left:var(--spacing-xs)}.input-field{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #004aad1a}.input-field::placeholder{color:var(--color-text-muted)}.input-field-error{border-color:var(--color-error)}.input-field-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.input-field-disabled{background-color:var(--color-surface-elevated);cursor:not-allowed;opacity:.6}.input-error-text{font-size:var(--font-size-sm);color:var(--color-error);margin:0}.input-help-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}textarea.input-field{min-height:100px;resize:vertical;font-family:inherit}.image-upload-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.image-upload-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:block}.image-upload-required{color:var(--color-error);margin-left:var(--spacing-xs)}.image-upload-container{position:relative}.image-upload-input{display:none}.image-upload-button{width:100%;padding:var(--spacing-xl);border:2px dashed var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.image-upload-button:hover:not(:disabled){border-color:var(--color-primary);background-color:#004aad05}.image-upload-button:disabled{cursor:not-allowed;opacity:.6;background-color:var(--color-background)}.image-upload-button-error{border-color:var(--color-error)}.image-upload-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.image-upload-text{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.image-upload-text-main{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.image-upload-text-sub{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.image-upload-preview{position:relative;width:150px;height:150px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-border)}.image-upload-preview-img{width:100%;height:100%;object-fit:cover}.image-upload-remove{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:28px;height:28px;border-radius:50%;background-color:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);transition:background-color var(--transition-fast)}.image-upload-remove:hover{background-color:#000c}.image-upload-error-text{font-size:var(--font-size-sm);color:var(--color-error);margin:0}.image-upload-help-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.account-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.account-panel{position:fixed;top:0;right:0;bottom:0;width:var(--sidebar-width);background-color:var(--color-surface);box-shadow:var(--shadow-xl);z-index:var(--z-modal);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-base)}.account-panel-open{transform:translate(0)}.account-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.account-panel-header h2{margin:0;font-size:var(--font-size-xl)}.account-panel-close{background:none;border:none;font-size:var(--font-size-4xl);line-height:1;color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.account-panel-close:hover{color:var(--color-text-primary)}.account-panel-profile-summary{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-md);align-items:center}.profile-summary-avatar,.profile-summary-avatar-placeholder{width:64px;height:64px;border-radius:50%;flex-shrink:0}.profile-summary-avatar{object-fit:cover}.profile-summary-avatar-placeholder{background-color:var(--color-primary);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.profile-summary-info{flex:1;min-width:0}.profile-summary-info h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-summary-info p{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-summary-role{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);background-color:#004aad1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);text-transform:capitalize}.account-panel-menu{display:flex;flex-direction:column;padding:var(--spacing-md) 0;flex:1}.account-panel-menu-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:none;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);text-align:left}.account-panel-menu-item:hover{background-color:var(--color-surface-elevated)}.menu-arrow{font-size:var(--font-size-lg);color:var(--color-text-secondary);transition:transform var(--transition-fast)}.account-panel-menu-item:hover .menu-arrow{transform:translate(4px);color:var(--color-primary)}.account-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:calc(var(--z-modal) + 1);animation:fadeIn var(--transition-base)}.account-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:85vh;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);z-index:calc(var(--z-modal) + 2);display:flex;flex-direction:column;animation:slideUp var(--transition-base)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.account-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);flex-shrink:0}.account-modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.account-modal-close{background:none;border:none;font-size:var(--font-size-4xl);line-height:1;color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast);border-radius:var(--radius-sm)}.account-modal-close:hover{color:var(--color-text-primary);background-color:var(--color-surface-elevated)}.account-modal-content{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.account-panel-message{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.account-panel-message-success{background-color:#10b9811a;border:1px solid var(--color-success);color:var(--color-success)}.account-panel-message-error{background-color:#ef44441a;border:1px solid var(--color-error);color:var(--color-error)}.account-panel-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-md)}.preference-item{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border-light)}.preference-item:last-child{border-bottom:none}.preference-item h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base)}.preference-item p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);transition:var(--transition-base);border-radius:var(--radius-full)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition-base);border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.account-panel-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border)}@media (max-width: 768px){.account-panel{width:100%}.account-modal{width:95%;max-height:90vh}.account-modal-header,.account-modal-content{padding:var(--spacing-lg)}.form-row{grid-template-columns:1fr}}.main-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card-padding-none{padding:0}.card-padding-small{padding:var(--spacing-md)}.card-padding-medium{padding:var(--spacing-lg)}.card-padding-large{padding:var(--spacing-xl)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);cursor:pointer}@media (max-width: 768px){.card-padding-medium{padding:var(--spacing-md)}.card-padding-large{padding:var(--spacing-lg)}}.signin-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);padding:var(--spacing-lg)}.signin-container{width:100%;max-width:440px}.signin-header{text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text-inverse)}.signin-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);color:var(--color-text-inverse)}.signin-header p{font-size:var(--font-size-lg);color:#ffffffe6;margin:0}.signin-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.signin-error-banner{padding:var(--spacing-md);background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.signin-forgot{text-align:right;margin-top:calc(var(--spacing-md) * -1)}.signin-forgot-link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.signin-forgot-link:hover{color:var(--color-primary-dark);text-decoration:underline}.signin-divider{display:flex;align-items:center;text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0}.signin-divider:before,.signin-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.signin-divider span{padding:0 var(--spacing-md)}.signin-footer{text-align:center;margin-top:var(--spacing-xl)}.signin-home-link{color:var(--color-text-inverse);text-decoration:none;font-size:var(--font-size-sm);transition:opacity var(--transition-fast)}.signin-home-link:hover{opacity:.8;text-decoration:underline}@media (max-width: 480px){.signin-page{padding:var(--spacing-md)}.signin-header h1{font-size:var(--font-size-3xl)}.signin-header p{font-size:var(--font-size-base)}}.select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.select-wrapper.select-full-width{width:100%}.select-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:block}.select-required{color:var(--color-error);margin-left:var(--spacing-xs)}.select-field{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);transition:all var(--transition-fast);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:calc(var(--spacing-md) * 2.5)}.select-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #004aad1a}.select-field:disabled{background-color:var(--color-background);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6}.select-field-error{border-color:var(--color-error)}.select-field-error:focus{box-shadow:0 0 0 3px #ef44441a}.select-full-width{width:100%}.select-error-text{font-size:var(--font-size-sm);color:var(--color-error);margin:0}.select-help-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.multiselect-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%;position:relative}.multiselect-wrapper.multiselect-full-width{width:100%}.multiselect-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.multiselect-required{color:var(--color-error)}.multiselect-counter{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-left:auto}.multiselect-container{position:relative}.multiselect-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);transition:all var(--transition-fast);cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:var(--spacing-sm)}.multiselect-field:hover:not(:disabled){border-color:var(--color-primary)}.multiselect-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #004aad1a}.multiselect-field:disabled{background-color:var(--color-background);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6}.multiselect-field-error{border-color:var(--color-error)}.multiselect-field-error:focus{box-shadow:0 0 0 3px #ef44441a}.multiselect-field-open{border-color:var(--color-primary);box-shadow:0 0 0 3px #004aad1a}.multiselect-display{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-arrow{font-size:var(--font-size-xs);color:var(--color-text-secondary);transition:transform var(--transition-fast)}.multiselect-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:250px;overflow-y:auto;z-index:1000}.multiselect-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none}.multiselect-option:hover:not(.multiselect-option-disabled){background-color:#004aad0d}.multiselect-option-selected{background-color:#004aad1a}.multiselect-option-disabled{opacity:.5;cursor:not-allowed}.multiselect-checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary)}.multiselect-option-disabled .multiselect-checkbox{cursor:not-allowed}.multiselect-option-label{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary)}.multiselect-full-width{width:100%}.multiselect-error-text{font-size:var(--font-size-sm);color:var(--color-error);margin:0}.multiselect-help-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.multiselect-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.signup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);padding:var(--spacing-lg)}.signup-container{width:100%;max-width:600px}.signup-header{text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text-inverse)}.signup-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);color:var(--color-text-inverse)}.signup-header p{font-size:var(--font-size-lg);color:#ffffffe6;margin:0}.signup-role-selection{display:flex;flex-direction:column;gap:var(--spacing-lg)}.signup-role-selection h2{text-align:center;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.role-card{padding:var(--spacing-xl);border:2px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);cursor:pointer;transition:all var(--transition-base);text-align:center}.role-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.role-card h3{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.role-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.signup-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.signup-step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.signup-back-button{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-base);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);transition:color var(--transition-fast)}.signup-back-button:hover{color:var(--color-primary-dark);text-decoration:underline}.signup-role-badge{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);background-color:#004aad1a;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);margin:0}.signup-error-banner{padding:var(--spacing-md);background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.signup-location-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.signup-location-row>*:nth-child(3){grid-column:1 / -1}.signup-divider{display:flex;align-items:center;text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0}.signup-divider:before,.signup-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.signup-divider span{padding:0 var(--spacing-md)}.signup-footer{text-align:center;margin-top:var(--spacing-xl)}.signup-home-link{color:var(--color-text-inverse);text-decoration:none;font-size:var(--font-size-sm);transition:opacity var(--transition-fast)}.signup-home-link:hover{opacity:.8;text-decoration:underline}@media (max-width: 768px){.signup-location-row{grid-template-columns:1fr}}@media (max-width: 480px){.signup-page{padding:var(--spacing-md)}.signup-header h1{font-size:var(--font-size-3xl)}.signup-header p{font-size:var(--font-size-base)}.role-card{padding:var(--spacing-lg)}.role-card-icon{font-size:36px}}.forgot-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);padding:var(--spacing-lg)}.forgot-password-container{width:100%;max-width:440px}.forgot-password-header{text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text-inverse)}.forgot-password-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);color:var(--color-text-inverse)}.forgot-password-header p{font-size:var(--font-size-lg);color:#ffffffe6;margin:0}.forgot-password-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.forgot-password-error-banner{padding:var(--spacing-md);background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.forgot-password-divider{display:flex;align-items:center;text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0}.forgot-password-divider:before,.forgot-password-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.forgot-password-divider span{padding:0 var(--spacing-md)}.forgot-password-success{text-align:center;padding:var(--spacing-xl) 0}.forgot-password-success h2{margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.forgot-password-success p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}.forgot-password-success strong{color:var(--color-text-primary)}.success-note{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.forgot-password-footer{text-align:center;margin-top:var(--spacing-xl)}.forgot-password-home-link{color:var(--color-text-inverse);text-decoration:none;font-size:var(--font-size-sm);transition:opacity var(--transition-fast)}.forgot-password-home-link:hover{opacity:.8;text-decoration:underline}@media (max-width: 480px){.forgot-password-page{padding:var(--spacing-md)}.forgot-password-header h1{font-size:var(--font-size-3xl)}.forgot-password-header p{font-size:var(--font-size-base)}}.reset-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);padding:var(--spacing-lg)}.reset-password-container{width:100%;max-width:440px}.reset-password-header{text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text-inverse)}.reset-password-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);color:var(--color-text-inverse)}.reset-password-header p{font-size:var(--font-size-lg);color:#ffffffe6;margin:0}.reset-password-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.reset-password-error-banner{padding:var(--spacing-md);background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.reset-password-success{text-align:center;padding:var(--spacing-xl) 0}.success-icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;background-color:var(--color-success);color:#fff;border-radius:50%;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.reset-password-success h2{margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.reset-password-success p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:var(--line-height-relaxed)}.reset-password-footer{text-align:center;margin-top:var(--spacing-xl)}.reset-password-home-link{color:var(--color-text-inverse);text-decoration:none;font-size:var(--font-size-sm);transition:opacity var(--transition-fast)}.reset-password-home-link:hover{opacity:.8;text-decoration:underline}@media (max-width: 480px){.reset-password-page{padding:var(--spacing-md)}.reset-password-header h1{font-size:var(--font-size-3xl)}.reset-password-header p{font-size:var(--font-size-base)}}.landing-page{width:100%}.hero-section{position:relative;color:var(--color-text-inverse);padding:var(--spacing-3xl) 0;text-align:center;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;transform:translateZ(0);will-change:contents}.hero-slides{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;transform:translateZ(0);will-change:contents}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transform:translateZ(0);will-change:opacity;transition:opacity 1s ease-in-out;backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:none;min-height:100%}.hero-slide.active{opacity:1;z-index:2}.hero-slide.next{opacity:0;z-index:1;visibility:visible;transition:opacity 1s ease-in-out}.hero-section .container{position:relative;z-index:10;max-width:none;width:100%;padding-left:0;padding-right:0}.hero-content{width:100%;height:100%;margin:0 auto;background:#0003;padding:var(--spacing-3xl);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-title{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-lg);color:var(--color-text-inverse)}.hero-subtitle{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-2xl);color:#fffffff2}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.hero-actions .button-secondary{background-color:transparent;color:var(--color-text-inverse);border-color:var(--color-text-inverse)}.hero-actions .button-secondary:hover{background-color:#ffffff1a}.carousel-indicators{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-sm);z-index:2}.carousel-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.7);background-color:transparent;cursor:pointer;padding:0;transition:all .3s ease}.carousel-dot:hover{background-color:#ffffff80;border-color:#fff}.carousel-dot.active{background-color:#fff;border-color:#fff;width:32px;border-radius:6px}.how-it-works-section{padding:var(--spacing-3xl) 0;background-color:var(--color-surface)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.step-card{text-align:center}.step-number{width:64px;height:64px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);border-radius:50%}.step-card h3{margin-bottom:var(--spacing-md)}.step-card p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.features-section{padding:var(--spacing-3xl) 0;background-color:var(--color-surface-elevated);display:none}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3xl)}.feature-content h2{margin-bottom:var(--spacing-lg)}.feature-list{list-style:none;padding:0;margin:0 0 var(--spacing-xl) 0}.feature-list li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;color:var(--color-text-secondary)}.feature-list li:before{content:"•";position:absolute;left:0;color:var(--color-success);font-weight:var(--font-weight-bold)}.cta-section{padding:var(--spacing-3xl) 0;color:var(--color-text-inverse);text-align:center}.cta-content h2{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);color:var(--color-text-inverse)}.cta-content p{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl);color:#fffffff2}@media (max-width: 768px){.hero-section{min-height:500px}.hero-content{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-lg)}.steps-grid,.features-grid{grid-template-columns:1fr}.section-title,.cta-content h2{font-size:var(--font-size-3xl)}.cta-content p{font-size:var(--font-size-lg)}.hero-slide{transition:opacity .8s ease-in-out}}.why-rocsa-page{width:100%}.page-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-text-inverse);padding:var(--spacing-3xl) 0;text-align:center}.page-hero h1{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-md);color:var(--color-text-inverse)}.page-subtitle{font-size:var(--font-size-xl);color:var(--color-text-inverse);max-width:700px;margin:0 auto;text-align:center;line-height:var(--line-height-relaxed)}.content-section{padding:var(--spacing-3xl) 0}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl);align-items:start}.content-block h2{margin-bottom:var(--spacing-lg)}.content-block p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.highlight-card{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-text-inverse)}.highlight-card h3{color:var(--color-text-inverse);margin-bottom:var(--spacing-md)}.highlight-card p{color:#fffffff2;margin:0}.benefits-section{padding:var(--spacing-3xl) 0;background-color:var(--color-surface-elevated)}.section-title{text-align:center;font-size:var(--font-size-4xl);margin-bottom:var(--spacing-2xl)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.benefits-grid h3{margin-bottom:var(--spacing-md)}.benefits-grid p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.impact-section{padding:var(--spacing-3xl) 0;display:none}.impact-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.stat-card{text-align:center;padding:var(--spacing-xl);background-color:var(--color-surface-elevated);border-radius:var(--radius-lg)}.stat-number{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.stat-label{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.cta-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:var(--color-text-inverse);text-align:center}.cta-section h2{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);color:var(--color-text-inverse)}.cta-section p{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl);color:#fffffff2}@media (max-width: 768px){.page-hero h1{font-size:var(--font-size-4xl)}.page-subtitle{font-size:var(--font-size-lg)}.content-grid,.benefits-grid,.impact-stats{grid-template-columns:1fr}.section-title{font-size:var(--font-size-3xl)}.stat-number{font-size:var(--font-size-4xl)}.cta-section h2{font-size:var(--font-size-3xl)}.cta-section p{font-size:var(--font-size-lg)}}.team-page{width:100%}.team-section{padding:var(--spacing-3xl) 0}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.team-member-card{text-align:center}.team-member-avatar{width:120px;height:120px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-text-inverse);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);border-radius:50%}.team-member-card h3{margin-bottom:var(--spacing-xs)}.team-member-role{color:var(--color-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.team-member-bio{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.values-section{padding:var(--spacing-3xl) 0;background-color:var(--color-surface-elevated)}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.value-item h3{margin-bottom:var(--spacing-md);color:var(--color-primary)}.value-item p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}@media (max-width: 768px){.team-grid,.values-grid{grid-template-columns:1fr}}.pricing-page{width:100%}.pricing-section{padding:var(--spacing-3xl) 0}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);max-width:900px;margin:0 auto}.pricing-card{text-align:center;position:relative}.pricing-card-featured{border:2px solid var(--color-primary);transform:scale(1.05)}.pricing-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-surface-elevated);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg)}.pricing-badge-featured{background-color:var(--color-primary);color:var(--color-text-inverse)}.pricing-card h2{margin-bottom:var(--spacing-sm)}.pricing-amount{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.pricing-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.pricing-features{list-style:none;padding:0;margin:0 0 var(--spacing-xl) 0;text-align:left}.pricing-features li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;color:var(--color-text-secondary)}.pricing-features li:before{content:"•";position:absolute;left:0;color:var(--color-success);font-weight:var(--font-weight-bold)}.fees-section{padding:var(--spacing-3xl) 0;background-color:var(--color-surface-elevated)}.fees-card{max-width:800px;margin:var(--spacing-2xl) auto 0}.fees-card p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.fees-list{list-style:none;padding:0;margin:var(--spacing-lg) 0}.fees-list li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;color:var(--color-text-secondary)}.fees-list li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-weight-bold)}.fees-note{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;margin:var(--spacing-lg) 0 0 0}.faq-section{padding:var(--spacing-3xl) 0}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.faq-item h3{margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}.faq-item p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr}.pricing-card-featured{transform:none}.faq-grid{grid-template-columns:1fr}}.legal-page{width:100%}.legal-content{padding:var(--spacing-3xl) 0}.legal-card{max-width:900px;margin:0 auto}.legal-card h2{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);color:var(--color-primary)}.legal-card h2:first-child{margin-top:0}.legal-card h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);font-size:var(--font-size-lg)}.legal-card p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.legal-card ul{list-style:none;padding:0;margin:var(--spacing-md) 0}.legal-card ul li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative;color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.legal-card ul li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-weight-bold)}.contributor-dashboard{padding:var(--spacing-xl) 0;min-height:calc(100vh - var(--header-height))}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);gap:var(--spacing-lg)}.dashboard-header h1{margin-bottom:var(--spacing-xs)}.dashboard-subtitle{color:var(--color-text-secondary);margin:0}.dashboard-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.action-card h3,.info-card h3{margin-bottom:var(--spacing-lg)}.info-list{list-style:none;padding:0;margin:0}.info-list li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.info-list li:before{content:"•";position:absolute;left:0;color:var(--color-success);font-weight:var(--font-weight-bold)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.loading-state p{color:var(--color-text-secondary);margin:0}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-header{flex-direction:column}.stats-grid,.dashboard-actions{grid-template-columns:1fr}}.swipe-card{position:absolute;width:calc(100% - var(--spacing-xl));height:calc(100vh - 240px);max-width:500px;cursor:grab;-webkit-user-select:none;user-select:none}.swipe-card-inner{width:100%;height:100%;background-color:var(--color-surface);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);display:flex;flex-direction:column}.swipe-card-image{position:relative;width:100%;height:50%;background-color:var(--color-surface-elevated);flex-shrink:0}.swipe-card-image img{width:100%;height:100%;object-fit:cover}.swipe-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-5xl);color:var(--color-text-secondary)}.swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border-radius:var(--radius-xl);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);pointer-events:none}.swipe-like{right:var(--spacing-xl);color:var(--color-success);border:4px solid var(--color-success);background-color:#22c55e1a}.swipe-nope{left:var(--spacing-xl);color:var(--color-error);border:4px solid var(--color-error);background-color:#ef44441a}.swipe-indicator span{font-size:var(--font-size-xl);letter-spacing:2px}.swipe-card-content{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;overflow-y:auto}.swipe-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.swipe-card-header h2{margin:0;font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}.swipe-card-category{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);background-color:#004aad1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);text-transform:capitalize;white-space:nowrap;flex-shrink:0}.swipe-card-business{font-size:var(--font-size-md);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-md) 0}.swipe-card-description{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-lg) 0;flex:1}.swipe-card-progress{margin-bottom:var(--spacing-lg)}.progress-bar{height:12px;background-color:var(--color-surface-elevated);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-sm)}.progress-amount{font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:var(--font-size-lg)}.progress-goal{color:var(--color-text-secondary);font-size:var(--font-size-md)}.swipe-card-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.meta-item{display:flex;flex-direction:column;align-items:center;text-align:center}.meta-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.meta-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.swipe-card{width:calc(100vw - var(--spacing-lg) * 2);height:calc(100vh - 200px)}.swipe-card-header h2{font-size:var(--font-size-xl)}.swipe-indicator{font-size:var(--font-size-2xl);padding:var(--spacing-md)}.swipe-indicator span{font-size:var(--font-size-lg)}}.swipe-controls{display:flex;gap:var(--spacing-2xl);justify-content:center;align-items:center;padding:var(--spacing-lg) 0;position:relative;z-index:10}.swipe-button{width:70px;height:70px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-lg)}.swipe-button:disabled{opacity:.5;cursor:not-allowed}.swipe-button-skip{background-color:var(--color-surface);color:var(--color-error);border:3px solid var(--color-error)}.swipe-button-skip:hover:not(:disabled){background-color:var(--color-error);color:#fff}.swipe-button-like{background-color:var(--color-success);color:#fff;border:3px solid var(--color-success)}.swipe-button-like:hover:not(:disabled){background-color:var(--color-success);filter:brightness(1.1);box-shadow:0 0 20px #22c55e66}.swipe-button:active:not(:disabled){transform:scale(.95)}@media (max-width: 768px){.swipe-controls{gap:var(--spacing-xl);padding:var(--spacing-md) 0}.swipe-button{width:60px;height:60px;font-size:var(--font-size-xl)}}.undo-toast{position:fixed;bottom:var(--spacing-2xl);left:50%;transform:translate(-50%);background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);z-index:1100;max-width:90vw;border:1px solid var(--color-border)}.undo-toast-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.undo-toast-icon{font-size:var(--font-size-xl);flex-shrink:0}.icon-like{color:var(--color-success)}.icon-skip{color:var(--color-error)}.undo-toast-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.undo-toast-action{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.undo-toast-campaign{font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.undo-toast-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.undo-toast-dismiss{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.undo-toast-dismiss:hover{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}@media (max-width: 768px){.undo-toast{bottom:calc(var(--spacing-2xl) + 80px);max-width:calc(100vw - var(--spacing-xl) * 2)}.undo-toast-campaign{max-width:150px}}.swipe-interface{position:relative;width:100%;height:calc(100vh - var(--header-height) - var(--spacing-2xl));display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);overflow:hidden}.swipe-card-stack{position:relative;width:100%;max-width:500px;height:calc(100vh - 240px);margin-bottom:var(--spacing-xl)}.swipe-loading,.swipe-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);text-align:center;padding:var(--spacing-2xl)}.swipe-loading .spinner{width:48px;height:48px;border:4px solid var(--color-surface-elevated);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.swipe-empty .empty-icon{font-size:var(--font-size-5xl);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.swipe-empty h2{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-2xl)}.swipe-empty p{color:var(--color-text-secondary);margin:0;font-size:var(--font-size-lg)}@media (max-width: 768px){.swipe-interface{padding:var(--spacing-md)}.swipe-card-stack{height:calc(100vh - 200px)}}.discover-page{padding:var(--spacing-xl) 0;min-height:calc(100vh - var(--header-height))}.discover-header{text-align:center;margin-bottom:var(--spacing-2xl)}.discover-header h1{margin-bottom:var(--spacing-sm)}.discover-header p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0}.discover-filters{margin-bottom:var(--spacing-2xl)}.search-form{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-form .input-wrapper{flex:1}.category-filters{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.category-filter{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-transform:capitalize}.category-filter:hover{border-color:var(--color-primary);color:var(--color-primary)}.category-filter.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.campaigns-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.campaign-card{display:flex;flex-direction:column;cursor:pointer}.campaign-image{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-surface-elevated);margin-bottom:var(--spacing-md)}.campaign-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-5xl)}.campaign-like-button{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;border-radius:50%;border:none;background-color:#ffffffe6;font-size:var(--font-size-xl);cursor:pointer;transition:transform var(--transition-fast);display:flex;align-items:center;justify-content:center}.campaign-like-button:hover{transform:scale(1.1)}.campaign-like-button.liked{animation:heartbeat .3s ease-in-out}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.campaign-content{flex:1;display:flex;flex-direction:column}.campaign-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.campaign-header h3{margin:0;font-size:var(--font-size-lg)}.campaign-category{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);background-color:#004aad1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);text-transform:capitalize;white-space:nowrap}.campaign-business{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0}.campaign-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-md) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress-info{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.progress-amount{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.campaign-meta{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.campaign-actions{display:flex;gap:var(--spacing-sm);margin-top:auto}@media (max-width: 1024px){.campaigns-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.search-form{flex-direction:column}.campaigns-grid{grid-template-columns:1fr}}.paypal-checkout{display:flex;flex-direction:column;gap:var(--spacing-xl)}.checkout-header{text-align:center;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.checkout-header h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl)}.checkout-header p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.checkout-error{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md)}.error-icon{font-size:var(--font-size-xl);flex-shrink:0}.checkout-error p{margin:0;color:var(--color-error);font-size:var(--font-size-sm)}.amount-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.suggested-amounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-sm)}.suggested-amount{padding:var(--spacing-md);background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast)}.suggested-amount:hover:not(:disabled){border-color:var(--color-primary);background-color:#004aad0d}.suggested-amount:disabled{opacity:.5;cursor:not-allowed}.suggested-amount-active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.paypal-button-wrapper{min-height:150px;position:relative}#paypal-button-container{min-height:150px}.checkout-info{text-align:center;padding:var(--spacing-xl);background-color:var(--color-surface-elevated);border-radius:var(--radius-md)}.checkout-info p{margin:0;color:var(--color-text-secondary)}.checkout-footer{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.checkout-note{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.processing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.processing-content{background-color:var(--color-surface);padding:var(--spacing-2xl);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);box-shadow:var(--shadow-xl)}.processing-content p{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}@media (max-width: 480px){.suggested-amounts{grid-template-columns:repeat(3,1fr)}}.campaign-image-gallery{width:100%;margin-bottom:1.5rem}.gallery-main-image{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-secondary, #f5f5f5);border-radius:12px;overflow:hidden;margin-bottom:1rem}.gallery-main-image img{width:100%;height:100%;object-fit:cover}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:#0009;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2}.gallery-nav:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.gallery-nav-prev{left:1rem}.gallery-nav-next{right:1rem}.gallery-counter{position:absolute;bottom:1rem;right:1rem;background:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;z-index:2}.gallery-thumbnails{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0;scroll-behavior:smooth}.gallery-thumbnails::-webkit-scrollbar{height:6px}.gallery-thumbnails::-webkit-scrollbar-track{background:var(--bg-secondary, #f5f5f5);border-radius:3px}.gallery-thumbnails::-webkit-scrollbar-thumb{background:var(--border-color, #ccc);border-radius:3px}.gallery-thumbnails::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #999)}.gallery-thumbnail{flex-shrink:0;width:80px;height:60px;border-radius:6px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .2s ease;padding:0;background:none}.gallery-thumbnail img{width:100%;height:100%;object-fit:cover}.gallery-thumbnail:hover{border-color:var(--primary-color, #ff6b35);transform:scale(1.05)}.gallery-thumbnail-active{border-color:var(--primary-color, #ff6b35);box-shadow:0 0 0 2px var(--primary-light, #fff5f2)}@media (max-width: 768px){.gallery-main-image{aspect-ratio:4 / 3;border-radius:8px}.gallery-nav{width:32px;height:32px;font-size:.875rem}.gallery-nav-prev{left:.5rem}.gallery-nav-next{right:.5rem}.gallery-counter{bottom:.5rem;right:.5rem;padding:.375rem .75rem;font-size:.75rem}.gallery-thumbnail{width:60px;height:45px}}.campaign-details-page{padding:var(--spacing-xl) 0;min-height:calc(100vh - var(--header-height))}.back-button{margin-bottom:var(--spacing-lg)}.campaign-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-2xl);align-items:start}.campaign-main{display:flex;flex-direction:column;gap:var(--spacing-xl)}.campaign-hero{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-surface-elevated)}.campaign-hero img{width:100%;height:100%;object-fit:cover}.campaign-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.campaign-header h1{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-3xl)}.campaign-category{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:capitalize;margin:0}.like-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.like-button:hover{border-color:var(--color-primary);transform:scale(1.05)}.like-button-active{border-color:var(--color-error);background-color:#ef44440d}.campaign-progress{margin-bottom:var(--spacing-2xl)}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.progress-bar{height:12px;background-color:var(--color-surface-elevated);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-md)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width var(--transition-base)}.progress-info{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.campaign-description,.campaign-plan{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.campaign-description h2,.campaign-plan h2{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl)}.campaign-description p,.campaign-plan p{line-height:var(--line-height-relaxed);color:var(--color-text-secondary);white-space:pre-wrap}.campaign-video{margin-bottom:var(--spacing-xl)}.campaign-video h2{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl)}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-md)}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.campaign-impact{padding:var(--spacing-lg);background-color:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md)}.campaign-impact h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg)}.impact-stat{display:flex;align-items:center;gap:var(--spacing-md)}.impact-icon{font-size:var(--font-size-2xl)}.impact-text{font-size:var(--font-size-base);color:var(--color-text-secondary)}.campaign-updates h2{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl)}.updates-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.update-item{padding:var(--spacing-lg);background-color:var(--color-surface-elevated);border-radius:var(--radius-md)}.update-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.update-header h4{margin:0;font-size:var(--font-size-base)}.update-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.update-item p{margin:0;color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.campaign-sidebar{position:sticky;top:calc(var(--header-height) + var(--spacing-lg));display:flex;flex-direction:column;gap:var(--spacing-lg)}.contribution-card h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg)}.contribution-text{margin:0 0 var(--spacing-lg) 0;color:var(--color-text-secondary)}.business-info{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.business-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0}.business-info h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base)}.business-bio{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.business-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.business-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.details-card h3{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.detail-row:not(:last-child){border-bottom:1px solid var(--color-border)}.detail-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.detail-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-transform:capitalize}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);background-color:#10b9811a;color:var(--color-success);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}@media (max-width: 1024px){.campaign-layout{grid-template-columns:1fr}.campaign-sidebar{position:static}}@media (max-width: 768px){.campaign-header{flex-direction:column}.campaign-header h1{font-size:var(--font-size-2xl)}.progress-stats{grid-template-columns:repeat(2,1fr)}}.transactions-page{padding:var(--spacing-xl) 0;min-height:calc(100vh - var(--header-height))}.transactions-header{margin-bottom:var(--spacing-2xl)}.transactions-header h1{margin-bottom:var(--spacing-xs)}.transactions-header p{color:var(--color-text-secondary);margin:0}.filters-card{margin-bottom:var(--spacing-xl)}.filters-card h3{margin-bottom:var(--spacing-lg)}.filters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);align-items:end}.filter-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-actions{display:flex;gap:var(--spacing-sm)}.filter-button{flex:1;padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-primary);background-color:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.filter-button:hover{background-color:var(--color-primary-dark)}.filter-button.secondary{background-color:transparent;color:var(--color-primary)}.filter-button.secondary:hover{background-color:var(--color-surface-elevated)}.transactions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.transaction-card{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.transaction-main{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.transaction-image{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background-color:var(--color-surface-elevated)}.transaction-image img{width:100%;height:100%;object-fit:cover}.transaction-info{flex:1;min-width:0}.transaction-info h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-business{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs) 0}.transaction-date{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.transaction-details{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm);flex-shrink:0}.transaction-amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.status-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.status-pending{background-color:#f59e0b1a;color:var(--color-warning)}.status-failed,.status-cancelled{background-color:#ef44441a;color:var(--color-error)}.status-refunded{background-color:#3b82f61a;color:var(--color-info)}.empty-state p{color:var(--color-text-secondary);margin:0}@media (max-width: 1024px){.filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.filters-grid{grid-template-columns:1fr}.transaction-card{flex-direction:column;align-items:stretch}.transaction-details{flex-direction:row;justify-content:space-between;align-items:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1050;padding:var(--spacing-lg);overflow-y:auto}.campaign-modal{position:relative;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.campaign-modal.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--spacing-md)}.campaign-modal.loading .spinner{width:48px;height:48px;border:4px solid var(--color-surface-elevated);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.modal-close-button{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:40px;height:40px;border-radius:50%;border:none;background-color:#ffffffe6;color:var(--color-text-primary);font-size:var(--font-size-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all var(--transition-fast)}.modal-close-button:hover{background-color:var(--color-surface-elevated);transform:scale(1.1)}.campaign-modal-image{width:100%;height:300px;background-color:var(--color-surface-elevated);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;margin:calc(var(--spacing-md) * -1);margin-bottom:var(--spacing-lg)}.campaign-modal-image img{width:100%;height:100%;object-fit:cover}.campaign-modal-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-5xl);color:var(--color-text-secondary)}.campaign-modal-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.campaign-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.campaign-modal-header h2{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}.campaign-modal-business{font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin:0}.campaign-modal-category{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);background-color:#004aad1a;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);text-transform:capitalize;white-space:nowrap;flex-shrink:0}.campaign-modal-description{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0}.campaign-modal-section{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.campaign-modal-section h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl)}.campaign-modal-section p{margin:0;line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.campaign-modal-progress{padding:var(--spacing-lg);background-color:var(--color-surface-elevated);border-radius:var(--radius-lg)}.progress-bar{height:12px;background-color:var(--color-surface);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-sm)}.progress-fill{height:100%;background-color:var(--color-primary);transition:width var(--transition-base);border-radius:var(--radius-full)}.progress-info{display:flex;justify-content:space-between;font-size:var(--font-size-md)}.progress-amount{font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:var(--font-size-xl)}.progress-goal{color:var(--color-text-secondary)}.campaign-modal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-surface-elevated);border-radius:var(--radius-lg)}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.campaign-modal-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-md)}.pie-selector{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.pie-selector h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl)}.pie-selector-empty{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-2xl);margin:0}.pie-selector-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);max-height:300px;overflow-y:auto}.pie-selector-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-surface-elevated);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.pie-selector-item:hover{border-color:var(--color-primary)}.pie-selector-item.selected{border-color:var(--color-primary);background-color:#004aad1a}.pie-selector-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.pie-selector-amount{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pie-selector-actions{display:flex;gap:var(--spacing-md)}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-end}.campaign-modal{max-width:100%;max-height:95vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.campaign-modal-image{height:200px}.campaign-modal-header{flex-direction:column}.campaign-modal-header h2{font-size:var(--font-size-2xl)}.campaign-modal-stats{grid-template-columns:repeat(2,1fr)}.campaign-modal-actions{flex-direction:column}}.my-pies-page{padding:var(--spacing-xl) 0;min-height:calc(100vh - var(--header-height))}.pies-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl)}.pies-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-xl)}.pies-sidebar{display:flex;flex-direction:column;gap:var(--spacing-md)}.pie-item{cursor:pointer;transition:all var(--transition-fast)}.pie-item:hover{border-color:var(--color-primary)}.pie-item-active{border-color:var(--color-primary);background-color:#004aad0d}.pie-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.pie-item-header h3{margin:0;font-size:var(--font-size-lg)}.pie-favorite{font-size:var(--font-size-lg)}.pie-item-progress{margin-top:var(--spacing-md)}.pie-item-amount{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0 0}.pies-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.pie-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.pie-details-header h2{margin:0 0 var(--spacing-xs) 0}.pie-details-meta{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pie-details-actions{display:flex;gap:var(--spacing-sm)}.pie-progress-large{margin-top:var(--spacing-lg)}.progress-bar,.progress-bar-large{height:8px;background-color:var(--color-surface-elevated);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-xs)}.progress-bar-large{height:12px}.progress-info-large{display:flex;justify-content:space-between;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.pie-campaigns h3{margin-bottom:var(--spacing-lg)}.empty-campaigns{text-align:center;padding:var(--spacing-2xl)}.empty-campaigns p{color:var(--color-text-secondary);margin:0}.campaign-item{display:flex;align-items:center;gap:var(--spacing-md)}.campaign-item-image{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background-color:var(--color-surface-elevated)}.campaign-item-info{flex:1;min-width:0}.campaign-item-info h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base)}.campaign-item-business{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs) 0}.campaign-item-progress{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm)}.campaign-item-status{color:var(--color-text-secondary);text-transform:capitalize}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.modal-content{max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-content h2{margin-bottom:var(--spacing-lg)}.pie-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md)}.empty-state p{color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0}@media (max-width: 768px){.pies-layout{grid-template-columns:1fr}.pies-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.pie-details-header{flex-direction:column;gap:var(--spacing-md)}.campaign-item{flex-wrap:wrap}}.pie-system-badge{display:inline-block;margin-left:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);background-color:#004aad1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.campaign-item-clickable{cursor:pointer;transition:all var(--transition-fast)}.campaign-item-clickable:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.business-dashboard{padding:var(--spacing-xl) 0;min-height:calc(100vh - var(--header-height))}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.stat-card{text-align:center}.stat-content{width:100%}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0}.dashboard-content{display:grid;grid-template-columns:1fr 350px;gap:var(--spacing-xl)}.campaigns-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header h2{margin:0}.empty-campaigns{text-align:center;padding:var(--spacing-3xl)}.empty-campaigns .empty-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-md)}.empty-campaigns h3{margin-bottom:var(--spacing-sm)}.empty-campaigns p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.campaign-card{display:flex;flex-direction:column}.campaign-image{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-surface-elevated);margin-bottom:var(--spacing-md)}.campaign-image img{width:100%;height:100%;object-fit:cover}.campaign-content h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg)}.campaign-progress{margin-bottom:var(--spacing-md)}.campaign-meta{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.quick-actions h3{margin-bottom:var(--spacing-lg)}.action-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content{grid-template-columns:1fr}.campaigns-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.stats-grid,.campaigns-grid{grid-template-columns:1fr}}.paypal-warning-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;margin-bottom:2rem;background:linear-gradient(135deg,#fff3cd,#fff8e1);border:2px solid #ffc107;border-radius:12px}.warning-icon{font-size:3rem;color:#856404;flex-shrink:0}.warning-content{flex:1}.warning-content h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#856404}.warning-content p{margin:0 0 1rem;font-size:.9375rem;color:#856404;line-height:1.5}@media (max-width: 768px){.paypal-warning-card{flex-direction:column;text-align:center}.warning-icon{font-size:2rem}}.multi-image-uploader{width:100%;margin:1rem 0}.multi-image-uploader-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary, #1a1a1a);margin-bottom:.25rem}.multi-image-uploader-help{font-size:.75rem;color:var(--text-secondary, #666);margin-bottom:.75rem}.multi-image-uploader-input{display:none}.multi-image-uploader-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:.5rem}.multi-image-preview{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid var(--border-color, #e0e0e0);background:var(--bg-secondary, #f5f5f5);transition:all .2s ease}.multi-image-preview:hover{border-color:var(--primary-color, #ff6b35);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.multi-image-preview-image{width:100%;height:100%;object-fit:cover}.multi-image-preview-remove{position:absolute;top:.5rem;right:.5rem;background:#000000b3;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:0}.multi-image-preview:hover .multi-image-preview-remove{opacity:1}.multi-image-preview-remove:hover{background:var(--danger-color, #dc3545);transform:scale(1.1)}.multi-image-preview-remove:disabled{opacity:.5;cursor:not-allowed}.multi-image-uploader-dropzone{aspect-ratio:1;border:2px dashed var(--border-color, #ccc);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:var(--bg-secondary, #f9f9f9);transition:all .2s ease;padding:1rem}.multi-image-uploader-dropzone:hover{border-color:var(--primary-color, #ff6b35);background:var(--bg-hover, #fff)}.multi-image-uploader-dropzone-dragging{border-color:var(--primary-color, #ff6b35);background:var(--primary-light, #fff5f2);border-style:solid}.multi-image-uploader-icon{font-size:2rem;color:var(--text-secondary, #999);margin-bottom:.5rem}.multi-image-uploader-dropzone:hover .multi-image-uploader-icon{color:var(--primary-color, #ff6b35)}.multi-image-uploader-text{font-size:.875rem;font-weight:500;color:var(--text-primary, #333);margin-bottom:.25rem;text-align:center}.multi-image-uploader-hint{font-size:.75rem;color:var(--text-secondary, #999);text-align:center}.multi-image-uploader-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;z-index:10}.multi-image-uploader-loading p{margin-top:1rem;color:var(--text-primary, #333);font-weight:500}.spinner{width:40px;height:40px;border:4px solid var(--border-color, #f3f3f3);border-top:4px solid var(--primary-color, #181c8d);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.multi-image-uploader-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.multi-image-uploader-icon{font-size:1.5rem}.multi-image-uploader-text{font-size:.75rem}.multi-image-uploader-hint{font-size:.625rem}}.paypal-onboarding{max-width:600px;margin:0 auto}.paypal-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.paypal-icon img{width:64px;height:64px;object-fit:contain}.paypal-title h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl)}.paypal-title p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.status-display{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl)}.status-gray{background-color:#9ca3af1a;border:1px solid rgba(156,163,175,.3)}.status-yellow{background-color:#fbbf241a;border:1px solid rgba(251,191,36,.3)}.status-green{background-color:#10b9811a;border:1px solid rgba(16,185,129,.3)}.status-icon{font-size:var(--font-size-3xl);flex-shrink:0}.status-content{flex:1}.status-content h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg)}.status-content p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.merchant-info{background-color:var(--color-surface-elevated);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.info-row:not(:last-child){border-bottom:1px solid var(--color-border)}.info-label{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.info-value{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:monospace}.paypal-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.paypal-info{background-color:#004aad0d;padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.paypal-info h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base)}.paypal-info ul{margin:0;padding-left:var(--spacing-lg)}.paypal-info li{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.paypal-info li:last-child{margin-bottom:0}.paypal-help{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.paypal-help p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.paypal-help a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.paypal-help a:hover{text-decoration:underline}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md)}@media (max-width: 768px){.paypal-header{flex-direction:column;text-align:center}.paypal-actions{flex-direction:column}.status-display{flex-direction:column;text-align:center}}.campaign-management{padding:var(--spacing-xl) 0;min-height:calc(100vh - var(--header-height))}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl)}.campaigns-sections{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.campaign-section h2{margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.campaigns-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.campaign-item{display:grid;grid-template-columns:120px 1fr auto;gap:var(--spacing-lg);align-items:center}.campaign-item-image{width:120px;height:120px;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-surface-elevated);flex-shrink:0}.campaign-item-image img{width:100%;height:100%;object-fit:cover}.campaign-item-content{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center}.campaign-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);width:100%}.campaign-item-header h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg)}.campaign-item-category{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:capitalize;margin:0}.campaign-item-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.campaign-progress{margin-bottom:var(--spacing-md);width:100%}.progress-bar{height:8px;background-color:var(--color-surface-elevated);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-xs)}.progress-fill{height:100%;background-color:var(--color-primary);transition:width var(--transition-base)}.progress-info{display:flex;justify-content:space-between;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.campaign-item-meta{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:center;width:100%}.campaign-item-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);flex-shrink:0}.campaign-item-actions .button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.status-draft{background-color:#9ca3af1a;color:var(--color-text-secondary)}.status-ready{background-color:#3b82f61a;color:var(--color-info)}.status-active{background-color:#10b9811a;color:var(--color-success)}.status-completed{background-color:#8b5cf61a;color:#8b5cf6}.status-cancelled{background-color:#ef44441a;color:var(--color-error)}.campaign-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.modal-large{max-width:800px}.modal-large h2{margin-bottom:var(--spacing-xl)}.empty-state p{color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0;text-align:center}@media (max-width: 1024px){.form-row{grid-template-columns:1fr}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.campaign-item{grid-template-columns:1fr}.campaign-item-image{width:100%;aspect-ratio:16 / 9;height:auto}.campaign-item-actions{flex-direction:row}}.paypal-warning-banner,.paypal-success-banner{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.paypal-warning-banner{background:#fff3cd;border:2px solid #ffc107}.paypal-success-banner{background:#d4edda;border:2px solid #28a745}.paypal-warning-banner .banner-icon{color:#856404;font-size:1.5rem;flex-shrink:0}.paypal-success-banner .banner-icon{color:#155724;font-size:1.5rem;flex-shrink:0}.banner-content{flex:1}.banner-content h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.paypal-warning-banner .banner-content h3{color:#856404}.paypal-success-banner .banner-content h3{color:#155724}.banner-content p{margin:0;font-size:.875rem;line-height:1.5}.paypal-warning-banner .banner-content p{color:#856404}.paypal-success-banner .banner-content p{color:#155724}.paypal-warning-banner{flex-direction:column}.activities-page{padding:var(--spacing-xl) 0;min-height:calc(100vh - var(--header-height))}.activities-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.activities-header h1{margin-bottom:var(--spacing-xs)}.activities-subtitle{color:var(--color-text-secondary);margin:0}.mark-all-read-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.mark-all-read-button:hover{background-color:var(--color-surface-elevated);border-color:var(--color-primary);color:var(--color-primary)}.activities-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.activities-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-item{display:grid;grid-template-columns:48px 1fr auto;gap:var(--spacing-md);align-items:start;cursor:pointer;transition:all var(--transition-fast);position:relative}.activity-item:hover{box-shadow:var(--shadow-md)}.activity-item-unread{background-color:#004aad08;border-left:3px solid var(--color-primary)}.activity-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-elevated);border-radius:50%;font-size:var(--font-size-2xl);flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.activity-header h3{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.activity-time{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.activity-body{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-relaxed)}.activity-amount{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-success);margin:var(--spacing-xs) 0 0 0}.activity-campaign{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--spacing-xs) 0 0 0}.activity-unread-dot{width:8px;height:8px;background-color:var(--color-primary);border-radius:50%;flex-shrink:0;margin-top:var(--spacing-xs)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.empty-state h2{margin:0}@media (max-width: 768px){.activities-header{flex-direction:column}.activity-item{grid-template-columns:40px 1fr auto;gap:var(--spacing-sm)}.activity-icon{width:40px;height:40px;font-size:var(--font-size-xl)}.activity-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.payouts-page{padding:var(--spacing-xl) 0;min-height:calc(100vh - var(--header-height))}.page-header{margin-bottom:var(--spacing-2xl)}.page-subtitle{color:var(--color-text-secondary);margin:var(--spacing-sm) 0 0 0}.payouts-section{margin-bottom:var(--spacing-3xl)}.payouts-section h2{margin-bottom:var(--spacing-xl);color:var(--color-text-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.stat-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl)}.stat-icon{font-size:var(--font-size-4xl);flex-shrink:0}.stat-content{flex:1}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs) 0}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.payout-filters{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.filter-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-button-active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.payouts-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.payout-item{transition:all var(--transition-fast)}.payout-item:hover{box-shadow:var(--shadow-md)}.payout-item-main{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.payout-item-info h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl);color:var(--color-success)}.payout-date{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs) 0}.payout-campaign{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;font-weight:var(--font-weight-medium)}.payout-id{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:monospace;margin:0}.payout-note{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.status-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;white-space:nowrap}.status-completed{background-color:#10b9811a;color:var(--color-success)}.status-pending{background-color:#fbbf241a;color:#f59e0b}.status-processing{background-color:#3b82f61a;color:var(--color-info)}.status-failed{background-color:#ef44441a;color:var(--color-error)}.status-cancelled{background-color:#9ca3af1a;color:var(--color-text-secondary)}.info-card h3{margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-xl)}.info-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.info-item{display:flex;gap:var(--spacing-lg);align-items:flex-start}.info-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-primary);color:var(--color-text-inverse);border-radius:50%;font-weight:var(--font-weight-bold);flex-shrink:0}.info-item h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base)}.info-item p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md)}.empty-icon{font-size:var(--font-size-5xl)}.empty-state h3{margin:0}.empty-state p{color:var(--color-text-secondary);margin:0;text-align:center}@media (max-width: 768px){.section-header{flex-direction:column;align-items:stretch}.payout-filters{justify-content:center}.payout-item-main{flex-direction:column}.stats-grid{grid-template-columns:1fr}}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl)}.app h1{color:var(--color-primary);margin-bottom:var(--spacing-lg)}.app p{color:var(--color-text-secondary)}:root{--color-primary: #004AAD;--color-primary-dark: #003580;--color-primary-light: #3366CC;--color-accent: #FF6B35;--color-accent-dark: #E5552E;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-background: #FAFAF9;--color-surface: #FFFFFF;--color-surface-elevated: #F9FAFB;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-text-primary: #111827;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-text-inverse: #FFFFFF;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--container-max-width: 1280px;--header-height: 64px;--sidebar-width: 320px}@media (prefers-color-scheme: light){:root{--color-background: #111827;--color-surface: #1F2937;--color-surface-elevated: #374151;--color-border: #4B5563;--color-border-light: #374151;--color-text-primary: #F9FAFB;--color-text-secondary: #D1D5DB;--color-text-muted: #9CA3AF}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-elevated)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}@media (max-width: 768px){html{font-size:14px}.container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}@media (max-width: 480px){.container{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}