.top-navigation{width:100%;background-color:var(--color-primary);box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.top-nav-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:70px}.top-nav-logo{display:flex;align-items:center;text-decoration:none}.top-nav-logo img{height:75px;width:auto}.top-nav-links{display:flex;align-items:center;gap:40px;flex:1;justify-content:flex-end;margin-right:40px}.top-nav-link{color:#fff;text-decoration:none;font-size:16px;font-weight:500;padding:8px 0;transition:all .2s ease;cursor:pointer;background:none;border:none;border-bottom:2px solid transparent}.top-nav-link:hover{border-bottom-color:#ff8503}.top-nav-link.active{border-bottom-color:#ff8503;font-weight:600}.top-nav-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:6px}.dropdown-arrow{font-size:10px;transition:transform .2s ease}.top-nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:0;padding-top:12px;background-color:transparent;min-width:180px}.dropdown-menu:before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:transparent}.dropdown-menu:after{content:"";position:absolute;top:12px;left:0;right:0;bottom:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:-1;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;width:100%;padding:12px 20px;color:var(--color-text);text-decoration:none;font-size:15px;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background-color:var(--color-hover);color:var(--color-primary)}.top-nav-actions{display:flex;align-items:center;gap:16px}.top-nav-user{color:#fff;font-size:15px;font-weight:500}.top-nav-login-btn{color:#fff;padding:10px 24px;border-radius:6px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s ease;border:2px solid #FFFFFF;background-color:transparent}.top-nav-login-btn:hover{background-color:#ffffff1a}.top-nav-join-btn{background-color:#fff;color:var(--color-primary);padding:10px 24px;border-radius:6px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s ease}.top-nav-join-btn:hover{background-color:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}@media (max-width: 768px){.top-nav-container{padding:0 20px}.top-nav-links{gap:20px}.top-nav-link{font-size:14px}.top-nav-logo img{height:35px}}@media (max-width: 600px){.top-nav-links{display:none}}.page-header{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background:linear-gradient(to bottom,#069,#069 33%,#fff);padding:0 40px;overflow:hidden}.page-header-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.page-header-bg-icon{width:1880px;height:1880px;object-fit:contain;opacity:.25}.page-header-container{max-width:1400px;margin:0 auto;text-align:center;position:relative;z-index:1}.page-title-wrapper{display:flex;align-items:center;justify-content:center;gap:20px;border:none;border-image:none}.page-title-icon{width:188px;height:188px;object-fit:contain;border-radius:12px}.page-title{font-size:42px;font-weight:700;color:#fff;margin:0;line-height:1.2;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.breadcrumbs{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:15px}.breadcrumb-link{color:#fffc;text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:#fff}.breadcrumb-separator{color:#fff9;-webkit-user-select:none;user-select:none}.breadcrumb-current{color:#fff;font-weight:500}@media (max-width: 768px){.page-header{padding:40px 20px 30px}.page-title{font-size:32px}.page-title-icon{width:120px;height:120px}}.breadcrumbs-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:10px 20px;border:2px solid rgba(0,85,128,1);border-radius:6px;margin:10px 20px}.breadcrumbs-nav{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.breadcrumb-item{display:flex;align-items:center;gap:8px}.breadcrumb-link{color:#069;text-decoration:none;font-size:15px;font-weight:500;transition:color .2s ease}.breadcrumb-link:hover{color:#046;text-decoration:underline}.breadcrumb-separator{color:#999;font-size:16px;-webkit-user-select:none;user-select:none;font-weight:400}.breadcrumb-current{color:#333;font-size:15px;font-weight:600}.breadcrumbs-actions{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:10px;border:none;border-image:none}.breadcrumbs-actions>*{flex-shrink:0}.breadcrumbs-actions a{flex-shrink:0}.breadcrumbs-actions .filter-bar{display:flex;flex-shrink:0}.breadcrumbs-actions .filter-button,.breadcrumbs-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background-color:#069;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;line-height:1.5;text-align:center;-webkit-user-select:none;user-select:none;width:auto;min-width:auto;flex-grow:0;flex-shrink:0}.breadcrumbs-actions .filter-button:focus-visible,.breadcrumbs-actions .btn:focus-visible{outline:2px solid #006699;outline-offset:2px}.breadcrumbs-actions .filter-button:hover:not(:disabled),.breadcrumbs-actions .btn:hover:not(:disabled){background-color:#005580}.breadcrumbs-actions .filter-button:active:not(:disabled),.breadcrumbs-actions .btn:active:not(:disabled){transform:scale(.98)}.breadcrumbs-actions .filter-button:disabled,.breadcrumbs-actions .btn:disabled{background-color:#999;cursor:not-allowed}@media (max-width: 768px){.breadcrumbs-container{flex-direction:column;align-items:stretch;gap:16px}.breadcrumbs-nav{justify-content:flex-start}.breadcrumbs-actions{justify-content:stretch}}.authenticated-layout{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:#fff}.authenticated-content{flex:1;display:flex;flex-direction:column;width:100%;background-color:#fff}.content-wrapper{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:0 40px 60px;box-sizing:border-box;border:1px solid rgba(0,0,0,1);border-image:none}@media (max-width: 768px){.content-wrapper{padding:0 20px 40px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-family-sans);font-size:16px;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;border:none;border-radius:8px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{cursor:not-allowed}.btn-loading{pointer-events:none}.btn-spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{background-color:#069;color:#fff;padding:12px 24px}.btn-primary:hover:not(:disabled){background-color:#005580}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{background-color:#999}.btn-secondary{background-color:#dedede;color:#000;padding:12px 24px}.btn-secondary:hover:not(:disabled){background-color:#ccc}.btn-outline{background-color:transparent;color:#069;border:2px solid #006699;padding:10px 22px}.btn-outline:hover:not(:disabled){background-color:#069;color:#fff}.btn-ghost{background-color:transparent;color:var(--color-text);padding:12px 24px}.btn-ghost:hover:not(:disabled){background-color:#f5f5f5}.btn-danger{background-color:red;color:#fff;padding:12px 24px}.btn-danger:hover:not(:disabled){background-color:#c00}.btn-link{background-color:transparent;color:#069;padding:0;font-weight:500}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-sm{padding:8px 16px;font-size:14px}.btn-md{padding:12px 24px;font-size:16px}.btn-lg{padding:16px 32px;font-size:18px}.btn-block{width:100%}.btn-icon-only{padding:12px;aspect-ratio:1}.btn-icon{display:flex;align-items:center;justify-content:center}.card{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden;text-align:left;border:none;width:100%}.card-flat{box-shadow:none;border:1px solid #E0E0E0}.card-elevated{box-shadow:0 4px 8px #00000026}.card-interactive{cursor:pointer;transition:all var(--transition-base)}.card-interactive:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.card-padding-none .card-body{padding:0}.card-padding-sm .card-body{padding:12px}.card-padding-md .card-body{padding:16px}.card-padding-lg .card-body{padding:20px}.card-body{padding:16px 20px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:16px;font-weight:600;color:#000;margin-bottom:8px}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input{width:100%;padding:16px;font-family:var(--font-family-sans);font-size:16px;color:#000;background-color:#dedede;border:none;border-radius:8px;transition:all var(--transition-fast)}.form-input::placeholder{color:#999}.form-input:focus{outline:none;background-color:#d0d0d0}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input-sm{padding:12px;font-size:14px}.form-input-md{padding:16px;font-size:16px}.form-input-lg{padding:20px;font-size:18px}.form-input-full{width:100%}.form-input-error{border:2px solid #FF0000}.form-input-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:48px;height:100%;color:#999;pointer-events:none}.form-input-icon-left{left:0}.form-input-icon-right{right:0}.form-input-icon-button{cursor:pointer;pointer-events:auto;background:none;border:none;padding:0}.form-input-with-left-icon{padding-left:48px}.form-input-with-right-icon{padding-right:48px}.form-error{display:block;font-size:14px;color:red;margin-top:8px;text-align:center}.form-help{display:block;font-size:14px;color:#666;margin-top:8px}.form-textarea{min-height:100px;resize:vertical;line-height:1.5}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23999999'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:48px}.badge{display:inline-flex;align-items:center;gap:4px;font-family:inherit;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;white-space:nowrap}.badge-sm{padding:2px 6px;font-size:10px}.badge-md{padding:4px 10px;font-size:12px}.badge-lg{padding:6px 14px;font-size:14px}.badge-primary{background-color:#069;color:#fff}.badge-secondary{background-color:#e0e0e0;color:#666}.badge-success{background-color:#d4edda;color:#155724}.badge-warning{background-color:#fff3cd;color:#856404}.badge-error{background-color:#f8d7da;color:#721c24}.badge-info{background-color:#d1ecf1;color:#0c5460}.badge-icon{display:flex;align-items:center}.avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background-color:#f0f0f0;flex-shrink:0}.avatar-xs{width:24px;height:24px;font-size:10px}.avatar-sm{width:32px;height:32px;font-size:14px}.avatar-md{width:40px;height:40px;font-size:16px}.avatar-lg{width:60px;height:60px;font-size:24px}.avatar-xl{width:80px;height:80px;font-size:32px}.avatar-2xl{width:120px;height:120px;font-size:48px}.avatar-circle{border-radius:9999px}.avatar-square{border-radius:12px}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-initials{color:#fff;font-weight:600;line-height:1;text-transform:uppercase}.avatar{background-color:#069}.spinner{border-radius:50%;border-style:solid;border-top-color:transparent;animation:spin .8s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.spinner-md{width:36px;height:36px;border-width:3px}.spinner-lg{width:48px;height:48px;border-width:4px}.spinner-primary{border-color:#069;border-top-color:transparent}.spinner-secondary{border-color:#999;border-top-color:transparent}.spinner-white{border-color:#fff;border-top-color:transparent}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;flex:1;min-height:200px}.loading-text{font-size:16px;color:#666;margin-top:10px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:300px;background-color:#fff;padding:20px}.empty-state-icon{font-size:120px;line-height:1;margin-bottom:20px;color:#d3d3d3;opacity:1}.empty-state-title{font-size:18px;font-weight:600;color:#d3d3d3;margin:0 0 8px;text-align:center}.empty-state-description{font-size:16px;color:#d3d3d3;margin:0;text-align:center;line-height:22px;max-width:300px}.empty-state-action{margin-top:20px}.empty-state-compact{min-height:200px;padding:16px}.empty-state-compact .empty-state-icon{font-size:80px}.empty-state-compact .empty-state-description{font-size:14px}.login-page{display:flex;flex-direction:column;flex:1;background-color:#fff;padding:40px 20px}.login-container{max-width:500px;margin:0 auto;width:100%}.login-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px}.login-title{font-size:28px;font-weight:700;color:#000;text-align:center;margin-bottom:32px;line-height:1.3}.login-form{display:flex;flex-direction:column;gap:16px}.login-info-message{color:#069;background-color:#e6f2f8;font-size:14px;text-align:center;padding:12px;border-radius:8px;margin-bottom:8px}.login-error-message{color:red;background-color:#ffe6e6;font-size:14px;text-align:center;padding:12px;border-radius:8px;margin-bottom:8px}.login-links{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:16px;border-top:1px solid #E0E0E0}.login-link{flex:1;text-align:center;padding:8px;color:#069;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s ease}.login-link:hover{color:#046;text-decoration:underline}@media (max-width: 768px){.login-page{padding:20px}.login-card{padding:30px 24px}.login-title{font-size:24px}}@media (max-width: 480px){.login-card{padding:24px 20px;box-shadow:none;border-radius:0}.login-links{flex-direction:column;gap:8px}.login-link{padding:12px}}.register-page{display:flex;flex-direction:column;flex:1;background-color:#fff;padding:40px 20px}.register-container{max-width:600px;margin:0 auto;width:100%}.register-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px}.register-title{font-size:28px;font-weight:700;color:#000;text-align:center;margin-bottom:32px;line-height:1.3}.register-form{display:flex;flex-direction:column;gap:16px}.register-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.register-error-message{color:red;background-color:#ffe6e6;font-size:14px;text-align:center;padding:12px;border-radius:8px;margin-bottom:8px}.register-links{display:flex;justify-content:center;align-items:center;margin-top:8px;padding-top:16px;border-top:1px solid #E0E0E0}.register-link{text-align:center;padding:8px;color:#069;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s ease}.register-link:hover{color:#046;text-decoration:underline}@media (max-width: 768px){.register-page{padding:20px}.register-card{padding:30px 24px}.register-title{font-size:24px}}@media (max-width: 480px){.register-card{padding:24px 20px;box-shadow:none;border-radius:0}.register-form-row{grid-template-columns:1fr}}.event-listing{display:flex;align-items:center;gap:16px;padding:16px;background-color:#fff;border-radius:12px;margin:0 16px 12px;box-shadow:0 2px 4px #0000001a;text-decoration:none;transition:all var(--transition-base)}.event-listing:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.event-listing-image{width:60px;height:60px;border-radius:8px;overflow:hidden;background-color:#f0f0f0;flex-shrink:0}.event-listing-image img{width:100%;height:100%;object-fit:cover}.event-listing-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#999}.event-listing-content{flex:1;min-width:0;margin-right:16px}.event-listing-datetime{display:block;font-size:14px;color:#666;margin-bottom:2px}.event-listing-venue{display:block;font-size:14px;color:#333;margin-bottom:2px}.event-listing-name{font-size:16px;font-weight:600;color:#222;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-listing-skill{display:block;font-size:13px;color:#666}.event-listing-attendance{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:50px}.event-listing-count{font-size:16px;font-weight:600;color:#222}.event-listing-icon{width:16px;height:16px;background-color:#333;border-radius:8px;margin-top:4px;font-size:0}.events-page{display:flex;flex-direction:column;flex:1;background-color:#fff}.events-action-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:10px;padding:20px}.events-action-bar .filter-bar{flex:1}.events-action-bar .filter-button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 24px;background-color:#069;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.events-action-bar .filter-button:hover{background-color:#005580}.events-action-bar .filter-button:disabled{opacity:.5}.events-welcome{margin:0 20px 16px;padding:12px 16px;color:#069;background-color:#e6f2f8;border-radius:6px;font-size:15px;font-weight:600}.events-filter-panel{padding:20px;margin:0 20px 16px;background-color:#f5f5f5;border-top:1px solid #E0E0E0;border-radius:8px;display:flex;flex-direction:column;gap:16px}.events-filter-panel .filter-group{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.events-filter-panel .filter-label{font-size:16px;font-weight:700;color:#333;white-space:nowrap}.events-filter-panel .filter-options{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}.events-filter-panel .filter-option{padding:8px 16px;background-color:#eee;color:#333;border:none;border-radius:20px;font-size:14px;font-weight:400;cursor:pointer;white-space:nowrap}.events-filter-panel .filter-option-selected{background-color:#069;color:#fff;font-weight:600}.events-filter-panel .filter-option:hover:not(.filter-option-selected){background-color:#e0e0e0}.events-list{display:flex;flex-direction:column;flex:1}.events-error{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:20px}.events-error p{color:red;margin-bottom:20px;text-align:center}.events-error .btn{background-color:#007aff;padding:10px 20px;border-radius:5px}.group-listing{display:flex;align-items:center;gap:16px;padding:16px;background-color:#fff;border-radius:12px;margin:0 16px 12px;box-shadow:0 2px 4px #0000001a;text-decoration:none;transition:all var(--transition-base)}.group-listing:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.group-listing-image{width:60px;height:60px;border-radius:8px;overflow:hidden;background-color:#f0f0f0;flex-shrink:0}.group-listing-image img{width:100%;height:100%;object-fit:cover}.group-listing-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#999}.group-listing-content{flex:1;min-width:0}.group-listing-name{font-size:18px;font-weight:600;color:#222;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-listing-meta{display:flex;align-items:center;gap:16px}.group-listing-stat{font-size:14px;color:#666}.group-listing-divider{display:none}.group-listing-note{margin-left:auto;flex-shrink:0;padding:4px 8px;border-radius:6px;background-color:#f0f0f0;color:#666;font-size:12px;font-weight:600}.venue-listing{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-decoration:none;transition:all var(--transition-base)}.venue-listing:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.venue-listing-image{width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-gray-200);flex-shrink:0}.venue-listing-image img{width:100%;height:100%;object-fit:cover}.venue-listing-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.venue-listing-content{flex:1;min-width:0}.venue-listing-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.venue-listing-address{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:2px}.venue-listing-type{display:inline-block;padding:2px var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:var(--color-hover);border-radius:var(--radius-sm)}.venue-listing-distance{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.member-listing{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);border-radius:var(--radius-md);text-decoration:none;transition:background-color var(--transition-fast);width:100%;border:none;cursor:default}.member-listing-interactive{cursor:pointer}.member-listing:hover{background-color:var(--color-gray-50)}.member-listing-content{flex:1;min-width:0}.member-listing-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-listing-skill{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary)}a.member-listing{color:inherit;text-decoration:none}.event-details{padding:var(--spacing-md);max-width:800px;margin:0 auto}.event-details-error{text-align:center;padding:var(--spacing-2xl)}.event-details-error h2{margin-bottom:var(--spacing-sm)}.event-details-error p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.event-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.event-details-header h1{font-size:var(--font-size-2xl);margin:0}.event-details-info{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.info-row{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.info-row:not(:last-child){border-bottom:1px solid var(--color-border-light)}.info-icon{font-size:1.5rem;width:40px;text-align:center}.info-row strong{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:2px}.info-row p{margin:0;color:var(--color-text)}.event-details-section{margin-bottom:var(--spacing-lg)}.event-details-section h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.attendees-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.event-details-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.event-details-action-error{background-color:var(--color-error-light);color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.event-details-hosting{color:var(--color-text-secondary);margin:0}.attendee-row{display:flex;align-items:center;gap:var(--spacing-sm)}.attendee-row>:first-child{flex:1;min-width:0}.attendee-host{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.event-button{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;background-color:#069;color:#fff;border:1px solid #006699;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer}.event-button:hover:not(:disabled){background-color:#005580;border-color:#005580}.event-button-outline{background-color:transparent;color:#069}.event-button-outline:hover:not(:disabled){background-color:#e6f0f5;border-color:#069}.event-button-danger{background-color:transparent;color:var(--color-error);border-color:var(--color-error)}.event-button-danger:hover:not(:disabled){background-color:var(--color-error-light);border-color:var(--color-error)}.event-button:disabled{opacity:.5;cursor:default}.event-invite{margin-top:var(--spacing-md)}.event-invited{margin:0 0 var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.event-invite h4{font-size:var(--font-size-md);margin:0 0 var(--spacing-sm)}.event-invite-search{width:100%;max-width:360px;margin-bottom:var(--spacing-sm)}.event-invite-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.event-invite-result{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-md)}.event-invite-result span{flex:1;font-weight:600}.event-invite-result .event-email-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;height:40px;border-radius:50%;background-color:#f0f0f0;color:#069;font-size:18px;font-weight:400}.event-invite-email{flex:1;min-width:0;display:flex;flex-direction:column}.event-invite-email span{font-weight:400;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.event-email-invites{margin-bottom:var(--spacing-md)}.event-details-notice{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:6px;background-color:#e6f0f5;color:#069}.event-invited-box{border:1px solid #006699;border-radius:6px;padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.event-invited-box h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-xs)}.event-invited-box p{margin:0 0 var(--spacing-sm);color:var(--color-text-secondary)}.event-invited-actions{display:flex;gap:var(--spacing-sm)}.event-status-line{margin:calc(-1 * var(--spacing-md)) 0 var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.event-cancelled-banner{margin:calc(-1 * var(--spacing-sm)) 0 var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-error);border-radius:6px;background-color:var(--color-error-light);color:var(--color-error);font-weight:600}.event-who-played{margin:0 0 var(--spacing-lg);padding:var(--spacing-md);border:1px solid var(--color-border-light);border-radius:6px}.event-who-played legend{padding:0 var(--spacing-xs);font-size:var(--font-size-lg);font-weight:600}.event-who-played-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;cursor:pointer}.event-who-played .event-button{margin-top:var(--spacing-sm)}.event-rate-list{list-style:none;margin:0 0 var(--spacing-sm);padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.event-rate-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-md)}.event-rate-name{flex:1;font-weight:600}.event-rate-level{width:140px;height:32px;padding:0 var(--spacing-sm);background-color:#fff;border:1px solid var(--color-border);border-radius:6px;font-size:14px}.event-rate-saved{width:48px;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.create-event-page{padding:var(--spacing-md);max-width:600px;margin:0 auto}.create-event-page h1{margin-bottom:var(--spacing-lg)}.create-event-form{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.form-textarea{min-height:100px;resize:vertical}.groups-page{display:flex;flex-direction:column;flex:1;background-color:#fff}.groups-action-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:10px;padding:20px}.groups-list{display:flex;flex-direction:column;flex:1;padding-top:16px}.groups-error{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:20px}.groups-error p{color:red;margin-bottom:20px;text-align:center}.groups-error .btn{background-color:#007aff;padding:10px 20px;border-radius:5px}.groups-tabs{display:flex;gap:24px;padding:0 20px;border-bottom:1px solid #E0E0E0}.groups-tab{padding:10px 0;margin-bottom:-1px;border-bottom:2px solid transparent;color:#666;font-size:16px;font-weight:500}.groups-tab-active{border-bottom-color:#ff8503;color:#069;font-weight:600}.groups-search{padding:0 16px 16px}.group-details{padding:var(--spacing-md);max-width:800px;margin:0 auto}.group-details-error{text-align:center;padding:var(--spacing-2xl)}.group-details-header{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.group-avatar{width:100px;height:100px;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-gray-200);flex-shrink:0;display:flex;align-items:center;justify-content:center}.group-avatar img{width:100%;height:100%;object-fit:cover}.group-avatar-placeholder{font-size:3rem}.group-header-info{flex:1}.group-header-info h1{font-size:var(--font-size-2xl);margin:0 0 var(--spacing-xs)}.group-meta{display:flex;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.group-details-section{margin-bottom:var(--spacing-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-header h3{margin:0}.members-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.group-details-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.group-details-notice{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.group-details-action-error{background-color:var(--color-error-light);color:var(--color-error)}.group-details-request-sent{background-color:var(--color-surface);color:var(--color-text-secondary)}.group-details-owner{color:var(--color-text-secondary);margin:0}.group-manage-link{display:inline-flex;align-items:center;padding:6px 14px;background-color:#069;color:#fff;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none}.group-manage-link:hover{background-color:#005580;color:#fff}.group-details-requests{display:block;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:6px;background-color:#e6f0f5;color:#069;font-weight:600;text-decoration:none}.group-details-requests:hover{text-decoration:underline}.create-group-page{padding:var(--spacing-md);max-width:600px;margin:0 auto}.create-group-page h1{margin-bottom:var(--spacing-lg)}.create-group-form{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-md)}.form-checkbox-group{margin-top:var(--spacing-sm)}.form-checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.manage-members{padding:var(--spacing-md);max-width:800px;margin:0 auto}.manage-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:16px;margin-bottom:var(--spacing-lg)}.manage-section h3{font-size:18px;margin:0 0 var(--spacing-sm)}.manage-list{list-style:none;margin:0;padding:0}.manage-row{display:flex;align-items:center;gap:var(--spacing-md);padding:10px 0;border-top:1px solid var(--color-border-light)}.manage-row:first-child{border-top:none}.manage-row-info{flex:1;min-width:0;display:flex;flex-direction:column}.manage-row-info strong{font-size:15px;color:#222}.manage-row-details{display:flex;gap:var(--spacing-sm);font-size:14px;color:var(--color-text-secondary)}.manage-role{font-weight:600;color:#333}.manage-row-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}.manage-button{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;background-color:#069;color:#fff;border:1px solid #006699;border-radius:6px;font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap;cursor:pointer}.manage-button:hover:not(:disabled){background-color:#005580;border-color:#005580}.manage-button-danger{background-color:transparent;color:var(--color-error);border-color:var(--color-error)}.manage-button-danger:hover:not(:disabled){background-color:var(--color-error-light);border-color:var(--color-error)}.manage-button:disabled,.manage-text-button:disabled{opacity:.5;cursor:default}.manage-text-button{background:none;border:none;padding:0;color:#069;font-size:14px;font-weight:600;cursor:pointer}.manage-text-button:hover:not(:disabled){text-decoration:underline}.manage-search{width:100%;margin-bottom:var(--spacing-sm)}.manage-email-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background-color:#f0f0f0;color:#069;font-size:18px}.manage-email-invites{margin-top:var(--spacing-sm)}.manage-invited{margin:var(--spacing-sm) 0 0;font-size:14px;color:var(--color-text-secondary)}.manage-notice{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:6px;background-color:#e6f0f5;color:#069}.manage-notice-error{background-color:var(--color-error-light);color:var(--color-error)}.venues-page{display:flex;flex-direction:column;flex:1;background-color:#fff}.venues-action-bar{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:10px;padding:20px}.venues-action-bar .filter-bar{flex:1}.venues-action-bar .filter-button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 24px;background-color:#069;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.venues-action-bar .filter-button:hover{background-color:#005580}.venues-action-bar .filter-button:disabled{opacity:.5}.venues-filter-panel{padding:20px;margin:0 20px 16px;background-color:#f5f5f5;border-top:1px solid #E0E0E0;border-radius:8px;display:flex;flex-direction:column;gap:16px}.venues-filter-panel .filter-group{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.venues-filter-panel .filter-label{font-size:16px;font-weight:700;color:#333;white-space:nowrap}.venues-filter-panel .filter-options{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}.venues-filter-panel .filter-option{padding:8px 16px;background-color:#eee;color:#333;border:none;border-radius:20px;font-size:14px;font-weight:400;cursor:pointer;white-space:nowrap}.venues-filter-panel .filter-option-selected{background-color:#069;color:#fff;font-weight:600}.venues-filter-panel .filter-option:hover:not(.filter-option-selected){background-color:#e0e0e0}.venues-list{display:flex;flex-direction:column;flex:1;gap:var(--spacing-md)}.venues-error{text-align:center;padding:var(--spacing-xl)}.venue-details{max-width:800px;margin:0 auto}.venue-details-error{text-align:center;padding:var(--spacing-2xl)}.venue-details-image{width:100%;height:200px;overflow:hidden}.venue-details-image img{width:100%;height:100%;object-fit:cover}.venue-details-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md)}.venue-details-header h1{font-size:var(--font-size-2xl);margin:0}.venue-details-section{padding:var(--spacing-md);border-top:1px solid var(--color-border-light)}.venue-details-section h3{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm)}.venue-details-section p{margin:0;color:var(--color-text)}.text-muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}.amenities-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.venue-details-actions{padding:var(--spacing-md);border-top:1px solid var(--color-border-light)}.venue-upcoming-events{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.tournament-listing-unit{font-size:13px;color:#666}.tournament-page-title{margin-bottom:var(--spacing-lg)}.tournament-page-title h1{font-size:var(--font-size-2xl);margin:0 0 4px}.tournament-page-title p{margin:0}.tournament-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;background-color:#069;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap;cursor:pointer}.tournament-button:hover:not(:disabled){background-color:#005580;color:#fff}.tournament-button:disabled{opacity:.5;cursor:default}.tournament-link-button{background:none;border:none;padding:0;color:var(--color-error);font-size:var(--font-size-sm);cursor:pointer}.tournament-division,.tournament-team,.tournament-free-agent{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:16px;margin-bottom:12px}.tournament-division-header,.tournament-team-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.tournament-division h4,.tournament-team h4{font-size:16px;font-weight:600;color:#222;margin:0 0 2px}.tournament-division p,.tournament-team p{margin:0}.tournament-division-spots{font-size:15px;font-weight:600;color:#222;white-space:nowrap}.tournament-division-teams{margin-top:var(--spacing-sm)!important;color:#333;font-size:14px}.tournament-division-viewer{margin-top:4px!important;color:#069;font-size:14px;font-weight:600}.tournament-division-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--spacing-md)}.tournament-team-members{list-style:none;margin:var(--spacing-sm) 0 0;padding:0}.tournament-team-members li{display:flex;align-items:center;gap:var(--spacing-md);padding:4px 0;font-size:14px;color:#333}.tournament-free-agent-form{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.tournament-free-agent-form textarea{width:100%}.tournament-free-agents{list-style:none;margin:var(--spacing-md) 0 0;padding:0}.tournament-free-agent{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);font-size:14px}.tournament-free-agent p{margin:4px 0 0;color:#666}.tournament-notice{background-color:var(--color-success-light, #E8F5E9);color:var(--color-success, #2E7D32);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.profile-page{display:flex;flex-direction:column;flex:1;background-color:#fff}.profile-header{background-color:#fff;padding:40px 20px;display:flex;flex-direction:column;align-items:center}.profile-header .avatar{width:120px;height:120px;margin-bottom:20px;background-color:#f0f0f0}.profile-header h1{font-size:20px;font-weight:600;color:#333;margin:0 0 8px}.profile-email{color:#666;margin-bottom:8px}.profile-setup-link{display:inline-block;margin-bottom:12px;color:#069;font-weight:600}.profile-rating{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.profile-rating-value{font-size:28px;font-weight:700;color:#333;margin-bottom:2px}.profile-rating-label{font-size:14px;color:#666}.profile-stats{display:flex;justify-content:space-around;align-items:center;background-color:#fff;padding:32px 20px;border-top:1px solid #E0E0E0;box-shadow:0 2px 4px #0000001a}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-family:var(--font-family-heading);font-size:32px;font-weight:700;color:#069;margin-bottom:4px}.stat-label{font-size:16px;font-weight:500;color:#666}.profile-sections{padding:0}.profile-section{background-color:#fff;margin:20px;padding:40px 20px;border-radius:12px;box-shadow:0 2px 4px #0000001a}.profile-section>h3{font-size:24px;font-weight:700;color:#333;margin-bottom:15px;text-align:center}.profile-section p{margin:0;color:#333}.profile-actions{padding:20px;border-top:1px solid #F0F0F0}.profile-tournaments{list-style:none;margin:0;padding:0 16px}.profile-tournaments-empty{padding:0 16px}.profile-tournaments a{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm) 0;color:#222;text-decoration:none}.profile-tournaments li:not(:last-child) a{border-bottom:1px solid var(--color-border-light)}.profile-tournaments span{font-size:13px;color:#666}.profile-invitations{list-style:none;margin:0;padding:0}.profile-invitation{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #E0E0E0}.profile-invitation:first-child{border-top:none}.profile-invitation-info{flex:1;min-width:0;display:flex;flex-direction:column}.profile-invitation-info strong{font-size:15px;color:#222}.profile-invitation-info span{font-size:14px;color:#666}.profile-invitation-actions{display:flex;gap:10px}.profile-invite-button{display:inline-flex;align-items:center;padding:6px 14px;background-color:#069;color:#fff;border:1px solid #006699;border-radius:6px;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer}.profile-invite-button:hover:not(:disabled){background-color:#005580;border-color:#005580}.profile-invite-button-decline{background-color:transparent;color:red;border-color:red}.profile-invite-button-decline:hover:not(:disabled){background-color:#fee;border-color:red}.profile-invite-button:disabled{opacity:.5;cursor:default}.profile-invitation-notice{padding:8px 12px;margin-bottom:8px;border-radius:6px;background-color:#e6f0f5;color:#069}.profile-invitation-error{background-color:#fee;color:red}.settings-page{padding:var(--spacing-md);max-width:600px;margin:0 auto}.settings-page h1{margin-bottom:var(--spacing-lg)}.settings-form{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-error-message{background-color:var(--color-error-light);color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.form-success-message{background-color:var(--color-success-light);color:var(--color-success-dark);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.settings-section{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.settings-section h3{font-size:var(--font-size-md);margin-bottom:var(--spacing-md)}.settings-links{display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;width:100%;text-align:left;font-size:var(--font-size-base);color:var(--color-text);transition:background-color var(--transition-fast)}.settings-link:hover{background-color:var(--color-gray-100)}.settings-link span:first-child{font-size:1.25rem}.settings-link span:nth-child(2){flex:1}.settings-link span:last-child{color:var(--color-text-muted)}.settings-danger{border:1px solid var(--color-error-light)}.settings-danger h3{color:var(--color-error)}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.subscription-page{padding:var(--spacing-md);max-width:1000px;margin:0 auto}.subscription-page h1{margin-bottom:var(--spacing-lg)}.current-plan{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.current-plan p{color:var(--color-text-secondary);margin:0}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.plan-card{text-align:center}.plan-card-current{border:2px solid var(--color-primary)}.plan-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.plan-price{margin-bottom:var(--spacing-lg)}.plan-price .price{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.plan-price .period{color:var(--color-text-secondary)}.plan-features{text-align:left;margin-bottom:var(--spacing-lg);padding-left:0}.plan-features li{padding:var(--spacing-xs) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.current-badge{display:block;margin:0 auto}.subscription-faq{text-align:center;padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--radius-lg)}.subscription-faq h3{margin-bottom:var(--spacing-sm)}.subscription-faq p{color:var(--color-text-secondary);margin:0}.intro-page{display:flex;flex-direction:column;flex:1;background-color:#fff;padding:40px 20px}.intro-card{max-width:760px;width:100%;margin:0 auto;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:32px 40px;color:#333;font-size:15px;line-height:1.5}.intro-card p{margin:0 0 12px}.intro-step{text-align:center;color:#666;font-size:14px;font-weight:600;margin-bottom:16px!important}.intro-title{font-size:24px;font-weight:700;color:#000;margin:0 0 12px}.intro-error{color:#c00;background-color:#ffe6e6;font-size:14px;padding:10px 12px;border-radius:6px;margin-bottom:16px}.intro-button,.intro-outline-button{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:6px;font-size:15px;font-weight:600;line-height:1.4;white-space:nowrap;cursor:pointer}.intro-button{background-color:#069;color:#fff;border:1px solid #006699}.intro-button:hover:not(:disabled){background-color:#005580;border-color:#005580}.intro-outline-button{background-color:#fff;color:#069;border:1px solid #006699}.intro-outline-button:hover:not(:disabled){background-color:#e6f2f8}.intro-button:disabled,.intro-outline-button:disabled{opacity:.5;cursor:default}.intro-quiet-button{background:none;border:none;padding:9px 4px;color:#666;font-size:15px;font-weight:500;cursor:pointer}.intro-quiet-button:hover{color:#069;text-decoration:underline}.intro-footer{display:flex;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid #E0E0E0}.intro-footer-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.intro-levels{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.intro-level{flex:1 1 auto;padding:8px 10px;background-color:#fff;color:#069;border:1px solid #006699;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer}.intro-level[aria-pressed=true]{background-color:#069;color:#fff}.intro-level-description{border:1px solid #E0E0E0;border-radius:6px;padding:12px 16px}.intro-level-description h3{font-size:16px;font-weight:700;color:#000;margin:0 0 6px}.intro-level-description p{margin:0;font-size:14px}.intro-zip{margin-top:20px}.intro-zip label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.intro-zip-row{display:flex;gap:8px}.intro-input{width:160px;padding:9px 12px;border:1px solid #CCCCCC;border-radius:6px;font-size:15px}.intro-input:focus{outline:none;border-color:#069}.intro-avatars{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:10px;margin:16px 0}.intro-avatar{width:56px;height:56px;padding:0;border:2px solid #FFFFFF;border-radius:50%;background:none;cursor:pointer}.intro-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.intro-avatar[aria-pressed=true]{box-shadow:0 0 0 3px #069}.intro-photo{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.intro-file{position:absolute;width:1px;height:1px;opacity:0}.intro-photo:focus-within label{outline:2px solid #006699;outline-offset:2px}@media (max-width: 768px){.intro-page{padding:20px}.intro-card{padding:24px 20px}}.dashboard{padding:var(--spacing-xl) 0;min-height:calc(100vh - 200px)}.dashboard-header{margin-bottom:var(--spacing-2xl)}.welcome-section h1{font-size:1.75rem;font-weight:700;color:var(--color-secondary);margin-bottom:var(--spacing-xs)}.welcome-section p{color:var(--color-gray-500)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.stat-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{font-size:2rem;width:60px;height:60px;background:var(--color-gray-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.stat-info{display:flex;flex-direction:column}.stat-info .stat-value{font-size:1.5rem;font-weight:700;color:var(--color-secondary)}.stat-info .stat-label{font-size:.875rem;color:var(--color-gray-500)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.dashboard-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-header h2{font-size:1.125rem;font-weight:600;color:var(--color-secondary)}.view-all{font-size:.875rem;color:var(--color-primary);font-weight:500;transition:color var(--transition-base)}.view-all:hover{color:var(--color-primary-dark)}.section-loading{display:flex;justify-content:center;padding:var(--spacing-xl)}.events-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.event-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-gray-50);transition:background var(--transition-base)}.event-item:hover{background:var(--color-gray-100)}.event-item-date{display:flex;flex-direction:column;align-items:center;min-width:50px;padding:var(--spacing-sm);background:var(--color-primary);border-radius:var(--radius-md);color:var(--color-white)}.event-item-date .day{font-size:1.25rem;font-weight:700;line-height:1}.event-item-date .month{font-size:.75rem;text-transform:uppercase}.event-item-info{flex:1}.event-item-info h4{font-size:.9375rem;font-weight:600;color:var(--color-secondary);margin-bottom:var(--spacing-xs)}.event-item-info p{font-size:.8125rem;color:var(--color-gray-500)}.event-item-arrow{color:var(--color-gray-400);font-size:1.25rem}.groups-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.group-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-gray-50);transition:background var(--transition-base)}.group-item:hover{background:var(--color-gray-100)}.group-item-avatar{width:50px;height:50px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);display:flex;align-items:center;justify-content:center;font-size:1.5rem;overflow:hidden}.group-item-avatar img{width:100%;height:100%;object-fit:cover}.group-item-info{flex:1}.group-item-info h4{font-size:.9375rem;font-weight:600;color:var(--color-secondary);margin-bottom:var(--spacing-xs)}.group-item-info p{font-size:.8125rem;color:var(--color-gray-500)}.group-item-arrow{color:var(--color-gray-400);font-size:1.25rem}.empty-state{text-align:center;padding:var(--spacing-xl)}.empty-icon{font-size:3rem;display:block;margin-bottom:var(--spacing-md);opacity:.5}.empty-state p{color:var(--color-gray-500);margin-bottom:var(--spacing-lg)}.quick-actions h2{font-size:1.125rem;font-weight:600;color:var(--color-secondary);margin-bottom:var(--spacing-lg)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.action-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);background:var(--color-primary);color:var(--color-white)}.action-icon{font-size:1.5rem}.action-card span:last-child{font-weight:500;font-size:.9375rem}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}}.not-found{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.not-found-content{text-align:center;animation:fadeIn .5s ease}.not-found-emoji{font-size:5rem;display:block;margin-bottom:var(--spacing-lg);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.not-found h1{font-size:8rem;font-weight:800;color:var(--color-gray-200);line-height:1;margin-bottom:var(--spacing-sm)}.not-found h2{font-size:1.75rem;color:var(--color-secondary);margin-bottom:var(--spacing-md)}.not-found p{color:var(--color-gray-500);max-width:400px;margin:0 auto var(--spacing-xl)}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-ext-500-normal-zeox_O30.woff2) format("woff2"),url(/assets/outfit-latin-ext-500-normal-DrCvqoFD.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-500-normal-DKnIMDSk.woff2) format("woff2"),url(/assets/outfit-latin-500-normal-ClnHRwRh.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-ext-600-normal-B85nYjL1.woff2) format("woff2"),url(/assets/outfit-latin-ext-600-normal-CWJcPgd7.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-600-normal-B7SfZ07L.woff2) format("woff2"),url(/assets/outfit-latin-600-normal-BEfTtDA7.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-ext-700-normal-CI4iH74K.woff2) format("woff2"),url(/assets/outfit-latin-ext-700-normal-fjS8-Gm7.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-700-normal-Cu9v6i1X.woff2) format("woff2"),url(/assets/outfit-latin-700-normal-D4itBLBr.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-600-normal-DRtaDpgU.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-ext-700-normal-CJIcxD6K.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-700-normal-BLI3TTWz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary: #006699;--color-primary-light: #0088bb;--color-primary-dark: #004d73;--color-primary-rgb: 0, 102, 153;--color-text: #333333;--color-text-secondary: #666666;--color-text-muted: #999999;--color-text-light: #D3D3D3;--color-text-inverted: #FFFFFF;--color-background: #FFFFFF;--color-background-alt: #F5F5F5;--color-background-blue: #006699;--color-surface: #FFFFFF;--color-card: #FFFFFF;--color-border: #E0E0E0;--color-border-light: #F0F0F0;--color-input-bg: #DEDEDE;--color-input-placeholder: #999999;--color-success: #28A745;--color-success-light: #D4EDDA;--color-warning: #FFC107;--color-warning-light: #FFF3CD;--color-error: #FF0000;--color-error-light: #FFEEEE;--color-info: #17A2B8;--color-disabled: #999999;--color-disabled-bg: #CCCCCC;--color-hover: #F0F8FF;--color-active: #E6F3FF;--color-gray-50: #F9FAFB;--color-gray-100: #F5F5F5;--color-gray-200: #EEEEEE;--color-gray-300: #E0E0E0;--color-gray-400: #CCCCCC;--color-gray-500: #999999;--color-gray-600: #666666;--color-gray-700: #333333;--color-gray-800: #222222;--font-family-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 32px;--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;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 40px;--spacing-3xl: 60px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--border-width: 4px;--container-max: 480px;--container-lg: 600px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .1);--shadow-card: 0 2px 4px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 500}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;margin:0;padding:0}body{margin:0;padding:0;font-family:var(--font-family-sans);font-size:16px;line-height:1.5;color:#333;background-color:#069}#root{min-height:100vh;width:100%;display:flex;flex-direction:column}a{color:#069;text-decoration:none}a:hover{color:#ff8503}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid #006699;outline-offset:2px}:focus:not(:focus-visible){outline:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0}button:disabled{cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-family-heading)}p{margin:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#069}.text-secondary{color:#666}.text-muted{color:#999}.text-error{color:red}.text-success{color:#28a745}.bg-white{background-color:#fff}.bg-primary{background-color:#069}.bg-gray{background-color:#f5f5f5}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.p-0{padding:0}.p-md{padding:16px}.p-lg{padding:20px}.m-0{margin:0}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:20px}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-full{border-radius:9999px}.shadow{box-shadow:0 2px 4px #0000001a}.shadow-lg{box-shadow:0 4px 8px #0000001a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}