.app-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.app-header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.app-header-logo h1{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin:0}.app-header-nav{display:flex;gap:1.5rem;flex:1;justify-content:center}.app-header-nav a{color:var(--text-secondary);font-weight:500;padding:.5rem 0;transition:color .2s;border-bottom:2px solid transparent}.app-header-nav a:hover{color:var(--primary-color);border-bottom-color:var(--primary-color)}.app-header-user{display:flex;align-items:center;gap:1rem}.user-name{color:var(--text-primary);font-weight:500}.sign-out-btn{padding:.5rem 1rem;background-color:var(--danger-color);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:background-color .2s}.sign-out-btn:hover{background-color:#dc2626}@media (max-width: 768px){.app-header-content{flex-wrap:wrap;padding:1rem}.app-header-nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;gap:1rem}.app-header-nav a{white-space:nowrap}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.login-card{background:#fff;border-radius:var(--radius-lg);padding:3rem;max-width:500px;width:100%;box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:3rem;margin-bottom:.5rem;color:var(--primary-color)}.login-subtitle{color:var(--text-secondary);font-size:1.1rem}.google-sign-in-btn{width:100%;padding:1rem;background-color:#4285f4;color:#fff;border:none;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .2s;margin-bottom:2rem}.google-sign-in-btn:hover:not(:disabled){background-color:#357ae8}.google-sign-in-btn:disabled{opacity:.6;cursor:not-allowed}.login-features{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.login-features h3{margin-bottom:1rem;color:var(--text-primary)}.login-features ul{list-style:none;padding:0}.login-features li{padding:.5rem 0;color:var(--text-secondary)}.onboarding-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.onboarding-card{background:#fff;border-radius:var(--radius-lg);padding:3rem;max-width:500px;width:100%;box-shadow:var(--shadow-lg)}.onboarding-header{text-align:center;margin-bottom:2rem}.onboarding-header h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--primary-color)}.onboarding-header p{color:var(--text-secondary);font-size:1.1rem}.onboarding-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-primary)}.form-group input,.form-group select{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color)}.form-group small{color:var(--text-tertiary);font-size:.875rem}.submit-btn{padding:1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:1rem}.submit-btn:hover:not(:disabled){background-color:var(--primary-hover)}.error-message{background-color:#fee2e2;color:#dc2626;padding:1rem;border-radius:var(--radius-md);border:1px solid #FCA5A5}.invite-accept-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.invite-accept-card{background:#fff;border-radius:var(--radius-lg);padding:3rem;max-width:500px;width:100%;box-shadow:var(--shadow-lg);text-align:center}.invite-accept-card h1{font-size:2.5rem;margin-bottom:1rem;color:var(--primary-color)}.invite-accept-card p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.sign-in-btn{width:100%;padding:1rem;background-color:#4285f4;color:#fff;border:none;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.sign-in-btn:hover:not(:disabled){background-color:#357ae8}.sign-in-btn:disabled{opacity:.6;cursor:not-allowed}.back-btn{width:100%;padding:1rem;background-color:var(--text-secondary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:1rem}.back-btn:hover{background-color:var(--text-primary)}.error-message{background-color:#fee2e2;color:#dc2626;padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;border:1px solid #FCA5A5}.loading{font-size:1.2rem;color:var(--text-secondary)}.dashboard{width:100%}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--text-primary)}.household-name{color:var(--text-secondary);font-size:1.2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.dashboard-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;color:var(--text-primary)}.view-all-link{color:var(--primary-color);font-weight:500;font-size:.9rem}.view-all-link:hover{text-decoration:underline}.task-list{display:flex;flex-direction:column;gap:.75rem}.task-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1rem;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.task-title{font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.task-meta{display:flex;gap:1rem;align-items:center;font-size:.875rem}.task-status{padding:.25rem .75rem;border-radius:var(--radius-sm);font-weight:500;text-transform:capitalize}.task-status-assigned{background:#e5e7eb;color:#374151}.task-status-in-progress{background:#fef3c7;color:#92400e}.task-status-review-pending{background:#fed7aa;color:#9a3412}.task-status-completed{background:#d1fae5;color:#065f46}.task-status-changes-needed{background:#fee2e2;color:#991b1b}.task-status-skipped{background:#e5e7eb;color:#6b7280}.empty-state{text-align:center;padding:2rem;color:var(--text-tertiary)}.quick-actions{display:flex;flex-direction:column;gap:.75rem}.quick-action-btn{background:var(--primary-color);color:#fff;padding:1rem;border-radius:var(--radius-md);text-align:center;font-weight:500;transition:background-color .2s}.quick-action-btn:hover{background:var(--primary-hover)}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--primary-color)}.activity-text{margin-bottom:.5rem;color:var(--text-primary)}.activity-time{font-size:.875rem;color:var(--text-tertiary)}.dashboard-loading{text-align:center;padding:3rem;color:var(--text-secondary)}.task-list-page{width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{font-size:2rem;color:var(--text-primary)}.create-btn{background:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;transition:background-color .2s}.create-btn:hover{background:var(--primary-hover)}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-primary);border-radius:var(--radius-lg)}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.task-item{background:var(--bg-primary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}.task-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.task-item-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.task-item-header h3{font-size:1.25rem;color:var(--text-primary);margin:0;flex:1}.status-badge{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:capitalize}.status-skipped{background:#e5e7eb;color:#6b7280}.task-description{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.task-item-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.task-points{color:var(--primary-color);font-weight:600}.task-category{color:var(--text-tertiary);font-size:.875rem;text-transform:capitalize}.task-list-loading{text-align:center;padding:3rem;color:var(--text-secondary)}.header-actions{display:flex;gap:1rem;align-items:center}.filter-toggle-btn{padding:.75rem 1.5rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.filter-toggle-btn:hover{background:var(--bg-tertiary)}.filter-toggle-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.filters-panel{background:var(--bg-primary);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.filters-header h3{margin:0;color:var(--text-primary)}.clear-filters-btn{padding:.5rem 1rem;background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{background:var(--primary-color);color:#fff}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.filter-input,.filter-select{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary-color)}.results-info{margin-bottom:1rem;color:var(--text-secondary);font-size:.875rem}.task-item-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.priority-badge{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700}.task-tags{display:flex;flex-wrap:wrap;gap:.25rem}.task-tag{padding:.25rem .5rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-sm);font-size:.75rem}.task-tag-more{padding:.25rem .5rem;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.75rem}.task-item-footer{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.task-footer-left{display:flex;gap:1rem;align-items:center}.task-footer-right{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:var(--text-secondary)}.task-assigned,.task-due-date{display:flex;align-items:center;gap:.25rem}.task-due-date.overdue{color:var(--danger-color);font-weight:600}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;justify-content:space-between}.filters-grid{grid-template-columns:1fr}.task-item-footer{flex-direction:column}.task-footer-right{flex-direction:row;flex-wrap:wrap}}.task-create-page{max-width:800px;margin:0 auto}.task-create-form{background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-btn{padding:.75rem 1.5rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background-color .2s}.cancel-btn:hover{background:var(--bg-tertiary)}.submit-btn{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background-color .2s}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fee2e2;color:#dc2626;padding:1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;border:1px solid #FCA5A5}.tags-input-container{margin-top:.5rem}.tags-display{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.tag{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary-color);color:#fff;padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500}.tag-remove{background:#ffffff4d;border:none;color:#fff;width:1.25rem;height:1.25rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;padding:0;transition:background-color .2s}.tag-remove:hover{background:#ffffff80}.tag-input-row{display:flex;gap:.5rem;flex-wrap:wrap}.tag-select{flex:1;min-width:150px}.tag-create{display:flex;gap:.5rem;flex:2;min-width:200px}.tag-input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem}.tag-add-btn{padding:.75rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background-color .2s;white-space:nowrap}.tag-add-btn:hover{background:var(--primary-hover)}.checkbox-group{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:auto;margin:0;cursor:pointer}.checkbox-label span{-webkit-user-select:none;user-select:none}.info-box{background:#eff6ff;color:#1e40af;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid #BFDBFE;font-size:.875rem}.recurring-options{background:var(--bg-secondary);padding:1.5rem;border-radius:var(--radius-md);margin-top:1rem;border:1px solid var(--border-color)}.form-hint{display:block;margin-top:.25rem;font-size:.875rem;color:var(--text-secondary)}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.tag-input-row{flex-direction:column}.tag-select,.tag-create{min-width:100%}}.task-detail-page{max-width:900px;margin:0 auto}.task-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.back-btn{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s}.back-btn:hover{background:var(--bg-tertiary)}.delete-btn{padding:.5rem 1rem;background:var(--danger-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s}.delete-btn:hover{background:#dc2626}.task-detail-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}.task-detail-card h1{font-size:2rem;margin-bottom:1rem;color:var(--text-primary)}.task-description{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.task-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.meta-item{display:flex;flex-direction:column;gap:.5rem}.meta-item label{font-size:.875rem;color:var(--text-tertiary);font-weight:600;text-transform:uppercase}.meta-item span{color:var(--text-primary);font-size:1.1rem}.points-value{color:var(--primary-color);font-weight:600}.task-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.action-btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background-color .2s}.action-btn{background:var(--primary-color);color:#fff}.action-btn:hover{background:var(--primary-hover)}.approve-btn{background:var(--success-color)}.approve-btn:hover{background:#059669}.reject-btn{background:var(--warning-color)}.reject-btn:hover{background:#d97706}.task-detail-loading,.task-detail-error{text-align:center;padding:3rem;color:var(--text-secondary)}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.task-header h1{flex:1;margin:0}.status-badge{padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.status-assigned{background:#e5e7eb;color:#374151}.status-in-progress{background:#fef3c7;color:#92400e}.status-review-pending{background:#fed7aa;color:#9a3412}.status-completed{background:#d1fae5;color:#065f46}.status-changes-needed{background:#fee2e2;color:#991b1b}.status-skipped{background:#f3f4f6;color:#6b7280}.category-badge,.priority-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600}.category-badge{background:var(--primary-color);color:#fff}.priority-badge{font-weight:700}.priority-p1{background:#fee2e2;color:#991b1b}.priority-p2{background:#fef3c7;color:#92400e}.priority-p3{background:#d1fae5;color:#065f46}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tags-list .tag{display:inline-block;padding:.25rem .75rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-md);font-size:.875rem}.photo-proof-section{margin:2rem 0;padding:1.5rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.photo-proof-section h3{margin-top:0;margin-bottom:1rem;color:var(--text-primary)}.photo-preview-container{position:relative;display:inline-block}.photo-preview{max-width:100%;max-height:400px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.remove-photo-btn{margin-top:.5rem;padding:.5rem 1rem;background:var(--danger-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem}.remove-photo-btn:hover{background:#dc2626}.photo-upload-area{text-align:center;padding:2rem;border:2px dashed var(--border-color);border-radius:var(--radius-md)}.photo-upload-label{display:inline-block;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:background-color .2s}.photo-upload-label:hover{background:var(--primary-hover)}.photo-hint{margin-top:.5rem;font-size:.875rem;color:var(--text-secondary)}.photo-missing{color:var(--text-tertiary);font-style:italic}.comments-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.comments-section h3{margin-bottom:1rem;color:var(--text-primary)}.comments-list{margin-bottom:1.5rem;max-height:400px;overflow-y:auto}.comment-item{padding:1rem;margin-bottom:1rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comment-header strong{color:var(--text-primary)}.comment-time{font-size:.875rem;color:var(--text-tertiary)}.comment-text{color:var(--text-secondary);margin:0;line-height:1.5}.no-comments{color:var(--text-tertiary);font-style:italic;text-align:center;padding:2rem}.comment-input{display:flex;flex-direction:column;gap:.75rem}.comment-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;resize:vertical}.comment-textarea:focus{outline:none;border-color:var(--primary-color)}.comment-submit-btn{align-self:flex-end;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background-color .2s}.comment-submit-btn:hover:not(:disabled){background:var(--primary-hover)}.comment-submit-btn:disabled{opacity:.6;cursor:not-allowed}.task-edit-form{display:flex;flex-direction:column;gap:1.5rem}.task-edit-form .form-group{margin-bottom:0}.task-edit-form .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.task-edit-form .form-group input,.task-edit-form .form-group textarea,.task-edit-form .form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem}.task-edit-form .form-group input:focus,.task-edit-form .form-group textarea:focus,.task-edit-form .form-group select:focus{outline:none;border-color:var(--primary-color)}.task-edit-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.task-edit-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.edit-btn{padding:.5rem 1rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s}.edit-btn:hover{background:var(--bg-tertiary)}.submit-btn{background:var(--primary-color);color:#fff}.submit-btn:hover:not(:disabled){background:var(--primary-hover)}.skip-btn{background:var(--bg-secondary);color:var(--text-primary)}.skip-btn:hover{background:var(--bg-tertiary)}@media (max-width: 768px){.task-header{flex-direction:column}.task-edit-form .form-row{grid-template-columns:1fr}.photo-preview{max-height:300px}}.leaderboard-page{max-width:800px;margin:0 auto}.leaderboard-loading{text-align:center;padding:3rem;color:var(--text-secondary)}.period-selector{display:flex;gap:.5rem;margin-bottom:2rem}.period-btn{flex:1;padding:.75rem 1.5rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.period-btn:hover{background:var(--bg-tertiary)}.period-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.leaderboard-list{display:flex;flex-direction:column;gap:1rem}.leaderboard-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}.leaderboard-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.leaderboard-item.current-user{border:2px solid var(--primary-color);background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(79,70,229,.05) 100%)}.leaderboard-item.rank-1{background:linear-gradient(135deg,gold,orange);color:#fff;border-color:gold}.leaderboard-item.rank-2{background:linear-gradient(135deg,silver,#a0a0a0);color:#fff;border-color:silver}.leaderboard-item.rank-3{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff;border-color:#cd7f32}.rank{font-size:1.5rem;font-weight:700;min-width:3rem;text-align:center}.member-info{flex:1}.member-name{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.you-badge{padding:.25rem .5rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.member-stats{display:flex;gap:1rem;font-size:.875rem;color:var(--text-secondary)}.leaderboard-item.rank-1 .member-stats,.leaderboard-item.rank-2 .member-stats,.leaderboard-item.rank-3 .member-stats{color:#ffffffe6}.points{font-weight:600;color:var(--primary-color)}.leaderboard-item.rank-1 .points,.leaderboard-item.rank-2 .points,.leaderboard-item.rank-3 .points{color:#fff}.streak{display:flex;align-items:center;gap:.25rem}.badges-preview{display:flex;align-items:center;gap:.5rem}.badge-icon{font-size:1.5rem}.badge-more{font-size:.875rem;color:var(--text-secondary);font-weight:600}@media (max-width: 768px){.leaderboard-item{flex-direction:column;text-align:center}.member-info{width:100%}.member-stats{justify-content:center}}:root{--primary-color: #4F46E5;--primary-hover: #4338CA;--secondary-color: #10B981;--danger-color: #EF4444;--warning-color: #F59E0B;--success-color: #10B981;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--border-color: #E5E7EB;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}a{text-decoration:none;color:inherit}