@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-screen{background:linear-gradient(135deg,#121212,#212121)}.login-tagline{font-size:16px;margin-bottom:48px}.login-button{align-items:center;background-color:var(--color-brand-primary);border-radius:8px;color:var(--color-bg-primary);cursor:pointer;display:flex;justify-content:center;padding:16px 24px}.login-button:hover{background-color:var(--color-brand-primary-hover);box-shadow:0 4px 12px var(--color-brand-primary-alpha-30);transform:translateY(-2px)}.notification-bell{display:inline-block;position:relative}.notification-button{align-items:center;background:#0000;background:var(--color-bg-secondary,#0000);border:1px solid var(--color-border-default,var(--border-color));border-radius:8px;border-radius:var(--border-radius-md,8px);color:var(--text-secondary);color:var(--color-text-secondary,var(--text-secondary));cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s ease;transition:all var(--transition-default,.2s ease);width:40px}.notification-button:hover{background:var(--hover-bg);background:var(--color-surface-hover,var(--hover-bg));border-color:var(--color-border-light,var(--text-secondary));color:var(--text-primary);color:var(--color-text-primary,var(--text-primary))}.notification-badge{align-items:center;background:var(--color-brand-primary);border:2px solid var(--color-bg-primary);border-radius:10px;color:var(--color-text-white);display:flex;font-size:var(--font-size-theta);font-weight:var(--font-weight-semibold);height:18px;justify-content:center;min-width:18px;padding:2px 6px;position:absolute;right:-2px;top:-2px}.notification-dropdown{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px var(--color-shadow-elevated);margin-top:var(--spacing-component-sm);max-height:500px;overflow:hidden;position:absolute;right:0;top:100%;width:380px;z-index:1000}.notification-header{align-items:center;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-default);display:flex;justify-content:space-between;padding:var(--spacing-default)}.notification-header h3{color:var(--color-text-primary);font-size:var(--font-size-epsilon);font-weight:var(--font-weight-semibold);margin:0}.notification-actions{display:flex;gap:var(--spacing-component-xs)}.mark-all-read-btn,.view-all-btn{align-items:center;background:#0000;border:1px solid var(--color-border-default);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-default);width:32px}.mark-all-read-btn:hover,.view-all-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-light);color:var(--color-text-primary)}.notification-list{max-height:360px;overflow-y:auto}.notification-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;padding:var(--spacing-layout-lg)}.notification-loading .loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--color-border-default);border:2px solid var(--color-border-default);border-radius:50%;border-top-color:var(--color-brand-primary);height:24px;margin-bottom:var(--spacing-component-sm);width:24px}.notification-empty{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;padding:var(--spacing-layout-lg);text-align:center}.notification-empty p{color:var(--color-text-primary);font-size:var(--font-size-zeta);font-weight:var(--font-weight-medium);margin:var(--spacing-component-sm) 0 var(--spacing-component-xs) 0}.notification-empty span{color:var(--color-text-tertiary);font-size:var(--font-size-eta)}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notification-meta{margin-top:var(--spacing-component-xs)}.notification-group{background:var(--color-brand-primary-alpha-10);border-radius:var(--border-radius-sm);color:var(--color-brand-primary);font-size:var(--font-size-theta);padding:2px var(--spacing-component-xs)}.notification-footer{background:var(--color-bg-primary);border-top:1px solid var(--color-border-default);padding:var(--spacing-component-md)}.view-all-link{background:#0000;border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);color:var(--color-brand-primary);cursor:pointer;display:block;font-size:var(--font-size-eta);font-weight:var(--font-weight-medium);padding:var(--spacing-component-sm);text-align:center;transition:all var(--transition-default);width:100%}.view-all-link:hover{background:var(--color-brand-primary-alpha-10);border-color:var(--color-brand-primary)}@keyframes notification-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-item.new{animation:notification-slide-in .3s ease-out}@media screen and (max-width:768px){.notification-button{height:40px;width:40px}.notification-dropdown{max-width:380px;right:-16px;width:calc(100vw - 32px)}.notification-item{padding:var(--spacing-component-md)}.notification-title{font-size:var(--font-size-theta)}.notification-message{font-size:11px}}.invite-modal{max-width:500px;position:relative;width:90%}.invite-modal .modal-header{margin-bottom:1.5rem;padding:0 2.5rem;text-align:center}.invite-modal .modal-header h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.invite-modal .modal-header p{color:var(--text-secondary);font-size:.875rem;margin:0}.invite-tabs{background:var(--bg-secondary);border-radius:8px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem}.invite-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.invite-tab:hover{color:var(--text-primary)}.invite-tab.active{background:var(--bg-primary);box-shadow:0 2px 4px #0000001a;color:var(--primary)}.tab-icon{height:18px;width:18px}.invite-content{min-height:200px}.invite-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem;text-align:center}.invite-link-section{text-align:center}.invite-option{margin-bottom:2rem;text-align:left}.invite-option:last-child{margin-bottom:0}.invite-option h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.invite-option-description{color:var(--text-secondary);font-size:.813rem;margin-bottom:.75rem}.invite-link-container{display:flex;gap:.5rem}.invite-code-input,.invite-link-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:text;flex:1 1;font-size:.875rem;padding:.75rem 1rem;-webkit-user-select:all;user-select:all}.invite-code-input{font-family:monospace;font-size:1rem;letter-spacing:.05em}.invite-code-input:focus,.invite-link-input:focus{border-color:var(--primary);outline:none}.copy-button{gap:.5rem;padding:.75rem 1.5rem;white-space:nowrap}.copy-button .icon{height:18px;width:18px}.copy-button.copied{background:var(--success);border-color:var(--success)}.invite-email-section{text-align:center}.send-button{margin-top:1rem;width:100%}.success-message{background:rgba(var(--success-rgb),.1);color:var(--success);font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}@media (max-width:768px){.invite-modal{max-width:100%;width:95%}.invite-link-container{flex-direction:column}.copy-button{justify-content:center;width:100%}}.join-group-modal{max-width:500px;position:relative;width:90%}.join-group-modal .modal-header{margin-bottom:.5rem;text-align:center}.join-group-modal .modal-header h2{color:var(--text-primary);font-size:1.5rem;line-height:1.2;margin-bottom:0;margin-top:0;text-align:center;width:100%}.modal-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0 0 2rem;text-align:center}.join-group-modal form{text-align:left}.join-group-modal .form-group{margin:0 auto 1.5rem;max-width:400px}.form-hint{color:var(--text-secondary);font-size:.813rem;margin-top:.5rem;text-align:center}.join-group-modal .modal-actions{justify-content:center;margin:0 auto;max-width:400px}@media (max-width:768px){.join-group-modal{max-width:100%;width:95%}}.group-onboarding{align-items:center;display:flex;flex-direction:column;max-width:600px;padding:24px;position:relative;width:90%}.onboarding-header{margin-bottom:2rem;text-align:center;width:100%}.onboarding-header h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.onboarding-header p{color:var(--text-secondary);font-size:1rem}.onboarding-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.onboarding-option{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .2s ease}.onboarding-option:hover{background:var(--bg-elevated);border-color:var(--primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.onboarding-option:active{transform:translateY(0)}.option-icon{color:var(--primary);height:48px;margin-bottom:1rem;width:48px}.onboarding-option h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.onboarding-option p{color:var(--text-secondary);font-size:.875rem;margin:0}.create-group-form{margin:.5rem auto 0;max-width:300px;width:60%}.create-group-form,.create-group-form .form-group{align-items:stretch;display:flex;flex-direction:column}.create-group-form .form-group{margin-bottom:.5rem;width:100%}.create-group-form .form-label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem;text-align:left;width:100%}.create-group-form .form-input{text-align:left;width:100%}.create-group-form textarea{min-height:80px;resize:vertical;width:100%}.create-group-form .modal-actions{justify-content:center}@media (max-width:768px){.onboarding-options{grid-template-columns:1fr}.group-onboarding{max-width:100%;width:95%}.onboarding-option{padding:1.5rem 1rem}}.team-logo-container{align-items:center;box-sizing:border-box;display:inline-flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease}.team-logo-container,.team-logo-image{background-color:initial;border-radius:4px}.team-logo-image{display:block;height:100%;object-fit:contain;width:100%}.team-logo-loading{background-color:#ffffff0d}.team-logo-container.light.team-logo-loading{background-color:#0000000d}.loading-spinner{border:2px solid #ffffff1a;border-top-color:#3eff3e;border-top:2px solid var(--brand-green,#3eff3e);height:40%;width:40%}.team-logo-container.light .loading-spinner{border:2px solid #0000001a;border-top:2px solid var(--brand-green,#228b22)}.team-logo-fallback{align-items:center;border-radius:4px;display:flex;height:100%;justify-content:center;width:100%}.team-logo-emoji{font-size:22.4px;font-size:calc(var(--logo-size, 32px)*.7);line-height:1}.team-logo-container.fallback.emoji{background-color:#ffffff1a}.team-logo-container.light.fallback.emoji{background-color:#0000001a}.team-logo-abbreviation{align-items:center;background-color:#3eff3e1a;background-color:var(--brand-green-alpha,#3eff3e1a);border:1px solid #3eff3e4d;border-radius:4px;box-sizing:border-box;color:#3eff3e;color:var(--brand-green,#3eff3e);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-size:var(--font-size,10px);font-weight:700;height:100%;justify-content:center;letter-spacing:-.5px;width:100%}.team-logo-container.light .team-logo-abbreviation{background-color:#228b221a;border-color:#228b224d;color:#228b22;color:var(--brand-green,#228b22)}.team-logo-container:hover .team-logo-image{transform:scale(1.05)}.team-logo-container[style*="cursor: pointer"]:hover{box-shadow:0 2px 8px #0000004d;box-shadow:0 2px 8px var(--shadow-color,#0000004d);transform:scale(1.05)}.team-logo-container.compact{gap:2px}.betting-line .team-logo-container{margin-right:8px}.betting-line .team-logo-container.compact{margin-right:4px}.team-logo-container.error .team-logo-fallback{background-color:#ff5c5c1a;border:1px solid #ff5c5c4d;color:#ff5c5c;opacity:.7}.team-logo-container.sport-nba,.team-logo-container.sport-nba .team-logo-image{border-radius:50%}.team-logo-batch{left:-9999px;opacity:0;pointer-events:none;position:absolute;top:-9999px}@media (max-width:768px){.team-logo-container[style*="cursor: pointer"]:hover{box-shadow:none;transform:none}}.team-logo-container:focus-visible{outline:2px solid #3eff3e;outline:2px solid var(--brand-green,#3eff3e);outline-offset:2px}@media (prefers-contrast:high){.team-logo-abbreviation{border-width:2px;font-weight:700}}@media (prefers-reduced-motion:reduce){.team-logo-container,.team-logo-image{animation:none;transition:none}.team-logo-container[style*="cursor: pointer"]:hover{transform:none}.loading-spinner{animation:none;border:2px solid #3eff3e;border:2px solid var(--brand-green,#3eff3e)}}@media print{.team-logo-container{background:#0000!important;box-shadow:none!important}.team-logo-abbreviation{background:#0000;border:1px solid #000;color:#000}.loading-spinner{display:none}}.betting-line{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:8px;position:relative;transition:all .2s}.betting-line:hover{border-color:var(--brand-green);box-shadow:0 0 10px var(--brand-green-alpha)}.betting-line.live{border-color:var(--error-color)}.betting-line.multiple-books{border-left:3px solid var(--brand-green)}.game-header{margin-bottom:6px}.teams{flex:1 1}.teams-compact{color:var(--text-primary);font-weight:600;overflow:hidden;padding:0 4px;width:100%}.teams-compact .team-logo{flex-shrink:0}.team-name-compact{flex:1 1;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-name-compact.team-away{text-align:right}.team-name-compact.team-home{text-align:left}.team{align-items:center;color:var(--text-primary);display:flex;font-size:13px;font-weight:600;gap:4px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team.away{color:var(--text-secondary)}.team .team-logo{flex-shrink:0}.team .team-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.live-indicator{animation:pulse 2s infinite;color:var(--error-color);font-weight:600}.bookmaker-info{align-items:center;display:flex;justify-content:flex-end}.bookmaker-source{color:var(--text-tertiary);font-size:10px;line-height:1.2;text-align:right}.game-footer{align-items:center;display:flex;justify-content:space-between;margin-top:6px}.game-footer .game-time{color:var(--text-secondary);font-size:11px;margin:0}.game-footer .bookmaker-source{color:var(--text-tertiary);font-size:10px;margin:0;text-align:right}.betting-options{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);position:relative}.bet-type{background-color:var(--bg-tertiary);border-radius:6px;padding:6px;position:relative}.bet-header{color:var(--text-tertiary);font-size:10px;font-weight:600;margin-bottom:4px;position:relative}.tooltip-wrapper{display:inline-block;position:relative}.tooltip-trigger{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:2px;position:relative;transition:all .2s}.tooltip-trigger:hover{background-color:var(--brand-green-alpha);color:var(--brand-green)}.tooltip-content{background-color:var(--bg-primary);border:1px solid var(--brand-green);border-radius:6px;box-shadow:0 8px 32px var(--shadow-color);color:var(--text-primary);cursor:default;left:50%;max-height:60vh;max-width:320px;min-width:280px;overflow-y:auto;padding:16px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:999999}.tooltip-content:after{border-style:solid;content:"";height:0;position:absolute;width:0}.tooltip-content[data-position=left]:after{border-color:#0000 #0000 #0000 var(--brand-green);border-width:6px 0 6px 6px;left:100%;top:20px}.tooltip-content[data-position=right]:after{border-color:#0000 var(--brand-green) #0000 #0000;border-width:6px 6px 6px 0;right:100%;top:20px}.tooltip-content strong{color:var(--brand-green);display:block;font-size:13px;margin-bottom:10px}.tooltip-content p{color:var(--text-secondary);font-size:11px;line-height:1.5;margin:6px 0}.tooltip-content em{color:var(--text-tertiary);font-size:10px;font-style:italic}.tooltip-section{background-color:var(--brand-green-alpha);border-left:2px solid var(--brand-green);border-radius:4px;margin:8px 0!important;padding:6px}.tooltip-section.compact{margin:4px 0!important;padding:4px 6px}.odds-row{display:flex;font-size:11px;justify-content:space-between;margin:2px 0}.odds-label{color:var(--text-tertiary)}.odds-value{color:var(--text-secondary);font-weight:500}.tooltip-content::-webkit-scrollbar{width:4px}.tooltip-content::-webkit-scrollbar-track{background:var(--bg-tertiary)}.tooltip-content::-webkit-scrollbar-thumb{background:var(--brand-green);border-radius:2px}.tooltip-content::-webkit-scrollbar-thumb:hover{background:var(--brand-green-hover)}.bet-option{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;margin-bottom:4px;padding:4px;transition:all .2s;width:100%}.bet-option:last-child{margin-bottom:0}.bet-option:hover{background-color:var(--brand-green-alpha);border-color:var(--brand-green)}.option-header{align-items:center;display:flex;gap:4px;margin-bottom:2px}.option-logo{flex-shrink:0}.line-value,.team-abbr{color:var(--text-tertiary);font-size:10px;line-height:1}.odds{display:block}.odds.original{color:var(--text-tertiary);font-size:9px;line-height:1;margin-bottom:0;text-decoration:line-through}.odds.fair{color:var(--brand-green);font-size:13px;line-height:1.2}@media (max-width:1600px){.tooltip-content{max-width:300px;min-width:260px}}@media (max-width:1400px){.tooltip-content{max-width:280px;min-width:240px}}@media (max-width:768px){.betting-options{gap:3px;grid-template-columns:repeat(3,1fr)}.betting-line{padding:6px}.game-header{margin-bottom:4px}.teams-compact{font-size:11px;gap:3px}.team-name-compact{max-width:100px}.at-symbol,.game-time{font-size:10px}.bookmaker-source{font-size:9px}.game-footer{margin-top:4px}.game-footer .game-time{font-size:10px}.game-footer .bookmaker-source{font-size:9px}.bet-type{padding:4px}.bet-header{font-size:9px;margin-bottom:3px}.bet-option{margin-bottom:3px;padding:3px}.line-value,.team-abbr{font-size:9px}.odds.original{font-size:8px}.odds.fair{font-size:11px}.tooltip-trigger{display:none}.tooltip-content{display:none!important}}.fair-odds{color:var(--color-brand-primary)!important;font-weight:600}.sport-selector{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.sport-selector.vertical{justify-content:flex-start;padding:10px 12px;width:100%}.sport-selector:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.sport-selector.active{background-color:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-bg-primary);font-weight:600}.sport-icon{font-size:18px}.sport-label{font-weight:500}.sport-selector:first-child{background-color:var(--color-bg-tertiary)}.sport-selector:first-child.active{background-color:var(--color-brand-primary)}.date-filter{align-items:center;display:flex;gap:12px}.date-filter-label{align-items:center;color:var(--color-text-secondary);font-size:14px;font-weight:500;white-space:nowrap}.date-filter-label,.date-options{display:flex;gap:6px}.date-option{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.date-option:hover{color:var(--color-brand-primary)}.date-option.active,.date-option:hover{border-color:var(--color-brand-primary)}.date-option.active{background-color:var(--color-brand-primary);color:var(--color-bg-primary);font-weight:600}@media (max-width:768px){.date-filter{align-items:stretch;flex-direction:column;gap:8px}.date-filter-label{font-size:13px}.date-options{justify-content:space-between}.date-option{font-size:12px;padding:6px 12px}}.last-updated-info{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;font-size:13px;gap:6px;padding:8px 12px}.last-updated-info svg{opacity:.7}.force-refresh-button{align-items:center;background:#ff6b6b;background:var(--warning-color,#ff6b6b);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.force-refresh-button:hover:not(:disabled){background:#ff5252;background:var(--warning-hover,#ff5252);transform:translateY(-1px)}.force-refresh-button:disabled{cursor:not-allowed;opacity:.6}.force-refresh-button.admin-only{background:#6366f1;background:var(--admin-color,#6366f1)}.force-refresh-button.admin-only:hover:not(:disabled){background:#4f46e5;background:var(--admin-hover,#4f46e5)}.force-refresh-button svg.spinning{animation:spin 1s linear infinite}.lines-page{background-color:var(--bg-primary);box-sizing:border-box;color:var(--text-primary);display:flex;margin:0;max-width:100%;min-height:calc(100vh - 60px);overflow-x:hidden}.sport-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-shrink:0;padding:15px;position:relative;width:160px}.sport-sidebar h3{color:var(--brand-green);font-size:16px;font-weight:600;margin-bottom:15px}.sport-filters-vertical{display:flex;flex-direction:column;gap:8px}.lines-container{box-sizing:border-box;flex:1 1;max-width:100%;overflow-x:hidden;padding:15px;position:relative;width:100%}.lines-header{margin-bottom:30px}.lines-header h2{color:var(--text-primary)}.header-content{gap:10px;margin-bottom:10px}.workflow-hint{color:var(--text-secondary);font-size:14px;margin-top:10px}.top-controls{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.top-controls-row-1,.top-controls-row-2{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.lines-search-container{align-items:center;display:flex;width:320px}.search-input-wrapper{background-color:var(--bg-secondary);transition:all .2s}.search-input-wrapper:focus-within{box-shadow:0 0 0 2px var(--brand-green-alpha)}.search-input{color:var(--text-secondary);padding:0}.clear-search{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-left:8px;padding:0 4px;transition:all .2s;width:20px}.clear-search:hover{background-color:var(--brand-green-alpha);color:var(--brand-green)}.action-buttons{gap:10px}.bookmaker-selector-container{align-items:center;display:flex;gap:8px}.bookmaker-label{color:var(--text-secondary);font-size:14px;font-weight:500;white-space:nowrap}.multi-select-dropdown{min-width:200px;position:relative}.multi-select-button{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px;transition:all .2s;width:100%}.multi-select-button:hover{border-color:var(--brand-green);color:var(--brand-green)}.dropdown-arrow{color:var(--text-tertiary);font-size:12px;transition:transform .2s}.multi-select-options{background-color:var(--bg-secondary);border:1px solid var(--brand-green);border-radius:6px;box-shadow:0 4px 12px var(--shadow-color);left:0;margin-top:2px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.multi-select-option{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.multi-select-option:hover{background-color:var(--brand-green-alpha)}.multi-select-option input[type=checkbox]{accent-color:var(--brand-green);height:16px;pointer-events:none;width:16px}.option-text{flex:1 1;pointer-events:none}.create-custom-bid{background-color:initial;border:1px solid var(--brand-green);border-radius:6px;color:var(--brand-green);cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.create-custom-bid:hover{background-color:var(--brand-green);color:var(--bg-primary)}.refresh-button{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:10px 20px;transition:all .2s}.refresh-button:hover:not(:disabled){border-color:var(--brand-green);color:var(--brand-green)}.refresh-button:disabled{cursor:not-allowed;opacity:.5}.loading,.no-lines{color:var(--text-secondary);font-size:18px;padding:50px}.no-lines{text-align:center}.lines-grid{grid-gap:15px;box-sizing:border-box;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));position:relative;width:100%}.modal-overlay{background-color:#000c}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:16px}.modal-content.create-bid-modal{box-sizing:border-box;display:flex;flex-direction:column;max-width:420px;min-height:450px;overflow:hidden;padding:0}.modal-content.create-bid-modal *{box-sizing:border-box}.modal-header{min-height:60px;padding:28px 16px 16px;position:relative}.modal-header h2{color:var(--brand-green);font-size:18px;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.modal-close{color:var(--text-tertiary);transition:all .2s}.modal-content form{margin:0}.bet-summary-compact{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);box-sizing:border-box;padding:16px;width:100%}.custom-bid-inputs{display:flex;flex-direction:column;gap:12px}.team-inputs-row{align-items:flex-end;display:flex;gap:8px}.team-inputs-row .form-group{flex:1 1}.vs-separator{color:var(--text-tertiary);flex-shrink:0;font-size:14px;padding-bottom:10px}.modal-content.create-bid-modal.custom-bid-compact{max-width:420px;width:90%}.form-group.odds-centered{margin:0 auto;max-width:200px;text-align:center}.odds-input-centered{font-size:18px;font-weight:700;text-align:center}.game-info-compact{display:flex;flex-direction:column;gap:8px}.teams-row{font-size:14px;gap:8px}.team-compact{color:var(--text-primary);gap:6px}.at-symbol,.game-time-compact{font-size:12px}.bet-selection-compact{align-items:center;background-color:var(--bg-secondary);border-radius:6px;display:flex;gap:12px;justify-content:space-between;margin-top:8px;padding:12px}.selection-label{color:var(--text-secondary);font-size:12px;font-weight:500}.selection-info{align-items:center;display:flex;gap:12px}.selection-text{font-weight:600}.selection-odds{color:var(--brand-green);font-size:14px;font-weight:700}.bid-form-compact{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:16px}.wager-settings-row{align-items:flex-end;display:flex;gap:12px;margin-bottom:16px;width:100%}.form-group.compact{margin-bottom:0}.form-group.compact label{font-size:12px;margin-bottom:4px}.wager-settings-row .form-group.wager-amount-group label{text-align:center}.wager-settings-row .form-group.wager-amount-group{flex:1 1;min-width:120px}.payout-info-inline{align-items:center;background-color:var(--bg-tertiary);border-radius:8px;display:flex;gap:20px;justify-content:space-between;padding:12px;width:100%}.payout-item{align-items:center;display:flex;font-size:14px;font-weight:500;gap:6px}.payout-item.win{color:#4ade80;color:var(--success-color,#4ade80)}.payout-item.lose{color:#f87171;color:var(--error-color,#f87171)}.wager-display{align-items:center;display:flex;flex-direction:column;gap:4px}.wager-label{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.wager-amount{color:var(--text-primary);font-size:18px;font-weight:700}.wager-bottom-section{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:16px}.form-group.wager-amount-group.centered{max-width:300px;min-width:200px;width:auto}.payout-info-bottom{align-items:center;background-color:var(--bg-tertiary);border-radius:8px;display:flex;gap:20px;justify-content:space-between;margin-bottom:0;padding:12px;width:100%}.payout-info-bottom .payout-item{align-items:center;display:flex;font-size:13px;gap:6px}.payout-info-bottom .payout-label{color:var(--text-secondary);font-size:11px;text-transform:uppercase}.payout-info-bottom .payout-value{font-size:14px;font-weight:600}.payout-info-bottom .payout-item.win .payout-value{color:var(--brand-green)}.payout-info-bottom .payout-item.lose .payout-value{color:var(--error-color)}.settings-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.odds-type-toggle{background-color:var(--bg-tertiary);border-radius:6px;display:flex;flex-shrink:0;gap:2px;padding:2px}.wager-settings-row .expiration-select{flex-shrink:0}.mini-toggle{background:none;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s;white-space:nowrap}.mini-toggle.active{background-color:var(--brand-green);color:var(--bg-primary)}.expiration-select{align-items:center;display:flex;flex:1 1;gap:8px}.expiration-label{color:var(--text-secondary);cursor:help;font-size:12px;font-weight:500;white-space:nowrap}.compact-select{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;padding:6px 10px;width:100%}.custom-expiration{margin-bottom:16px}.compact-input{font-size:13px;padding:6px 10px;width:100%}.modal-actions.compact{padding-top:16px}.bid-summary{word-wrap:break-word;overflow:visible;overflow-wrap:break-word;width:100%}.bid-teams{align-items:center;color:var(--text-secondary);display:flex;gap:8px;justify-content:center}.away-team{flex:1 1;padding-right:8px;text-align:right}.at-symbol{flex-shrink:0;font-weight:500}.home-team{flex:1 1;padding-left:8px;text-align:left}.bid-details{line-height:1.5;overflow:visible;width:100%}.bid-details>span{display:inline-block;margin-right:12px;overflow:visible}.bid-type{color:var(--text-tertiary)}.bid-selection{color:var(--text-secondary);display:inline!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-break:normal!important}.bet-confirmation-summary{word-wrap:break-word;background-color:var(--bg-tertiary);border-radius:8px;margin-bottom:12px;overflow:visible;overflow-wrap:break-word;padding:10px;width:100%}.game-header{margin-bottom:8px}.team-matchup{margin-bottom:6px}.team-info{align-items:flex-start;display:flex;flex-direction:column}.vs-indicator{color:var(--text-tertiary);font-size:14px}.game-time{font-size:12px;margin-top:4px;text-align:center}.bet-details-grid{grid-gap:8px;gap:8px;grid-template-columns:1fr;justify-items:center;margin:0 auto;max-width:500px}.bet-side{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:100%}.bet-side.compact{padding:8px 12px}.bet-side-header{justify-content:space-between}.bet-side.compact .bet-side-header{margin-bottom:8px}.side-label{font-size:14px}.creator-avatar,.user-avatar{align-items:center;background-color:var(--brand-green);border-radius:50%;color:var(--bg-primary);display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.bet-side.compact .creator-avatar{font-size:12px;height:24px;width:24px}.bet-side-content{gap:8px}.bet-side.compact .bet-side-content{align-items:center;flex-direction:row;gap:12px;justify-content:space-between}.bet-amount{color:var(--brand-green)}.bet-odds,.bet-side.compact .bet-amount{font-size:14px}.bet-odds{color:var(--text-secondary);font-weight:500}.bet-side.compact .bet-odds{font-size:13px}.form-group{margin-bottom:12px}.form-row{display:flex;gap:8px;margin-bottom:10px}.form-group.half-width{flex:1 1;margin-bottom:0}.form-group.full-width{margin-bottom:0;width:100%}.toggle-buttons.compact{padding:2px}.toggle-buttons.compact .toggle-button{font-size:13px;padding:8px 12px}.form-group .help-text{color:var(--text-tertiary);font-size:12px;line-height:1.4;margin-top:8px}.form-group .help-text.compact{font-size:11px;line-height:1.2;margin-top:4px}.form-group .help-text strong,.form-group label{color:var(--text-secondary)}.form-group input,.form-group select{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:text;padding:8px 10px;transition:all .2s}.form-group input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;font-size:16px;font-weight:600;letter-spacing:.5px}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}.form-group input:focus,.form-group input:hover,.form-group select:focus,.form-group select:hover{background-color:var(--bg-secondary);border-color:var(--brand-green)}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 3px #3eff3e33}.form-group input::placeholder{color:var(--text-tertiary);font-weight:400;opacity:.7}.wager-input-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.currency-symbol{color:var(--brand-green);left:12px;pointer-events:none;position:absolute}.currency-symbol,.wager-input{font-size:18px;font-weight:600}.wager-input{background-color:var(--bg-secondary)!important;border:2px solid var(--brand-green)!important;padding:8px 28px!important;text-align:center!important}.wager-input:focus,.wager-input:hover{background-color:var(--bg-primary)!important}.payout-info{margin-bottom:8px;margin-top:6px;padding:10px}.payout-section{margin-bottom:6px}.toggle-button{color:var(--text-tertiary)}.toggle-icon{display:inline-block;font-style:normal;line-height:1;transform:rotate(0deg)}.modal-actions{gap:10px;margin-top:12px}.btn{border:1px solid;border-radius:6px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-secondary,.btn-secondary:hover{border-color:var(--border-color)}.btn-primary{border-color:var(--brand-green)}.btn-primary:hover{border-color:var(--brand-green-hover)}.toast-notification{animation:slideInRight .3s ease-out;position:fixed;right:20px;top:20px;z-index:10000}.toast-content{border-radius:8px;box-shadow:0 4px 12px #0000004d;font-size:14px;font-weight:500;gap:8px;max-width:320px;min-width:200px;padding:12px 16px}.toast-content.success{background-color:var(--brand-green);color:#121212}.toast-content.error{background-color:var(--error-color);color:#fff}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1400px){.lines-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.sport-sidebar{padding:12px;width:140px}.sport-sidebar h3{font-size:14px;margin-bottom:12px}.lines-container{padding:12px}.lines-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.lines-search-container{width:250px}}.sport-sidebar-mobile-toggle{display:none}.desktop-controls{display:flex;flex-direction:column;gap:15px}@media (max-width:768px){.lines-page{flex-direction:column}.desktop-controls{display:none}.mobile-search-container{display:block;margin-bottom:10px}.mobile-search-container .search-input-wrapper{width:100%}.mobile-controls-wrapper{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:block;margin-bottom:15px;overflow:hidden}.mobile-controls-wrapper h3{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--brand-green);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;margin:0;padding:10px 12px}.mobile-controls-wrapper h3:after{color:var(--text-tertiary);content:"▼";font-size:12px;transition:transform .2s}.mobile-controls-wrapper.collapsed h3:after{transform:rotate(-90deg)}.mobile-controls-wrapper.collapsed .mobile-controls-content{display:none}.mobile-controls-wrapper.collapsed h3{border-bottom:none}.mobile-controls-content{display:flex;flex-direction:column;gap:10px;padding:10px 10px 10px 8px}.sport-sidebar{display:none}.mobile-controls-content .sport-filters-section{border-top:1px solid var(--border-color);margin-top:10px;padding-top:10px}.mobile-controls-content .sport-filters-section h4{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.mobile-controls-content .sport-filters-vertical{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.sport-selector{font-size:12px;padding:6px 10px}.sport-selector .sport-icon{font-size:14px}.top-controls-row-1,.top-controls-row-2{align-items:stretch;flex-direction:column;gap:15px}.lines-search-container{order:-1;width:100%}.bookmaker-selector-container{align-items:stretch;flex-direction:column;gap:8px}.bookmaker-label{font-size:13px}.multi-select-dropdown{min-width:100%}.multi-select-button{font-size:13px;padding:8px 10px}.action-buttons{justify-content:space-between;width:100%}.mobile-controls-content .action-buttons{display:flex;flex-wrap:wrap;gap:10px}.mobile-controls-content .action-buttons button{flex:1 1;min-width:140px}.lines-grid{gap:10px;grid-template-columns:1fr}.lines-container{padding:8px 8px 8px 5px}.modal-content{margin:10px;padding:20px}.modal-content.create-bid-modal{border-radius:16px 16px 0 0;bottom:0;left:0;margin:0 10px;max-height:90vh;max-width:calc(100vw - 20px);min-height:auto;position:fixed;right:0;width:100%}.modal-overlay{align-items:flex-end;padding:0}.modal-header{padding:12px}.modal-header h2{font-size:16px;left:50%;position:absolute;transform:translateX(-50%)}.bet-summary-compact,.bid-form-compact{padding:12px}.form-group.compact input{font-size:16px;padding:8px}.wager-input{font-size:16px!important}.currency-symbol{font-size:16px}.teams-row{font-size:13px}.game-time-compact{font-size:11px}.bet-selection-compact{padding:10px}.selection-label{font-size:11px}.payout-item,.selection-odds,.selection-text{font-size:13px}.payout-icon{font-size:14px}.mini-toggle{font-size:11px;padding:5px 10px}.compact-select{font-size:12px;padding:5px 8px}.btn.compact{font-size:13px;padding:8px 14px}.btn-primary.compact{background-color:var(--brand-green)!important;border-color:var(--brand-green)!important;color:var(--bg-primary)!important}.btn-primary.compact:hover{background-color:var(--brand-green-hover)!important;border-color:var(--brand-green-hover)!important}.btn-primary.compact:disabled{cursor:not-allowed;opacity:.6}.btn-secondary.compact{background-color:initial!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.btn-secondary.compact:hover{background-color:var(--hover-bg)!important;border-color:var(--border-color)!important}.modal-close{font-size:20px;height:28px;width:28px}.wager-settings-row{flex-wrap:wrap;gap:10px}.wager-settings-row .form-group.wager-amount-group{flex:1 1 100%;min-width:auto}.wager-settings-row .expiration-select,.wager-settings-row .odds-type-toggle{flex:1 1}.wager-bottom-section{padding-top:12px}.form-group.wager-amount-group.centered{max-width:250px;min-width:180px}.payout-info-bottom{font-size:12px;gap:12px;padding:10px}.payout-info-bottom .payout-item{flex-direction:column;gap:2px;text-align:center}.payout-info-bottom .wager-display{flex-direction:column;gap:2px}.form-group.wager-amount-group{flex:1 1;width:100%}.payout-info-inline{justify-content:space-around;width:100%}.settings-row{flex-direction:column;gap:12px}.expiration-select,.odds-type-toggle{width:100%}.team-inputs-row{flex-direction:column;gap:12px}.vs-separator{display:none}.modal-actions{flex-direction:column}.btn{width:100%}.toast-notification{bottom:20px;left:50%;max-width:220px;position:fixed;right:auto;top:auto;transform:translateX(-50%);width:auto}.toast-content{border-radius:6px;font-size:10px;gap:4px;min-width:auto;padding:6px 8px}.toast-icon{font-size:10px}.toast-message{font-size:10px;font-weight:400;line-height:1.2;word-break:break-word}}.bids-container{display:flex;flex-direction:column;height:100%}.bids-header{margin-bottom:24px}.search-date-row{margin-bottom:16px}.tabs-row{align-items:center;display:flex;justify-content:flex-start}.filter-tabs{background-color:var(--bg-tertiary);border-radius:10px;gap:4px;padding:4px;width:-webkit-fit-content;width:fit-content}.bids-search-container{align-items:center;display:flex;width:320px}.search-input-wrapper{background-color:var(--bg-tertiary)}.clear-search{font-size:12px}.clear-search,.filter-tab{color:var(--text-secondary);transition:all .2s ease}.filter-tab{background:none;border:none;border-radius:8px;font-size:14px;font-weight:500;padding:8px 20px}.filter-tab.active{background-color:var(--card-bg);box-shadow:0 2px 4px var(--shadow-color);color:var(--brand-green)}.bids-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.bid-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:16px;transition:all .2s ease}.bid-card *{border-bottom:none!important}.bid-card:hover{box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-2px)}.bid-card.available{border-color:var(--brand-green);box-shadow:0 0 0 1px var(--brand-green-alpha)}.bid-card.expired{opacity:.6}.bid-header{justify-content:space-between}.bid-creator,.bid-header{align-items:center;display:flex}.bid-creator{gap:8px}.creator-avatar{flex-shrink:0}.creator-name{color:var(--text-primary);font-weight:600}.creator-action{color:var(--text-secondary);font-size:14px}.bid-status{align-items:center;display:flex;gap:8px}.auto-update-badge{animation:rotate 3s linear infinite;font-size:16px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-badge{border-radius:16px;font-weight:500;padding:4px 12px}.status-badge.open{background-color:var(--brand-green-alpha);color:var(--brand-green)}.status-badge.accepted{background-color:#3b82f61a;color:#3b82f6}.status-badge.cancelled{background-color:#ef44441a;color:#ef4444}.game-info{border-bottom:none;padding:12px 0;text-align:left}.bid-card-compact{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:12px;transition:all .2s ease}.bid-card-compact:hover{box-shadow:0 2px 8px var(--shadow-color);transform:translateY(-1px)}.bid-card-compact.available{border-color:var(--brand-green);box-shadow:0 0 0 1px var(--brand-green-alpha)}.bid-card-compact.expired{opacity:.6}.bid-header-compact{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.bid-creator-compact{align-items:center;display:flex;gap:6px}.creator-avatar-compact{align-items:center;background-color:var(--brand-green);border-radius:50%;color:var(--bg-primary);display:flex;font-size:11px;font-weight:600;height:24px;justify-content:center;width:24px}.creator-name-compact{color:var(--text-primary);font-size:13px;font-weight:600}.auto-update-icon{animation:rotate 3s linear infinite;color:var(--brand-green);font-size:12px}.teams-compact{color:var(--text-secondary);font-size:12px;gap:4px}.at-symbol{margin:0 2px}.bid-selection-row{align-items:center;background-color:var(--bg-tertiary);border-radius:6px;display:flex;gap:12px;justify-content:space-between;padding:8px 10px}.their-pick-compact{align-items:center;display:flex;flex:1 1;gap:8px}.pick-label-compact{color:var(--text-tertiary);font-size:11px;text-transform:uppercase}.pick-odds-compact{margin-left:auto}.wager-compact{color:var(--text-primary);font-size:16px;font-weight:700}.your-side-compact{align-items:center;background-color:var(--brand-green-alpha);border-left:3px solid var(--brand-green);border-radius:6px;display:flex;gap:8px;padding:8px 10px}.your-pick-label{color:var(--brand-green);font-size:11px;font-weight:600;text-transform:uppercase}.your-pick-text{color:var(--text-primary);flex:1 1;font-size:13px;font-weight:500}.your-odds-compact{color:var(--brand-green);font-size:12px;font-weight:600}.bid-footer-compact{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:space-between;padding-top:10px}.game-time-compact{color:var(--text-tertiary)}.bid-actions-compact{display:flex;gap:6px}.btn-compact{border:none;font-weight:500;transition:all .2s ease}.btn-compact.cancel{background-color:var(--bg-tertiary);color:var(--text-secondary)}.btn-compact.cancel:hover{background-color:var(--hover-bg);color:var(--text-primary)}.btn-compact.accept{background-color:var(--brand-green);color:var(--bg-primary)}.btn-compact.accept:hover{opacity:.9;transform:translateY(-1px)}.expired-badge{color:var(--text-tertiary);font-size:11px;font-weight:500;text-transform:uppercase}.game-info .team-matchup{justify-content:flex-start!important;text-align:left}.game-meta{align-items:flex-end;color:var(--text-secondary);display:flex;flex-direction:column;font-size:13px;gap:4px}.sportsbook{color:var(--text-tertiary);font-size:12px}.team-matchup{flex-wrap:wrap;justify-content:flex-start;text-align:left}.bid-card .game-info{text-align:left!important}.bid-card .game-info .team-matchup{justify-content:flex-start!important;margin-left:0!important;margin-right:auto!important;text-align:left!important}.bid-card .game-time{color:var(--text-secondary);font-size:13px;text-align:right}.bid-card .team-matchup{justify-content:flex-start!important;margin-left:0!important;margin-right:auto!important;text-align:left!important;width:100%}.team-name{font-weight:500}.vs-indicator{font-size:12px;font-weight:400}.bet-sides{align-items:stretch;display:flex;gap:16px}.bet-side{background-color:var(--bg-tertiary);border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-height:80px;padding:12px}.bet-side.their-side{border-left:3px solid var(--text-secondary)}.bet-side.your-side{background-color:var(--brand-green-alpha);border-left:3px solid var(--brand-green)}.side-header{margin-bottom:8px}.side-label{color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.your-side .side-label{color:var(--brand-green)}.side-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.selection{margin-bottom:8px}.selection-text{color:var(--text-primary);font-size:14px;font-weight:500}.amount-odds{align-items:end;display:flex;justify-content:space-between}.amount{color:var(--text-primary);font-size:18px}.odds{color:var(--brand-green);font-size:14px;font-weight:600}.bet-divider{align-items:center;display:flex;justify-content:center;padding:0 8px}.bet-divider span{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:12px;font-weight:600;padding:4px 8px}.bid-footer{align-items:flex-start;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:12px}.bid-meta{color:var(--text-tertiary);display:flex;flex:1 1;flex-direction:column;font-size:12px;gap:4px;min-width:0}.created-at{color:var(--text-secondary);font-weight:500}.expires-at{color:var(--text-tertiary);font-size:11px;word-break:break-word}.bid-actions{display:flex;gap:8px}.accept-bid-modal{max-width:var(--modal-width-md);min-width:500px;width:90vw}.accept-bid-modal-compact{margin:20px auto;max-height:calc(100vh - 40px);max-width:500px;overflow-y:auto;width:calc(100vw - 40px)}.accept-bid-modal-compact .modal-header{background-color:var(--bg-primary);padding:8px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.accept-bid-modal-compact .modal-header h2{font-size:14px}.accept-bid-modal-compact .modal-close{font-size:18px;height:24px;width:24px}.bet-confirmation-compact{padding:8px}.game-info-compact{background-color:var(--bg-tertiary);border-radius:4px;margin-bottom:8px;padding:6px 8px}.teams-row{gap:4px;justify-content:center;margin-bottom:4px}.team-compact,.teams-row{align-items:center;display:flex}.team-compact{font-size:11px;font-weight:500;gap:3px}.game-time-compact{font-size:10px}.bet-sides-compact{gap:8px;margin-bottom:8px}.bet-side-compact{background-color:var(--bg-tertiary);border-radius:4px;padding:6px 8px}.side-header-compact{gap:4px;margin-bottom:4px}.avatar-compact{background-color:var(--brand-green);font-size:9px;height:16px;width:16px}.name-compact{color:var(--text-primary);font-size:10px;font-weight:600}.selection-compact{font-size:11px;margin-bottom:3px}.amount-odds-compact .amount{font-size:12px;font-weight:700}.amount-odds-compact .odds{font-size:10px}.vs-divider-compact{color:var(--text-secondary);font-size:10px;font-weight:700}.payout-summary-compact{border-radius:4px;justify-content:space-around;margin-bottom:8px;padding:6px 8px}.payout-row{gap:4px}.payout-icon{font-size:12px}.payout-icon.win{color:var(--brand-green)}.payout-icon.lose{color:#ef4444}.payout-text{font-size:10px}.profit-detail{font-size:9px;margin-left:4px;opacity:.8}.bet-warning-compact{border:1px solid #fbbf244d;font-size:10px;gap:4px;margin-bottom:8px;padding:6px}.warning-icon{font-size:12px}.warning-text{color:var(--text-primary)}.matched-stake-notice{align-items:flex-start;background-color:#3b82f60d;border:1px solid #3b82f633;border-radius:4px;font-size:11px;gap:6px;margin-bottom:8px;padding:8px 10px}.notice-icon{flex-shrink:0;font-size:12px;margin-top:1px}.notice-text{color:var(--text-secondary)}.modal-actions.compact{background-color:var(--bg-primary);bottom:0;gap:6px;justify-content:flex-end;padding:8px 12px;position:-webkit-sticky;position:sticky}.modal-actions.compact .btn{font-size:12px;min-width:100px;padding:8px 24px}.modal-actions.compact .btn-primary.compact,.modal-actions.compact .btn-secondary.compact{font-size:13px;padding:8px 16px}.bet-confirmation-summary{background-color:var(--bg-secondary);border-radius:12px;margin-bottom:24px;padding:20px}.game-header{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:16px;text-align:center}.game-header .team-matchup{align-items:center;gap:16px;justify-content:center;margin-bottom:8px}.team-section{flex-direction:column;gap:8px}.team-matchup .team-section:first-child .team-info{align-items:flex-end;width:100%}.team-matchup .team-section:first-child .team-name{text-align:right;width:100%}.team-matchup .team-section:last-child .team-info{align-items:flex-start;width:100%}.team-matchup .team-section:last-child .team-name{text-align:left;width:100%}.game-header .team-info{align-items:center;display:flex;flex-direction:column}.game-header .team-name{word-wrap:break-word;font-size:14px;font-weight:600;line-height:1.2;max-width:120px;text-align:center}.game-time{color:var(--text-secondary);font-size:14px}.bet-details-grid{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;margin-bottom:20px}.bet-side.accepter-side,.bet-side.creator-side{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;min-height:120px;padding:16px}.bet-side.creator-side{border-left:3px solid #666}.bet-side.accepter-side{border-left:3px solid var(--brand-green)}.bet-side-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.user-avatar{font-size:12px;height:24px;width:24px}.creator-avatar{align-items:center;background-color:var(--brand-green);border-radius:50%;color:var(--bg-primary);display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.bet-side-content{display:flex;flex-direction:column;gap:12px}.selection-display{align-items:center;display:flex;gap:8px}.bet-amount{color:var(--text-primary);font-size:20px;font-weight:700}.bet-odds{color:var(--brand-green);font-size:16px;font-weight:600}.vs-divider,.vs-divider span{align-items:center;display:flex;justify-content:center}.vs-divider span{background-color:var(--brand-green);border-radius:50%;color:var(--bg-primary);font-size:14px;font-weight:700;height:40px;padding:8px 12px;width:40px}.payout-info{background-color:var(--bg-tertiary);border-radius:8px;margin-bottom:16px;padding:16px}.payout-section{display:flex;justify-content:space-between;margin-bottom:8px}.payout-section:last-child{margin-bottom:0}.payout-label{font-size:14px}.payout-amount{font-weight:600}.bet-warning,.payout-amount{color:var(--text-primary);font-size:14px}.bet-warning{background-color:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;margin-bottom:16px;padding:12px}.bid-summary{background-color:var(--bg-tertiary);border-radius:8px;margin-bottom:24px;padding:16px}.bid-teams{color:var(--text-primary);margin-bottom:8px}.bid-teams,.bid-teams .team-matchup,.bid-teams .team-name{font-size:16px;font-weight:600}.bid-details{align-items:center;display:flex;font-size:14px;gap:12px}.bid-type{color:var(--text-secondary);font-weight:500}.bid-selection{color:var(--text-primary)}.bid-odds{color:var(--brand-green);font-weight:700}.toggle-buttons{background-color:var(--bg-tertiary);border-radius:8px;display:flex;gap:8px;padding:4px}.toggle-button{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.toggle-button:hover{background-color:var(--hover-bg)}.toggle-button.active{background-color:var(--brand-green);color:var(--bg-primary)}.toggle-icon{font-size:16px}.info-tooltip-trigger{align-items:center;background-color:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-tertiary);cursor:help;display:inline-flex;font-size:11px;height:16px;justify-content:center;margin-left:4px;position:relative;width:16px}.info-tooltip{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 8px var(--shadow-color);color:var(--text-secondary);font-size:12px;left:50%;margin-top:8px;max-width:250px;padding:8px 12px;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap;white-space:normal;z-index:10}.mobile-controls-wrapper{display:none;margin-bottom:16px}.mobile-controls-wrapper.collapsed .mobile-controls-content{display:none}.mobile-controls-wrapper h3{align-items:center;background-color:var(--bg-tertiary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin:0;padding:12px 16px;transition:all .2s ease}.mobile-controls-wrapper h3:hover{background-color:var(--hover-bg)}.mobile-controls-wrapper h3:after{content:"▼";font-size:12px;transition:transform .2s ease}.mobile-controls-wrapper.collapsed h3:after{transform:rotate(-90deg)}.mobile-controls-content{background-color:var(--bg-tertiary);border-radius:0 0 8px 8px;display:flex;flex-direction:column;gap:12px;margin-top:-8px;padding:16px}.desktop-header{display:block}@media (max-width:768px){.desktop-header{display:none}.mobile-controls-wrapper{display:block}.search-date-row,.tabs-row{display:none}.bids-grid{grid-template-columns:1fr}.search-date-row{align-items:stretch;flex-direction:column;gap:16px}.tabs-row{justify-content:center}.bids-search-container{width:100%}.filter-tabs{justify-content:center;width:100%}.search-container,.search-input{width:100%}.bet-details-grid{gap:16px;grid-template-columns:1fr}.vs-divider{margin:8px 0;order:2}.bet-side.accepter-side{order:3}.team-section{flex-direction:row;gap:12px}.game-header .team-name{font-size:12px;max-width:100px}}@media (max-width:480px){.bid-card{padding:12px}.bet-sides{flex-direction:column;gap:12px}.bet-divider{padding:8px 0}.bet-divider span{text-align:center;width:100%}.bid-footer{align-items:stretch;flex-direction:column;gap:12px}.bid-meta{flex-wrap:wrap;gap:6px;justify-content:flex-start;text-align:left}.expires-at{font-size:10px;line-height:1.3}.bid-actions{justify-content:flex-end}.team-matchup{gap:6px}.team-name{font-size:13px}.vs-indicator{font-size:11px}.accept-bid-modal{max-height:90vh;min-width:320px;overflow-y:auto;width:95vw}.accept-bid-modal-compact{margin:20px!important;max-height:calc(100vh - 80px);max-width:calc(100vw - 40px)!important;overflow-y:auto;width:calc(100vw - 40px)!important}.accept-bid-modal-compact .modal-content{display:flex;flex-direction:column;margin:0!important;max-height:calc(100vh - 80px);padding:0!important}.accept-bid-modal-compact .modal-header{flex-shrink:0;padding:8px 10px}.accept-bid-modal-compact .modal-header h2{font-size:13px}.bet-confirmation-compact{flex:1 1;overflow-y:auto;padding:6px}.game-info-compact{padding:6px}.teams-row{flex-wrap:nowrap;gap:3px}.team-compact{font-size:10px}.team-compact .TeamLogo{height:16px!important;width:16px!important}.bet-sides-compact{flex-direction:column;gap:6px}.bet-side-compact{padding:6px}.payout-summary-compact{font-size:10px;padding:6px}.bet-warning-compact{font-size:10px;padding:5px}.modal-actions.compact{flex-shrink:0;padding:8px 10px}.modal-actions.compact .btn{font-size:11px;padding:6px 10px}.accept-bid-modal-compact input,.accept-bid-modal-compact select,.accept-bid-modal-compact textarea{font-size:16px}.modal-overlay{align-items:center;justify-content:center;padding:20px}.bet-confirmation-summary{padding:16px}.game-header .team-matchup{flex-direction:column;gap:12px}.search-input{font-size:16px}.bids-controls{gap:12px}.created-at,.expires-at{overflow-wrap:break-word;word-break:break-word}}.comments-section{margin-top:16px;padding-top:16px}.comments-toggle{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:flex-start;padding:8px 0;transition:color .2s ease;width:100%}.comments-toggle:hover{color:var(--text-primary)}.comments-toggle.has-comments{color:var(--brand-green)}.comments-toggle .icon{flex-shrink:0;height:16px;width:16px}.comments-count{font-weight:500}.comments-content{margin-top:12px}.comments-form{margin-bottom:20px}.comment-input-wrapper{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:12px;position:relative;transition:border-color .2s ease}.comment-input-wrapper:focus-within{border-color:var(--brand-green);box-shadow:0 0 0 2px #3eff3e1a}.comment-textarea{background:none;border:none;color:var(--text-primary);font-family:inherit;font-size:14px;max-height:120px;min-height:60px;outline:none;resize:vertical;width:100%}.comment-textarea::placeholder{color:var(--text-tertiary)}.comment-form-footer{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.character-counter{color:var(--text-tertiary);font-size:12px}.character-counter.near-limit{color:#ff9500}.character-counter.over-limit{color:#ff3b30}.comment-submit-btn{align-items:center;background-color:var(--brand-green);border:none;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.comment-submit-btn:hover:not(:disabled){background-color:#35d935;transform:translateY(-1px)}.comment-submit-btn:disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;transform:none}.comment-submit-btn .icon{height:14px;width:14px}.comments-list{display:flex;flex-direction:column;gap:12px}.comment-item{background-color:var(--bg-tertiary);border-radius:8px;padding:12px;position:relative}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{color:var(--text-primary);font-size:14px;font-weight:600}.comment-meta{align-items:center;display:flex;gap:8px}.comment-timestamp{color:var(--text-tertiary);font-size:12px}.comment-delete-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;display:flex;padding:2px;transition:all .2s ease}.comment-delete-btn:hover{background-color:#ff3b301a;color:#ff3b30}.comment-delete-btn .icon{height:14px;width:14px}.comment-content{word-wrap:break-word;color:var(--text-primary);font-size:14px;line-height:1.4;white-space:pre-wrap}.comments-empty{font-style:italic;padding:24px 12px}.comments-empty,.comments-loading{color:var(--text-tertiary);font-size:14px;text-align:center}.comments-loading{padding:16px}.comments-error{background-color:#ff3b301a;border-radius:6px;color:#ff3b30;font-size:14px;margin-bottom:12px;padding:16px;text-align:center}.comment-submit-btn.loading{color:#0000;position:relative}.comment-submit-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #000;border-radius:50%;border-top-color:#0000;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@media (max-width:768px){.comments-section{margin-top:12px;padding-top:12px}.comment-input-wrapper{padding:10px}.comment-textarea{font-size:16px;min-height:50px}.comment-item{padding:10px}.comment-form-footer{align-items:flex-end;flex-direction:column;gap:8px}.character-counter{align-self:flex-start}}[data-theme=light] .comments-toggle{color:var(--text-secondary)}[data-theme=light] .comments-toggle:hover{color:var(--text-primary)}[data-theme=light] .comment-submit-btn{background-color:var(--brand-green);color:#000}[data-theme=light] .comment-submit-btn:hover:not(:disabled){background-color:#35d935}.bets-container{display:flex;flex-direction:column;height:100%}.bets-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.settle-bets-btn{background-color:var(--color-brand-primary);border:none;border-radius:var(--border-radius-md);color:var(--color-bg-primary);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-eta);font-weight:var(--font-weight-medium);padding:var(--spacing-component-sm) var(--spacing-component-xl);transition:all var(--transition-default)}.settle-bets-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.settle-bets-btn:disabled{cursor:not-allowed;opacity:.6}.settlement-status{align-items:center;background-color:var(--color-bg-tertiary);border-radius:var(--border-radius-md);display:flex;font-size:var(--font-size-theta);gap:var(--spacing-component-sm);padding:var(--spacing-component-sm) var(--spacing-default)}.status-icon{color:var(--brand-green)}.status-text{color:var(--text-secondary)}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-tab{background-color:initial;border:1px solid var(--color-border-default);border-radius:20px;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-eta);font-weight:var(--font-weight-medium);padding:var(--spacing-component-sm) var(--spacing-default);transition:all var(--transition-default);white-space:nowrap}.filter-tab:hover{background-color:var(--hover-bg);border-color:var(--text-secondary);color:var(--text-primary)}.filter-tab.active{background-color:var(--brand-green);border-color:var(--brand-green);color:var(--bg-primary)}.filter-tab.active:hover{opacity:.9}.bets-search-container{align-items:center;display:flex;gap:12px;width:320px}.search-input-wrapper{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;padding:6px 8px;position:relative;transition:all .2s ease;width:100%}.search-input-wrapper:focus-within{border-color:var(--brand-green);box-shadow:0 0 0 2px #3eff3e1a}.search-icon{color:var(--text-secondary);flex-shrink:0;margin-right:4px}.search-input{background:none;border:none;font-family:var(--font-family-primary);outline:none}.search-input::placeholder{color:var(--text-tertiary)}.clear-search{background:none;border:none;border-radius:2px;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-theta);margin-left:4px;padding:2px 4px;transition:all var(--transition-default)}.clear-search:hover{background-color:var(--hover-bg);color:var(--text-primary)}.search-date-row,.tabs-settle-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.settle-status-container{align-items:center;display:flex;gap:16px}.bets-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.bet-card{border:2px solid var(--border-color);border-radius:12px;gap:16px;padding:20px}.bet-card,.bet-card-compact{background-color:var(--card-bg);display:flex;flex-direction:column;transition:all .2s ease}.bet-card-compact{border:1px solid var(--border-color);border-radius:8px;gap:10px;padding:12px}.bet-card:hover{box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-2px)}.bet-card.winner{background-color:var(--brand-green-alpha);border-color:var(--brand-green)}.bet-card.loser{background-color:#ff5c5c0d;border-color:var(--error-color)}.bet-card.game-soon{border-color:var(--warning-color)}.bet-card.push{background-color:#bbbbbb0d;border-color:var(--text-secondary)}.bet-card-compact:hover{box-shadow:0 2px 8px var(--shadow-color);transform:translateY(-1px)}.bet-card-compact.winner{background-color:var(--brand-green-alpha);border-color:var(--brand-green)}.bet-card-compact.loser{background-color:#ff5c5c08;border-color:var(--error-color)}.bet-card-compact.game-soon{border-color:var(--warning-color)}.bet-card-compact.push{background-color:#bbbbbb08;border-color:var(--text-secondary)}.bet-header-compact{align-items:center;display:flex;gap:8px;justify-content:space-between}.bet-status-opponent{align-items:center;display:flex;font-size:13px;gap:8px}.status-badge-compact{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 6px;text-transform:uppercase}.status-badge-compact.active{background-color:#3b82f61a;color:#3b82f6}.status-badge-compact.settled{background-color:var(--bg-tertiary);color:var(--text-secondary)}.vs-opponent{color:var(--text-primary);font-weight:500}.game-soon-indicator{animation:pulse 2s infinite;font-size:16px}.bet-game-compact{display:flex;flex-direction:column;gap:4px}.teams-compact{align-items:center;display:flex;font-size:13px;gap:6px;justify-content:center}.team-abbr{color:var(--text-primary);font-weight:500}.at-symbol{color:var(--text-tertiary);font-size:11px}.custom-bet-label{color:var(--text-secondary);font-style:italic}.game-time-compact{color:var(--text-secondary);font-size:11px;text-align:center}.bet-selection-row{align-items:center;background-color:var(--bg-tertiary);border-radius:6px;display:flex;gap:12px;justify-content:space-between;padding:8px}.my-pick-compact{align-items:center;display:flex;gap:8px}.pick-text{color:var(--text-primary);font-size:13px;font-weight:500}.pick-odds-compact{color:var(--brand-green);font-size:12px;font-weight:600}.bet-amount-compact{align-items:center;display:flex;gap:8px}.wager{color:var(--text-primary);font-size:14px;font-weight:600}.payout-compact{font-size:13px;font-weight:600}.payout-compact.win{color:var(--brand-green)}.payout-compact.loss{color:var(--error-color)}.final-score-compact,.payout-compact.push{color:var(--text-secondary)}.final-score-compact{background-color:var(--bg-tertiary);border-radius:4px;font-size:12px;padding:6px;text-align:center}.bet-footer-compact{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:8px}.bet-time{color:var(--text-tertiary);font-size:11px}.btn-compact{background-color:initial;border:1px solid var(--brand-green);border-radius:4px;color:var(--brand-green);cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s}.btn-compact:hover{background-color:var(--brand-green);color:var(--bg-primary)}.bet-header{justify-content:space-between}.bet-header,.bet-opponent{align-items:center;display:flex}.bet-opponent{gap:8px}.vs-label{color:var(--color-text-tertiary);font-size:var(--font-size-theta);text-transform:uppercase}.opponent-name{color:var(--color-text-primary);font-size:var(--font-size-epsilon);font-weight:var(--font-weight-semibold)}.bet-status-badge{align-items:center;display:flex;gap:8px}.game-soon-badge{animation:pulse 2s infinite;background-color:var(--color-warning);color:#fff;font-size:11px;padding:4px var(--spacing-component-sm)}.game-soon-badge,.status{border-radius:var(--border-radius-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase}.status{font-size:var(--font-size-theta);padding:var(--spacing-component-xs) var(--spacing-component-md)}.status.active{background-color:#3b82f61a;color:#3b82f6}.status.pending_settlement{background-color:#fbbf241a;color:#f59e0b}.status.settled{background-color:var(--bg-tertiary);color:var(--text-secondary)}.bet-content{display:flex;flex:1 1;flex-direction:column;gap:12px}.bet-game{align-items:center;display:flex;gap:16px;justify-content:space-between}.team-matchup{color:var(--color-text-primary);font-size:var(--font-size-zeta);font-weight:var(--font-weight-semibold)}.game-time-info{align-items:flex-end;color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-theta);gap:4px}.sportsbook-name{color:var(--color-text-tertiary);font-size:var(--font-size-theta)}.bet-details{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.my-pick{display:flex;flex-direction:column;gap:4px}.pick-label{color:var(--color-text-tertiary);font-size:var(--font-size-theta);text-transform:uppercase}.pick-value{color:var(--color-text-primary);font-size:var(--font-size-eta);font-weight:var(--font-weight-medium)}.pick-odds{color:var(--color-brand-primary);font-weight:var(--font-weight-semibold);margin-left:4px}.bet-amount{align-items:flex-end;color:var(--color-text-primary);display:flex;flex-direction:column;font-size:var(--font-size-delta);font-weight:var(--font-weight-bold);gap:4px}.payout{font-size:var(--font-size-zeta);font-weight:var(--font-weight-semibold)}.payout.positive{color:var(--color-brand-primary)}.payout.negative{color:var(--color-error)}.payout.neutral{color:var(--color-text-secondary)}.game-result{background-color:var(--bg-tertiary);border-radius:8px;padding:12px;text-align:center}.final-score{color:var(--color-text-primary);font-size:var(--font-size-eta);font-weight:var(--font-weight-medium)}.bet-footer{align-items:center;display:flex;justify-content:space-between;padding-top:16px}.bet-meta{color:var(--color-text-tertiary);font-size:var(--font-size-theta)}.created-at{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.game-time{color:var(--color-text-tertiary);font-size:var(--font-size-theta)}.bet-actions{display:flex;gap:8px}.btn-sm{font-size:var(--font-size-theta);padding:var(--spacing-component-xs) var(--spacing-component-md)}.empty-state{grid-column:1/-1}.empty-state p{color:var(--color-text-secondary);font-size:var(--font-size-zeta);margin-bottom:var(--spacing-component-sm)}.empty-hint{color:var(--color-text-tertiary);font-size:var(--font-size-eta)}.bet-details-modal{max-height:90vh;max-width:var(--modal-width-lg);padding:32px;width:95vw}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.modal-header h2{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin:0}.modal-close,.modal-header h2{font-size:var(--font-size-delta)}.modal-close{border-radius:var(--border-radius-sm);color:var(--color-text-secondary);padding:4px var(--spacing-component-sm);transition:all var(--transition-default)}.bet-game-info{margin-bottom:32px}.bet-game-info .game-header{background-color:var(--bg-tertiary);border-radius:12px;padding:24px;text-align:center}.bet-game-info .team-matchup{align-items:center;display:flex;gap:24px;justify-content:center;margin-bottom:16px}.bet-game-info .team-section{gap:12px}.bet-game-info .team-info,.bet-game-info .team-section{align-items:center;display:flex;flex-direction:column}.bet-game-info .team-name{word-wrap:break-word;font-size:var(--font-size-epsilon);font-weight:var(--font-weight-semibold);line-height:var(--line-height-condensed);max-width:140px;text-align:center}.bet-type-info,.game-time{color:var(--color-text-secondary);font-size:var(--font-size-eta);margin-bottom:var(--spacing-component-sm)}.bet-type-info{font-weight:var(--font-weight-medium);margin-bottom:0}.participants-section{margin-bottom:32px}.participants-section h3{color:var(--color-text-primary);font-size:var(--font-size-epsilon);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-default)}.participants-grid{grid-gap:20px;gap:20px}.participant-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.participant-card.your-side{border-left:4px solid var(--brand-green)}.participant-card.opponent-side{border-left:4px solid var(--text-secondary)}.participant-header{gap:12px;margin-bottom:16px}.participant-avatar{background-color:var(--color-brand-primary);color:var(--color-bg-primary)}.participant-avatar,.participant-name{font-size:var(--font-size-zeta);font-weight:var(--font-weight-semibold)}.participant-role{color:var(--color-text-secondary);font-size:var(--font-size-theta)}.participant-bet{gap:12px}.amount-label,.odds-label,.selection-label{color:var(--color-text-secondary);font-size:var(--font-size-theta);font-weight:var(--font-weight-medium)}.amount-value,.odds-value,.selection-value{color:var(--color-text-primary);font-size:var(--font-size-eta);font-weight:var(--font-weight-semibold)}.odds-value{color:var(--color-brand-primary)}.bet-timeline{margin-bottom:32px}.bet-timeline h3{color:var(--color-text-primary);font-size:var(--font-size-epsilon);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-default)}.timeline-events{display:flex;flex-direction:column;gap:16px}.timeline-event{align-items:flex-start;background-color:var(--bg-tertiary);border-radius:8px;display:flex;gap:12px;padding:16px}.timeline-icon{flex-shrink:0;font-size:var(--font-size-epsilon);line-height:1}.timeline-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.timeline-label{color:var(--color-text-primary);font-size:var(--font-size-eta);font-weight:var(--font-weight-semibold)}.timeline-time{color:var(--color-text-secondary);word-break:break-word}.timeline-detail,.timeline-time{font-size:var(--font-size-theta)}.timeline-detail{color:var(--color-text-tertiary)}.game-score{background-color:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);color:var(--color-text-primary);display:inline-block;font-size:var(--font-size-eta);font-weight:var(--font-weight-medium);margin-top:var(--spacing-component-sm);padding:var(--spacing-component-sm) var(--spacing-component-md)}.settlement-modal{max-width:var(--modal-width-lg);text-align:center;width:90vw}.settlement-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding-bottom:16px}.settlement-icon{font-size:var(--font-size-alpha);line-height:1}.settlement-icon.success{color:var(--brand-green)}.settlement-icon.info{color:var(--text-secondary)}.settlement-icon.error{color:var(--error-color)}.settlement-modal-header h3{color:var(--color-text-primary);font-size:var(--font-size-delta);font-weight:var(--font-weight-semibold);margin:0}.settlement-modal-body{margin-bottom:24px}.settlement-modal-body p{color:var(--color-text-secondary);font-size:var(--font-size-zeta);line-height:var(--line-height-default);margin:0}.settlement-modal-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.bet-status-section{margin-bottom:24px}.bet-status-section h3{color:var(--color-text-primary);font-size:var(--font-size-epsilon);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-default)}.status-card{padding:16px}.status-info{align-items:center;justify-content:space-between;margin-bottom:12px}.payout-amount{font-size:var(--font-size-epsilon);font-weight:var(--font-weight-bold)}.payout-amount.positive{color:var(--color-brand-primary)}.payout-amount.negative{color:var(--color-error)}.bet-status-section .final-score{color:var(--color-text-secondary);font-size:var(--font-size-eta);text-align:center}.mobile-controls-wrapper,.mobile-search-container{display:none}.desktop-controls{display:block}.manual-settle-modal{max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.manual-settle-modal .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.manual-settle-modal .modal-header h3{color:var(--color-text-primary);font-size:var(--font-size-delta);margin:0}.manual-settle-modal .modal-close{align-items:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:opacity var(--transition-default);width:32px}.manual-settle-modal .modal-close:hover{opacity:.7}.manual-settle-modal .modal-body{padding:20px}.bet-details-summary{background-color:var(--bg-secondary);border-radius:var(--border-radius-md);margin-bottom:20px;padding:16px}.bet-details-summary h4{color:var(--color-text-secondary);font-size:var(--font-size-eta);margin:0 0 12px}.bet-matchup{color:var(--color-text-primary);font-size:var(--font-size-epsilon);font-weight:var(--font-weight-semibold);margin:0 0 16px}.participants-summary{display:flex;flex-direction:column;gap:12px}.participant-info{align-items:center;border-bottom:1px solid var(--border-color);justify-content:space-between;padding:8px 0}.participant-info:last-child{border-bottom:none}.participant-name{color:var(--color-text-primary);flex:1 1;font-weight:var(--font-weight-medium)}.participant-selection{color:var(--color-text-secondary);margin:0 12px}.participant-wager{color:var(--color-brand-primary);font-weight:var(--font-weight-semibold)}.winner-selection{margin-bottom:20px}.winner-selection h4{color:var(--color-text-primary);font-size:var(--font-size-epsilon);font-weight:var(--font-weight-semibold);margin:0 0 12px}.winner-options{display:flex;flex-direction:column;gap:12px}.winner-option{align-items:center;background-color:var(--bg-secondary);border:2px solid #0000;border-radius:var(--border-radius-md);cursor:pointer;display:flex;padding:12px 16px;transition:all var(--transition-default)}.winner-option:hover{background-color:var(--bg-tertiary);border-color:var(--color-brand-primary)}.winner-option input[type=radio]{cursor:pointer;margin-right:12px}.winner-option span{color:var(--color-text-primary);font-size:var(--font-size-eta)}.settle-warning{align-items:center;background-color:var(--bg-warning);border-radius:var(--border-radius-md);color:var(--color-warning);display:flex;font-size:var(--font-size-zeta);gap:8px;margin:0;padding:12px 16px}.manual-settle-modal .modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px}.bet-footer-compact .bet-actions{display:flex;gap:8px}.btn-settle{background-color:var(--color-warning);color:var(--color-bg-primary)}.accept-bid-modal-compact{box-sizing:border-box;max-width:420px;overflow:hidden;padding:0}.accept-bid-modal-compact *{box-sizing:border-box}.accept-bid-modal-compact .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px}.accept-bid-modal-compact .modal-header h2{color:var(--brand-green);font-size:18px;margin:0}.accept-bid-modal-compact .modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s;width:32px}.accept-bid-modal-compact .modal-close:hover{background-color:var(--hover-bg);color:var(--text-primary)}.bet-confirmation-compact{padding:16px}.bet-confirmation-compact .game-info-compact{background-color:var(--bg-tertiary);border-radius:6px;margin-bottom:16px;padding:12px}.bet-confirmation-compact .teams-row{align-items:center;display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:4px}.bet-confirmation-compact .team-compact{align-items:center;display:flex;font-weight:500;gap:6px}.bet-sides-compact{display:flex;gap:12px;margin-bottom:16px}.bet-side-compact{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;flex:1 1;padding:12px}.side-header-compact{align-items:center;display:flex;gap:6px;margin-bottom:8px}.avatar-compact{align-items:center;background-color:var(--text-secondary);border-radius:50%;color:var(--bg-primary);display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.avatar-compact.you{background-color:var(--brand-green)}.name-compact{color:var(--text-secondary);font-size:12px;font-weight:500}.selection-compact{color:var(--text-primary);font-size:13px;font-weight:600;margin-bottom:6px}.amount-odds-compact{align-items:center;display:flex;justify-content:space-between}.amount-odds-compact .amount{color:var(--text-primary);font-size:14px;font-weight:600}.amount-odds-compact .odds{color:var(--brand-green);font-size:13px;font-weight:600}.vs-divider-compact{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;font-weight:600;justify-content:center}.payout-summary-compact{background-color:var(--bg-tertiary);border-radius:6px;display:flex;gap:16px;justify-content:center;margin-bottom:12px;padding:12px}.payout-row{gap:6px}.payout-icon.win{color:#4ade80;color:var(--success-color,#4ade80)}.payout-icon.lose{color:#f87171;color:var(--error-color,#f87171)}.payout-text{color:var(--text-primary);font-size:13px;font-weight:500}.bet-warning-compact{align-items:center;background-color:#fbbf241a;border-radius:4px;display:flex;gap:8px;justify-content:center;margin-bottom:16px;padding:8px}.warning-icon{font-size:14px}.warning-text{color:var(--warning-color);font-size:12px}.modal-actions.compact{border-top:1px solid var(--border-color);display:flex;gap:10px;padding:16px}.btn.compact{flex:1 1;font-size:14px;padding:10px 16px}@media (max-width:768px){.desktop-controls{display:none}.mobile-search-container{display:block;margin-bottom:10px}.mobile-search-container .search-input-wrapper{width:100%}.mobile-search-container .search-input{font-size:16px}.mobile-controls-wrapper{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:block;margin-bottom:15px;overflow:hidden}.mobile-controls-wrapper h3{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--brand-green);cursor:pointer;display:flex;font-size:16px;justify-content:space-between;margin:0;padding:12px 15px}.mobile-controls-wrapper h3:after{color:var(--text-tertiary);content:"▼";font-size:12px;transition:transform .2s}.mobile-controls-wrapper.collapsed h3:after{transform:rotate(-90deg)}.mobile-controls-wrapper.collapsed .mobile-controls-content{display:none}.mobile-controls-wrapper.collapsed h3{border-bottom:none}.mobile-controls-content{display:flex;flex-direction:column;gap:12px;padding:15px}.filter-tabs-mobile{display:flex;flex-wrap:wrap;gap:8px}.filter-tabs-mobile .filter-tab{font-size:12px;padding:6px 12px}.mobile-full-width{width:100%}.settlement-status-mobile{align-items:center;background-color:var(--bg-tertiary);border-radius:6px;display:flex;gap:8px;justify-content:center;padding:8px}.bets-grid{grid-template-columns:1fr}.bet-card-compact{padding:10px}.bet-header-compact,.teams-compact{font-size:12px}.bet-selection-row{padding:6px}.pick-text{font-size:12px}.wager{font-size:13px}.accept-bid-modal-compact{border-radius:16px 16px 0 0;bottom:0;left:0;margin:10px;max-height:80vh;max-width:100%;position:fixed;right:0;width:calc(100vw - 20px)}.accept-bid-modal-compact .modal-header{padding:12px}.accept-bid-modal-compact .modal-header h2{font-size:16px}.bet-confirmation-compact{padding:12px}.bet-confirmation-compact .game-info-compact{padding:10px}.bet-confirmation-compact .teams-row{font-size:13px}.bet-side-compact{padding:10px}.side-header-compact{margin-bottom:6px}.avatar-compact{font-size:10px;height:20px;width:20px}.name-compact{font-size:11px}.selection-compact{font-size:12px;margin-bottom:4px}.amount-odds-compact .amount{font-size:13px}.amount-odds-compact .odds{font-size:12px}.payout-summary-compact{padding:8px}.payout-text{font-size:12px}.bet-warning-compact{padding:6px}.warning-text{font-size:11px}.modal-actions.compact{padding:12px}.btn.compact{font-size:13px;padding:8px 14px}.modal-overlay{align-items:flex-end;padding:0}.bet-sides-compact,.payout-summary-compact{flex-direction:column;gap:8px}.payout-summary-compact{padding:10px}.modal-actions.compact{flex-direction:column}.btn.compact{width:100%}.bet-details{flex-direction:column;gap:12px}.bet-amount{align-items:flex-start}.filter-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:8px}.filter-tab{font-size:var(--font-size-theta);padding:var(--spacing-component-xs) var(--spacing-component-md)}.settle-bets-btn{margin-top:8px;width:100%}.search-input{font-size:var(--font-size-zeta)}.bets-search-container{width:100%}.search-date-row,.tabs-settle-row{align-items:stretch;flex-direction:column;gap:16px}.settle-status-container{justify-content:space-between;width:100%}.bet-details-modal{max-height:95vh;padding:24px;width:95vw}.participants-grid{gap:16px;grid-template-columns:1fr}.bet-game-info .team-matchup{flex-direction:column;gap:16px}.bet-game-info .team-name{font-size:var(--font-size-zeta);max-width:120px}.modal-header h2{font-size:var(--font-size-epsilon)}.participant-card{padding:16px}.participant-avatar{height:32px;width:32px}.participant-avatar,.participant-name{font-size:var(--font-size-eta)}}@media (max-width:480px){.bet-card{padding:16px}.opponent-name{font-size:var(--font-size-zeta)}.bet-amount{font-size:var(--font-size-epsilon)}.bet-game{flex-direction:column;gap:8px}.bet-game,.game-time-info{align-items:flex-start}.bet-footer{align-items:stretch;flex-direction:column;gap:12px}.bet-meta{text-align:center}.bet-actions{justify-content:center}.bet-details-modal{border-radius:0;max-height:100vh;padding:16px;width:100vw}.timeline-event{padding:12px}.timeline-time{font-size:var(--font-size-theta);line-height:1.3}.status-card{padding:12px}.bet-game-info .game-header{padding:16px}.bet-amount-info,.odds-info,.selection-info{align-items:flex-start;flex-direction:column;gap:4px}}.bet-details-modal{max-height:85vh;max-width:min(var(--modal-width-lg),90vw);overflow-y:auto}.bet-game-info{background-color:var(--bg-tertiary);border-radius:8px;margin-bottom:8px;padding:8px}.game-header{align-items:stretch;display:flex;flex-direction:column;width:100%}.team-matchup{flex-wrap:nowrap;gap:8px;justify-content:center;margin-bottom:8px;padding:0;width:100%}.team-matchup,.team-section{align-items:center;display:flex}.team-section{flex:0 0 auto;flex-direction:row;gap:4px}.team-name{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap}.vs-indicator{align-self:center;color:var(--text-secondary);flex-shrink:0;font-size:16px;font-weight:500;margin:0 4px}.game-details{border-top:1px solid var(--border-color);flex-direction:column;gap:4px;margin-top:8px;padding-top:8px}.game-detail-row,.game-details{align-items:center;display:flex}.game-detail-row{font-size:14px;gap:8px}.detail-label{color:var(--text-secondary);font-weight:500}.detail-value{color:var(--text-primary);font-weight:600}.participants-section{margin-bottom:12px}.participants-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.participants-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.participant-card{background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;padding:12px}.creator-side{border-color:var(--brand-green)}.acceptor-side{border-color:var(--text-secondary)}.participant-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.participant-avatar{align-items:center;background-color:var(--brand-green);border-radius:50%;color:var(--bg-primary);display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.participant-info{display:flex;flex-direction:column;gap:2px}.participant-name{color:var(--text-primary);font-size:16px;font-weight:600}.participant-role{color:var(--text-tertiary);font-size:12px;font-weight:500;text-transform:uppercase}.participant-bet{display:flex;flex-direction:column;gap:6px}.bet-amount-info,.odds-info,.selection-info{align-items:center;display:flex;justify-content:space-between}.amount-label,.odds-label,.selection-label{color:var(--text-secondary);font-size:13px;font-weight:500}.amount-value,.odds-value,.selection-value{color:var(--text-primary);font-size:14px;font-weight:600;text-align:right}.odds-value{color:var(--brand-green);font-weight:700}.payout-details-section{margin-bottom:12px}.payout-details-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.payout-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:8px}.payout-card{background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;padding:12px}.payout-header{margin-bottom:8px}.payout-name{color:var(--text-primary);font-size:16px;font-weight:600}.payout-info{display:flex;flex-direction:column;gap:6px}.payout-row{align-items:center;display:flex;font-size:14px;gap:8px}.payout-icon{font-size:16px;font-weight:700;text-align:center;width:20px}.payout-row.win .payout-icon{color:var(--brand-green)}.payout-row.lose .payout-icon{color:#ef4444}.payout-label{color:var(--text-secondary);font-weight:500}.payout-value{color:var(--text-primary);font-weight:600;margin-left:auto}.profit-amount{color:var(--brand-green);font-size:13px;margin-left:4px}.matched-stake-notice{align-items:center;background-color:#ffc1071a;border:1px solid #ffc10733;border-radius:8px;color:#ffc107;display:flex;font-size:13px;gap:8px;padding:12px 16px}.notice-icon{font-size:16px}.notice-text{line-height:1.4}.bet-status-section{margin-bottom:12px}.bet-status-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.modal-actions{align-items:center;border-top:1px solid var(--border-color);justify-content:center;padding-top:16px}.status-card{background-color:var(--bg-tertiary);border-radius:8px;padding:12px}.status-info{display:flex;flex-direction:column;gap:6px}.status-row{align-items:center;display:flex;justify-content:space-between}.status-label{color:var(--text-secondary);font-size:14px;font-weight:500}.status-value{color:var(--text-primary);font-size:14px;font-weight:600}.status-badge{border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge.settled{background-color:var(--brand-green-alpha);color:var(--brand-green)}.status-badge.active{background-color:#ffc1071a;color:#ffc107}.status-badge.pending{background-color:var(--bg-secondary);color:var(--text-secondary)}@media (max-width:768px){.bet-details-modal{max-width:95vw;padding:16px}.modal-header{padding:12px 16px}.modal-header h2{font-size:18px}.participants-grid,.payout-grid{gap:12px;grid-template-columns:1fr}.participant-card,.payout-card{padding:16px}.team-matchup{align-items:center;flex-direction:row;font-size:12px;gap:4px}.team-section{align-items:center;display:flex;gap:4px}.team-name,.vs-indicator{font-size:12px}.vs-indicator{margin:0 4px}.game-details{font-size:13px;gap:6px}.bet-status-section h3,.participants-section h3,.payout-details-section h3{font-size:16px;margin-bottom:12px}.matched-stake-notice{font-size:12px;padding:10px 12px}}@media (max-width:480px){.bet-details-modal{margin:10px;max-width:100vw;padding:12px}.modal-content{padding:0}.team-matchup,.team-name,.vs-indicator{font-size:11px}.vs-indicator{margin:0 2px}.team-section{gap:2px}.game-detail-row{font-size:12px}.game-details{gap:6px}.participant-card,.payout-card,.status-card{padding:12px}.amount-value,.odds-value,.selection-value{font-size:13px}.amount-label,.odds-label,.selection-label{font-size:12px}}.debts-container{display:flex;flex-direction:column;gap:24px}.loading-spinner{border:4px solid #ffffff4d;border-top:4px solid var(--brand-green)}.debts-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center}.summary-card.positive{background-color:var(--brand-green-alpha);border-color:var(--brand-green)}.summary-card.negative{background-color:#ff5c5c0d;border-color:var(--error-color)}.summary-label{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.summary-value{color:var(--text-primary);font-size:28px;font-weight:700}.summary-card.positive .summary-value{color:var(--brand-green)}.summary-card.negative .summary-value{color:var(--error-color)}.debts-tabs{background-color:var(--bg-tertiary);border-radius:10px;display:flex;gap:4px;padding:4px;width:-webkit-fit-content;width:fit-content}.debt-tab{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s ease}.debt-tab:hover{color:var(--text-primary)}.debt-tab.active{background-color:var(--card-bg);box-shadow:0 2px 4px var(--shadow-color);color:var(--brand-green)}.debts-content{min-height:400px}.debts-list{display:flex;flex-direction:column;gap:16px}.user-summary{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.summary-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background-color .2s ease}.summary-header:hover{background-color:var(--hover-bg)}.summary-user{gap:12px}.summary-user,.user-avatar{align-items:center;display:flex}.user-avatar{background-color:var(--brand-green);border-radius:50%;color:var(--bg-primary);font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-name{color:var(--text-primary);font-size:16px}.summary-amount{align-items:center;display:flex;gap:8px}.amount{color:var(--brand-green);font-size:20px;font-weight:700}.summary-details{padding:0 16px 16px}.debt-card,.summary-details{display:flex;flex-direction:column;gap:12px}.debt-card{background-color:var(--bg-tertiary);border-radius:8px;padding:16px}.debt-header{justify-content:space-between}.debt-header,.debt-user{align-items:center;display:flex}.debt-user{gap:12px}.user-info{display:flex;flex-direction:column;gap:2px}.debt-direction{color:var(--text-tertiary);font-size:12px}.debt-amount{font-size:20px;font-weight:700}.debt-amount.positive{color:var(--brand-green)}.debt-amount.negative{color:var(--error-color)}.debt-details{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;justify-content:space-between}.game-info{flex:1 1}.debt-date{color:var(--text-tertiary)}.debt-actions{display:flex;gap:8px;justify-content:flex-end}.btn-small{font-size:13px;padding:6px 12px}.summary-expanded{background-color:var(--bg-tertiary);border-top:1px solid var(--border-color);padding:16px}.net-summary{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.net-breakdown{display:flex;flex-direction:column;gap:8px}.breakdown-line{align-items:center;display:flex;font-size:14px;gap:20px;justify-content:space-between}.breakdown-line span:first-child{color:var(--text-secondary)}.amount-positive{color:var(--brand-green);font-weight:600}.amount-negative{color:var(--error-color);font-weight:600}.net-line{border-top:1px solid var(--border-color);font-weight:600;padding-top:8px}.net-line span:first-child{color:var(--text-primary)}.individual-debts{margin-top:20px}.individual-debts h4{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:12px}.individual-debts .debt-card{background-color:var(--bg-secondary);margin-bottom:12px}.migration-section{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-top:24px;padding:20px;text-align:center}.debt-breakdown-section{border-top:1px solid var(--border-color);margin-top:48px;padding-top:24px}.breakdown-toggle{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;gap:10px;padding:4px 0;text-align:left;width:100%}.breakdown-toggle:hover{color:var(--brand-green)}.breakdown-toggle h3{font-size:16px;font-weight:600;margin:0}.toggle-icon{flex-shrink:0;height:12px;margin-top:-2px;transform:rotate(-90deg);transition:transform .2s ease;width:12px}.toggle-icon.expanded{transform:rotate(0deg)}.migration-hint{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.migration-button{font-size:14px;margin:0 auto;padding:10px 20px}.payment-summary{background-color:var(--bg-tertiary);border-radius:8px;margin-bottom:40px;padding:24px 20px;text-align:center}.modal-content form{align-items:center;display:flex;flex-direction:column;width:100%}.modal-content h2{text-align:center}.modal-content .form-group{margin-bottom:32px;max-width:320px;width:100%}.modal-content .modal-actions{display:flex;gap:12px;justify-content:center;margin-top:32px;max-width:320px;width:100%}.payment-parties{font-size:15px;gap:12px;justify-content:center;margin-bottom:20px}.payee,.payer{color:var(--text-primary);font-weight:500}.arrow{color:var(--text-tertiary);font-size:14px}.payment-amount{font-size:28px;font-weight:700;margin-bottom:16px}.payment-reason{color:var(--text-secondary);font-size:13px;line-height:1.4}.payment-methods{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);width:100%}.modal-content .form-group label{margin-bottom:16px;text-align:center}.payment-method{align-items:center;background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:1px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:16px;transition:all .2s ease}.payment-method:hover:not(:disabled){background-color:var(--card-bg);border-color:var(--brand-green);color:var(--text-primary)}.payment-method:disabled{cursor:not-allowed;opacity:.5}.payment-method.active{background-color:var(--brand-green-alpha);border-color:var(--brand-green);color:var(--text-primary)}.payment-method span{color:inherit}.method-icon{font-size:24px}.settled-list{display:flex;flex-direction:column;gap:8px}.settled-debt{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;padding:16px}.settled-debt,.settled-info{align-items:center;display:flex}.settled-info{gap:16px}.settled-parties{color:var(--text-secondary);font-size:14px}.settled-amount{color:var(--text-primary);font-size:18px;font-weight:600}.settled-meta{align-items:center;color:var(--text-tertiary);display:flex;font-size:13px;gap:12px}.payment-method-badge{background-color:var(--bg-tertiary);border-radius:4px;padding:2px 8px;text-transform:capitalize}.empty-state{padding:60px 20px;text-align:center}.empty-state p{color:var(--text-secondary);font-size:16px;margin-bottom:8px}.empty-hint{color:var(--text-tertiary);font-size:14px}.form-group textarea{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.form-group textarea:focus{border-color:var(--brand-green);outline:none}@media (max-width:768px){.debts-summary{grid-template-columns:1fr}.debts-tabs{justify-content:center;width:100%}.payment-methods{grid-template-columns:1fr}.settled-debt{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:480px){.summary-value{font-size:24px}.debt-amount{font-size:18px}.payment-amount{font-size:28px}}.all-debts-view{display:flex;flex-direction:column;gap:24px}.group-debt-summary{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;text-align:center}.group-debt-summary h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 12px}.group-debt-summary .total-amount{color:var(--brand-green);font-size:36px;font-weight:700;margin-bottom:8px}.summary-description{color:var(--text-secondary);font-size:14px;margin:0}.net-debts-list{display:flex;flex-direction:column;gap:12px}.net-debt-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease}.net-debt-card:hover{border-color:var(--brand-green);box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-2px)}.net-debt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.net-debt-users{align-items:center;display:flex;flex:1 1;gap:12px}.net-debt-users .user-avatar{align-items:center;background-color:var(--brand-green);border-radius:50%;color:var(--bg-primary);display:flex;font-size:18px;font-weight:600;height:40px;justify-content:center;width:40px}.debt-flow{align-items:center;color:var(--text-primary);display:flex;gap:8px}.creditor-name,.debtor-name{font-size:16px;font-weight:600}.owes-label{color:var(--text-secondary);font-size:14px}.net-amount{color:var(--brand-green);font-size:24px;font-weight:700}.net-debt-details{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:16px}.debt-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.debt-breakdown{display:flex;flex-direction:column;gap:4px}.bet-count,.breakdown-item{color:var(--text-secondary);font-size:13px}.bet-count{white-space:nowrap}@media (max-width:768px){.net-debt-header{flex-direction:column;gap:12px}.debt-flow,.net-debt-users{justify-content:center}.debt-flow{flex-wrap:wrap;text-align:center}.net-amount{font-size:20px}.net-debt-details{flex-direction:column;gap:12px;text-align:center}.debt-info{align-items:center}}.batch-payment-modal{max-height:90vh;max-width:var(--modal-width-xl);overflow-y:auto}.batch-payment-modal .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.batch-payment-modal .close-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.batch-payment-modal .close-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.payment-summary-section{background-color:var(--bg-secondary);border-radius:12px;margin-bottom:24px;padding:24px}.payment-flow{gap:24px;justify-content:space-between}.payment-party{flex:1 1;text-align:center}.party-avatar{align-items:center;background-color:var(--brand-green);border-radius:50%;color:var(--bg-primary);display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin:0 auto 12px;width:60px}.party-name{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:4px}.party-label{color:var(--text-secondary);font-size:14px}.payment-arrow-container{align-items:center;display:flex;flex-direction:column;gap:8px}.payment-arrow-container .payment-arrow{color:var(--brand-green);font-size:32px}.payment-total{color:var(--brand-green);font-size:24px;font-weight:700}.debt-breakdown-section{margin-bottom:24px}.debt-breakdown-section h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:16px}.debt-items{display:flex;flex-direction:column;gap:16px;margin-top:16px}.debt-direction-group{background-color:var(--bg-secondary);border-radius:8px;padding:16px}.direction-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.direction-label{font-size:14px}.direction-label,.direction-total{color:var(--text-primary);font-weight:600}.direction-total{font-size:16px}.batch-debt-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.debt-game-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.bet-type{color:var(--text-secondary)}.batch-debt-item .debt-amount{font-size:16px;font-weight:600;white-space:nowrap}.batch-debt-item .debt-amount.lost{color:var(--error-color)}.batch-debt-item .debt-amount.won{color:var(--brand-green)}.net-payment-summary{align-items:center;background-color:var(--brand-green-alpha);border:1px solid var(--brand-green);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.net-label{color:var(--text-primary);font-size:16px;font-weight:600}.net-payment-summary .net-amount{color:var(--brand-green);font-size:20px;font-weight:700}@media (max-width:480px){.payment-flow{flex-direction:column;gap:16px}.payment-arrow-container{margin:0 -20px;transform:rotate(90deg)}.party-avatar{height:50px;width:50px}.party-avatar,.payment-total{font-size:20px}}.expand-icon{display:inline-block}.expand-icon.expanded{transform:rotate(180deg)}.expanded-debts{background-color:var(--bg-secondary);border-radius:0 0 12px 12px;border-top:1px solid var(--border-color);margin:0 -20px -20px;padding:20px}.expanded-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.expanded-header h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.individual-bets-list{display:flex;flex-direction:column;gap:12px}.individual-bet-item{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:12px}.bet-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.bet-matchup{color:var(--text-primary);font-size:14px;font-weight:500}.bet-meta{color:var(--text-secondary);font-size:12px}.bet-meta,.bet-right{display:flex;gap:12px}.bet-right{align-items:center}.bet-amount{font-size:16px;font-weight:600}.bet-amount.positive{color:var(--brand-green)}.bet-amount.negative{color:var(--error-color)}@media (max-width:480px){.expanded-header,.individual-bet-item{align-items:stretch;flex-direction:column;gap:12px}.bet-right{justify-content:space-between}}.error-modal{max-width:480px}.error-modal .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.error-modal h2{color:var(--error-color);margin:0}.error-modal .close-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.error-modal .close-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.error-message{color:var(--text-primary);font-size:16px;line-height:1.5;padding:16px 0}.settled-summary-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;padding:20px;transition:all .2s ease}.settled-summary-card:hover{border-color:var(--brand-green);box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-2px)}.settled-summary-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.settled-user-info{align-items:center;display:flex;gap:12px}.settled-user-info .user-avatar{align-items:center;background-color:var(--brand-green);border-radius:50%;color:var(--bg-primary);display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.settled-user-info .user-name{color:var(--text-primary);font-size:18px;font-weight:600}.settled-amounts{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.amount-row{align-items:center;display:flex;gap:12px}.amount-label{color:var(--text-secondary);font-size:14px}.amount-value{font-family:monospace;font-size:16px;font-weight:600}.amount-value.positive{color:var(--brand-green)}.amount-value.negative{color:var(--error-color)}.net-row{border-top:1px solid var(--border-color);margin-top:4px;padding-top:8px}.net-row .amount-label{color:var(--text-primary);font-weight:600}.net-row .amount-value{font-size:18px;font-weight:700}.settled-summary-card .settled-meta{align-items:center;border-top:1px solid var(--border-color);color:var(--text-tertiary);display:flex;font-size:13px;justify-content:space-between;padding-top:16px}.transaction-count{color:var(--text-secondary)}@media (max-width:480px){.settled-summary-header{flex-direction:column;gap:16px}.settled-amounts{align-items:flex-start;width:100%}.amount-row{justify-content:space-between;width:100%}.settled-summary-card .settled-meta{align-items:flex-start;flex-direction:column;gap:8px}}.payment-card{background-color:var(--container-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;overflow:hidden}.payment-header{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:16px 20px;transition:background-color .2s ease}.payment-header:hover{background-color:var(--hover-bg)}.payment-parties{align-items:center;display:flex;flex:1 1;gap:16px}.payee-info,.payer-info,.payment-flow{align-items:center;display:flex;gap:8px}.payment-flow{color:var(--text-secondary)}.payment-flow .arrow{font-size:14px}.payment-amount{color:var(--brand-green);font-size:18px;font-weight:600}.payment-meta{align-items:flex-end;color:var(--text-tertiary);display:flex;flex-direction:column;font-size:13px;gap:4px}.payment-method{color:var(--text-secondary);text-transform:capitalize}.settled-by{font-style:italic}.expand-icon{color:var(--text-tertiary);font-size:12px;transition:transform .2s ease}.payment-debts{background-color:var(--background);border-top:1px solid var(--border-color);padding:20px}.debts-header h4{color:var(--text-secondary);font-size:14px;font-weight:600;margin:0 0 16px}.debt-list{display:flex;flex-direction:column;gap:12px}.debt-item{align-items:center;background-color:var(--container-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.debt-game{display:flex;flex-direction:column;gap:4px}.game-teams{color:var(--text-primary);font-size:14px}.bet-type{color:var(--text-tertiary);font-size:12px;text-transform:capitalize}.debt-amount{color:var(--text-primary);font-size:16px;font-weight:600}.no-debts{color:var(--text-tertiary);font-style:italic;padding:24px;text-align:center}.payment-comments{background-color:rgba(var(--brand-green-rgb),.1);border-radius:8px;color:var(--text-secondary);font-size:14px;margin-top:16px;padding:12px 16px}.payment-comments strong{color:var(--text-primary)}.loading-state{color:var(--text-tertiary);padding:48px;text-align:center}@media (max-width:768px){.payment-header{align-items:flex-start;flex-direction:column}.payment-parties{justify-content:space-between;width:100%}.payment-meta{align-items:flex-start;width:100%}.expand-icon{align-self:center}}.payment-card.reversed{border-color:var(--error-color);opacity:.7}.payment-card.reversed .payment-header{background-color:#ff453a0d}.payment-card.reversed .payment-amount{color:var(--text-secondary);text-decoration:line-through}.reversed-badge{background-color:var(--error-color);border-radius:4px;color:#fff;font-size:11px;letter-spacing:.5px;padding:2px 8px}.reversal-info{background-color:#ff453a1a;border:1px solid var(--error-color);border-radius:8px;margin-top:16px;padding:16px}.reversal-info h4{color:var(--error-color);font-size:14px;font-weight:600;margin:0 0 12px}.reversal-details p{color:var(--text-primary);font-size:14px;margin:8px 0}.reversal-details strong{color:var(--text-secondary);font-weight:500}.stats-container{display:flex;flex-direction:column;gap:24px}.stats-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.stats-header h2{color:var(--text-primary);font-size:24px;font-weight:700}.date-range-selector{align-items:center;display:flex;gap:12px}.date-range-select{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 16px;transition:border-color .2s ease}.date-range-select:focus{border-color:var(--brand-green);outline:none}.custom-date-inputs{align-items:center;animation:fadeIn .2s ease;display:flex;gap:8px}.date-input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:8px 12px}.date-input:focus{border-color:var(--brand-green);outline:none}.date-separator{color:var(--text-tertiary);font-size:14px}.group-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-stat{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center}.stat-label{margin-bottom:8px}.stat-value{color:var(--brand-green);font-size:32px;font-weight:700}.savings-stat{position:relative}.info-icon{color:var(--text-secondary);cursor:pointer;margin-left:6px;transition:color .2s ease;vertical-align:middle}.info-icon:hover,.savings-value{color:var(--brand-green)}.savings-value{font-weight:700}.savings-help{animation:fadeIn .2s ease;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);color:var(--text-primary);font-size:13px;left:0;line-height:1.4;margin-top:8px;padding:12px;position:absolute;right:0;text-align:left;top:100%;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.stats-grid-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;overflow-x:auto}.stats-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1.5fr 1fr;min-width:650px}.grid-cell{align-items:center;border-right:1px solid var(--border-color);display:flex;font-size:14px;padding:12px 16px;transition:background-color .2s ease}.grid-cell:last-child{border-right:none}.grid-header{background-color:var(--bg-tertiary);border-bottom:2px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.grid-header:hover{color:var(--text-primary)}.grid-cell:not(.grid-header){border-top:1px solid var(--border-color);color:var(--text-primary)}.grid-cell:not(.grid-header):hover{background-color:var(--hover-bg)}.grid-cell.current-user{background-color:var(--brand-green-alpha)}.sort-icon{color:var(--brand-green);font-size:12px;margin-left:4px}.center{justify-content:center}.right{justify-content:flex-end}.member-cell{align-items:center;display:flex;gap:8px}.rank{color:var(--text-tertiary);font-size:12px;font-weight:500}.member-name{color:var(--text-primary);font-weight:500}.active-bets{font-weight:600}.active-bets.has-active{color:var(--warning-color)}.win-rate{font-weight:600}.win-rate.positive{color:var(--brand-green)}.win-rate.negative{color:var(--error-color)}.profit{font-size:15px;font-weight:700}.profit.positive{color:var(--brand-green)}.profit.negative{color:var(--error-color)}.roi{font-weight:600}.roi.positive{color:var(--brand-green)}.roi.negative{color:var(--error-color)}.stats-footer{text-align:center}.stats-note{color:var(--text-tertiary);font-size:13px;font-style:italic}@media (max-width:1024px){.stats-grid-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.stats-grid{min-width:650px}}@media (max-width:768px){.stats-header{align-items:stretch;flex-direction:column}.date-range-selector{flex-direction:column;gap:8px}.date-range-select{width:100%}.custom-date-inputs{justify-content:space-between;width:100%}.group-summary{grid-template-columns:1fr}.grid-cell{font-size:12px;padding:10px 8px}.grid-header{font-size:11px}.member-cell{align-items:flex-start;flex-direction:column;gap:2px}}@media (max-width:480px){.stat-value{font-size:24px}.stats-grid{min-width:550px}.grid-cell{font-size:11px;padding:8px 6px}}.coming-soon-container{margin:0 auto;max-width:1000px}.coming-soon-header{margin-bottom:48px;text-align:center}.coming-soon-header h2{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:16px}.subtitle{color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0 auto;max-width:600px}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:48px}.feature-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s ease}.feature-card:hover{border-color:var(--brand-green);box-shadow:0 8px 24px var(--shadow-color);transform:translateY(-4px)}.feature-icon{animation:bounce 2s infinite;display:inline-block;font-size:48px;margin-bottom:16px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-card:hover .feature-icon{animation-play-state:paused}.feature-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:12px}.feature-description{color:var(--text-secondary);font-size:14px;line-height:1.5}.coming-soon-footer{margin-top:64px}.feedback-section{background-color:var(--card-bg);border:2px solid var(--brand-green);border-radius:16px;overflow:hidden;padding:40px;position:relative;text-align:center}.feedback-section:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,var(--brand-green-alpha) 0,#0000 70%);content:"";height:200%;opacity:.3;position:absolute;right:-50%;top:-50%;width:200%}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:.1;transform:scale(1.2)}}.feedback-section h3{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:12px;position:relative;z-index:1}.feedback-section p{color:var(--text-secondary);font-size:16px;margin-bottom:24px}.feedback-section .btn,.feedback-section p{position:relative;z-index:1}@media (max-width:768px){.coming-soon-header h2{font-size:24px}.features-grid{gap:16px;grid-template-columns:1fr}.feature-card{padding:20px}.feature-icon{font-size:36px}.feedback-section{padding:24px}}@media (max-width:480px){.subtitle{font-size:14px}.feature-title{font-size:16px}.feedback-section h3{font-size:20px}}.settings-layout{background:var(--color-bg-primary);display:flex;min-height:100%}.settings-sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border-default);flex-shrink:0;padding:var(--spacing-layout-lg) 0;width:280px}.settings-sidebar-header{border-bottom:1px solid var(--color-border-default);margin-bottom:var(--spacing-layout-lg);padding:0 var(--spacing-layout-lg) var(--spacing-layout-lg) var(--spacing-layout-lg)}.settings-sidebar-header h2{color:var(--color-text-primary);font-size:var(--font-size-beta);font-weight:var(--font-weight-semibold);margin:0}.settings-nav{display:flex;flex-direction:column;gap:var(--spacing-component-sm);padding:0 var(--spacing-default)}.settings-nav-item{align-items:center;border:1px solid #0000;border-radius:var(--border-radius-md);color:var(--color-text-secondary);display:flex;gap:var(--spacing-default);padding:var(--spacing-default);text-decoration:none;transition:all var(--transition-default)}.settings-nav-item:hover{background:var(--color-surface-hover);border-color:var(--color-border-light);color:var(--color-text-primary)}.settings-nav-item.active{background:var(--color-brand-primary-alpha-10);border-color:var(--color-brand-primary-alpha-20);color:var(--color-brand-primary)}.settings-nav-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.settings-nav-content{flex:1 1;min-width:0}.settings-nav-label{font-size:var(--font-size-eta);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-component-xs)}.settings-nav-description{color:var(--color-text-tertiary);font-size:var(--font-size-theta);line-height:var(--line-height-default)}.settings-nav-item.active .settings-nav-description{color:var(--color-brand-primary);opacity:.7}.settings-nav-item.admin-nav{background:#ff95001a;border:2px solid var(--color-warning);color:var(--color-warning)}.settings-nav-item.admin-nav:hover{background:#ff950026;border-color:var(--color-warning);color:var(--color-warning)}.settings-nav-item.admin-nav.active{background:#ff950033;border-color:var(--color-warning);color:var(--color-warning)}.settings-nav-item.admin-nav .settings-nav-icon,.settings-nav-item.admin-nav .settings-nav-label{color:var(--color-warning)}.settings-nav-item.admin-nav .settings-nav-description{color:var(--color-warning);opacity:.7}.settings-nav-item.admin-nav.active .settings-nav-description{color:var(--color-warning);opacity:.8}.settings-main{flex:1 1;overflow-y:auto;padding:var(--spacing-layout-lg)}.settings-page{margin:0 auto;max-width:800px}.settings-header{margin-bottom:var(--spacing-layout-lg)}.settings-header h2{color:var(--color-text-primary);font-size:var(--font-size-alpha);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-component-sm) 0}.settings-header p{color:var(--color-text-secondary);font-size:var(--font-size-zeta);margin:0}.settings-content{display:flex;flex-direction:column;gap:var(--spacing-layout-lg)}.settings-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-lg);box-shadow:0 1px 3px var(--color-shadow-default);padding:var(--spacing-layout-lg);transition:all var(--transition-default)}.settings-section:hover{border-color:var(--color-border-light);box-shadow:0 2px 6px var(--color-shadow-elevated)}.settings-section h3{color:var(--color-text-primary);font-size:var(--font-size-gamma);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-default) 0}@media (max-width:768px){.settings-layout{flex-direction:column}.settings-sidebar{padding:var(--spacing-default) 0;width:100%}.settings-nav{flex-direction:row;overflow-x:auto;padding:0 var(--spacing-default)}.settings-nav-item{flex-shrink:0;min-width:200px}.settings-main{padding:var(--spacing-default)}.settings-header h2{font-size:var(--font-size-beta)}.settings-section{padding:var(--spacing-comfortable)}}.form-label{color:var(--color-text-primary);font-size:var(--font-size-eta);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-component-sm)}.form-label .required{color:var(--color-error);margin-left:var(--spacing-component-xs)}.form-error{color:var(--color-error)}.form-error,.form-helper{font-size:var(--font-size-theta);margin-top:var(--spacing-component-sm)}.form-helper{color:var(--color-text-tertiary)}.form-input{background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-comfortable);padding:var(--spacing-default);transition:all var(--transition-default)}.form-input:hover:not(.disabled){background:var(--color-bg-secondary);border-color:var(--color-border-light)}.form-input-field{background:var(--color-bg-secondary);border:2px solid var(--color-border-default);border-radius:var(--border-radius-md);box-shadow:0 1px 3px var(--color-shadow-default);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-zeta);margin-top:var(--spacing-component-sm);padding:var(--spacing-component-md) var(--spacing-default);transition:all var(--transition-default);width:100%}.form-input-field:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-border-light)}.form-input-field:focus{background:var(--color-bg-primary);border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-primary-alpha-10),0 1px 3px var(--color-shadow-default);outline:none}.form-input.error .form-input-field{background:var(--color-bg-secondary);border-color:var(--color-error)}.form-input.error .form-input-field:focus{background:var(--color-bg-primary);border-color:var(--color-error);box-shadow:0 0 0 3px #ff3b301a,0 1px 3px var(--color-shadow-default)}.form-input.disabled .form-input-field{background:var(--color-surface-disabled);border-color:var(--color-border-disabled);color:var(--color-text-tertiary);cursor:not-allowed;opacity:var(--color-disabled-opacity)}.form-select{background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-comfortable);padding:var(--spacing-default);transition:all var(--transition-default)}.form-select:hover:not(.disabled){background:var(--color-bg-secondary);border-color:var(--color-border-light)}.form-select-wrapper{position:relative}.form-select-field{-webkit-appearance:none;appearance:none;background:var(--color-bg-secondary);border:2px solid var(--color-border-default);border-radius:var(--border-radius-md);box-shadow:0 1px 3px var(--color-shadow-default);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-zeta);margin-top:var(--spacing-component-sm);padding:var(--spacing-component-md) var(--spacing-default);padding-right:2.5rem;transition:all var(--transition-default);width:100%}.form-select-field:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-border-light)}.form-select-field:focus{background:var(--color-bg-primary);border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-primary-alpha-10),0 1px 3px var(--color-shadow-default);outline:none}.form-select-icon{color:var(--color-text-tertiary);pointer-events:none;position:absolute;right:var(--spacing-default);top:50%;transform:translateY(-50%);transition:color var(--transition-default)}.form-select-field:focus+.form-select-icon{color:var(--color-brand-primary)}.form-select.error .form-select-field{background:var(--color-bg-secondary);border-color:var(--color-error)}.form-select.error .form-select-field:focus{background:var(--color-bg-primary);border-color:var(--color-error);box-shadow:0 0 0 3px #ff3b301a,0 1px 3px var(--color-shadow-default)}.form-select.disabled .form-select-field{background:var(--color-surface-disabled);border-color:var(--color-border-disabled);color:var(--color-text-tertiary);cursor:not-allowed;opacity:var(--color-disabled-opacity)}.form-toggle{background:var(--color-bg-primary);border:2px solid var(--color-border-default);border-radius:var(--border-radius-lg);box-shadow:0 2px 4px var(--color-shadow-default);margin-bottom:var(--spacing-comfortable);padding:var(--spacing-layout-md);transition:all var(--transition-default)}.form-toggle:hover:not(.disabled){background:var(--color-bg-secondary);border-color:var(--color-border-light);box-shadow:0 3px 6px var(--color-shadow-elevated)}.form-toggle-content{align-items:flex-start;display:flex;gap:var(--spacing-default);justify-content:space-between}.form-toggle-info{flex:1 1}.form-toggle-label{color:var(--color-text-primary);cursor:pointer;display:block;font-size:var(--font-size-zeta);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-component-xs)}.form-toggle-description{color:var(--color-text-secondary);font-size:var(--font-size-eta);line-height:var(--line-height-default)}.form-toggle-switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.form-toggle-switch input{height:0;opacity:0;width:0}.form-toggle-slider{background:linear-gradient(145deg,var(--color-surface-tertiary),var(--color-bg-secondary));border:3px solid var(--color-border-default);border-radius:28px;bottom:0;box-shadow:inset 0 2px 4px var(--color-shadow-default),0 1px 3px var(--color-shadow-subtle);cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all var(--transition-slow)}.form-toggle-slider:hover{background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-primary));border-color:var(--color-border-light);box-shadow:inset 0 2px 4px var(--color-shadow-default),0 0 0 3px var(--color-brand-primary-alpha-10),0 2px 6px var(--color-shadow-elevated)}.form-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;transition:all .3s ease;width:20px}.form-toggle-switch input:checked+.form-toggle-slider{background:linear-gradient(145deg,var(--color-brand-primary),var(--color-brand-primary-hover));border-color:var(--color-brand-primary);box-shadow:inset 0 2px 4px var(--color-shadow-default),0 0 0 3px var(--color-brand-primary-alpha-20),0 2px 6px var(--color-shadow-elevated)}.form-toggle-switch input:checked+.form-toggle-slider:before{background-color:#fff;box-shadow:0 2px 4px #0000004d;transform:translateX(24px)}.form-toggle.disabled{background:var(--color-surface-disabled);border-color:var(--color-border-disabled);opacity:var(--color-disabled-opacity);pointer-events:none}.form-button{align-items:center;border:2px solid #0000;border-radius:var(--border-radius-md);box-shadow:0 1px 3px var(--color-shadow-default);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);gap:var(--spacing-component-sm);justify-content:center;position:relative;text-decoration:none;transition:all var(--transition-default)}.form-button--primary{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-text-white)}.form-button--primary:hover:not(.disabled){background:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover);box-shadow:0 2px 6px var(--color-shadow-elevated);transform:translateY(-1px)}.form-button--secondary{background:var(--color-bg-secondary);border-color:var(--color-border-default);color:var(--color-text-primary)}.form-button--secondary:hover:not(.disabled){background:var(--color-bg-primary);border-color:var(--color-border-light);box-shadow:0 2px 6px var(--color-shadow-elevated);transform:translateY(-1px)}.form-button--danger{background:var(--color-error);border-color:var(--color-error);color:var(--color-text-white)}.form-button--danger:hover:not(.disabled){background:var(--color-error-hover);border-color:var(--color-error-hover);box-shadow:0 2px 6px var(--color-shadow-elevated);transform:translateY(-1px)}.form-button--small{font-size:var(--font-size-eta);padding:var(--spacing-component-sm) var(--spacing-default)}.form-button--medium{font-size:var(--font-size-zeta);padding:var(--spacing-component-md) var(--spacing-comfortable)}.form-button--large{font-size:var(--font-size-zeta);padding:var(--spacing-default) var(--spacing-layout-md)}.form-button.disabled{box-shadow:none!important;cursor:not-allowed;opacity:var(--color-disabled-opacity);transform:none!important}.form-button.loading{cursor:wait;opacity:.8}.form-button-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.form-button-text--loading{opacity:.7}.form-section{margin-bottom:var(--spacing-layout-md)}.form-section-title{color:var(--color-text-primary);font-size:var(--font-size-delta);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-default) 0}.form-section-description{color:var(--color-text-secondary);font-size:var(--font-size-zeta);line-height:var(--line-height-default);margin:0 0 var(--spacing-comfortable) 0}.form-actions{border-top:1px solid var(--color-border-default);gap:var(--spacing-default);margin-top:var(--spacing-layout-md);padding-top:var(--spacing-layout-md)}.form-actions.align-right{justify-content:flex-end}.form-actions.align-center{justify-content:center}.form-actions.space-between{justify-content:space-between}.phone-number-settings{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:24px;padding:24px}.setting-header{justify-content:space-between;margin-bottom:20px}.setting-header,.setting-title{align-items:center;display:flex}.setting-title{gap:8px}.setting-title h3{color:var(--color-text);font-size:18px;font-weight:600;margin:0}.verified-badge{align-items:center;color:var(--color-success);display:flex;font-size:14px;font-weight:500;gap:4px}.phone-display{margin-bottom:20px}.phone-number{color:var(--color-text);font-size:18px;font-weight:500;margin-bottom:16px}.phone-form{margin-bottom:20px}.form-group label,.form-input{color:var(--color-text)}.form-input{background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;font-size:16px;transition:border-color .2s}.form-input:focus{border-color:var(--color-primary)}.form-input:disabled{cursor:not-allowed;opacity:.6}.verification-input{font-size:24px;font-weight:600;letter-spacing:8px;max-width:150px;text-align:center}.help-text{color:var(--color-text-secondary);font-size:14px;margin-top:4px}.button-group{display:flex;gap:12px;margin-top:16px}.btn-danger,.btn-primary,.btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary{background:var(--color-primary);color:var(--color-background)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.5}.btn-secondary{background:#0000;border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn-danger{background:#0000;border:1px solid var(--color-error);color:var(--color-error)}.btn-danger:hover:not(:disabled){background:var(--color-error);color:#fff}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:14px;padding:8px 0;text-decoration:underline}.btn-link:hover:not(:disabled){opacity:.8}.btn-link:disabled{cursor:not-allowed;opacity:.5}.resend-btn{display:block;margin-top:12px}.alert{align-items:center;border-radius:4px;display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.alert-error{background:#ff3b301a;border:1px solid #ff3b3033;color:var(--color-error)}.alert-success{background:#34c7591a;border:1px solid #34c75933;color:var(--color-success)}.info-section{border-top:1px solid var(--color-border);margin-top:24px;padding-top:24px}.info-section h4{color:var(--color-text);font-size:16px;font-weight:600;margin:0 0 12px}.info-section ul{list-style-type:disc;margin:0;padding-left:20px}.info-section li{color:var(--color-text-secondary);font-size:14px;margin-bottom:8px}@media (max-width:768px){.phone-number-settings{padding:16px}.button-group{flex-direction:column}.btn-danger,.btn-primary,.btn-secondary{width:100%}}.settled-debts-table{margin-top:1rem}.search-container{margin-bottom:1rem}.search-row{align-items:center;display:flex;gap:.75rem}.search-input{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:14px;padding:.75rem}.search-input:focus{border-color:var(--primary)}.filter-toggle-btn{transition:all .2s}.filter-toggle-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.table-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.settled-debts-table table{border-collapse:collapse;width:100%}.settled-debts-table td,.settled-debts-table th{border-bottom:1px solid var(--border-color);padding:.75rem;text-align:left}.settled-debts-table th{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.settled-debts-table tbody tr.expanded,.settled-debts-table tbody tr:hover,.settled-debts-table th{background-color:var(--bg-tertiary)}.actions-cell{gap:.5rem;white-space:nowrap}.actions-cell,.expand-btn{align-items:center;display:flex}.expand-btn{background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:.25rem;transition:all .2s}.expand-btn:hover{background-color:var(--bg-tertiary);border-color:#3eff3e;color:#3eff3e}.undo-btn{align-items:center;background:#3eff3e;border:1px solid #3eff3e;border-radius:4px;color:#121212;cursor:pointer;display:flex;font-weight:500;justify-content:center;padding:.375rem .5rem;transition:all .2s}.undo-btn:hover:not(:disabled){background-color:#2ee02e;border-color:#2ee02e;box-shadow:0 2px 4px #3eff3e33;transform:translateY(-1px)}.undo-btn:disabled{cursor:not-allowed;opacity:.5}.undo-btn .spinner{animation:spin .8s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary);height:16px;width:16px}.expanded-row td{background-color:var(--bg-tertiary);padding:0}.expanded-content{display:flex;flex-wrap:wrap;gap:2rem;padding:1rem}.detail-section{flex:1 1;min-width:250px}.detail-section h4{color:var(--text-secondary);font-size:14px;font-weight:600;margin:0 0 .5rem}.detail-section p{font-size:14px;margin:.25rem 0}.detail-section strong{color:var(--text-secondary);font-weight:500}.reversal-info{background-color:var(--error-bg);border:1px solid var(--error);border-radius:4px;margin-top:.5rem;padding:.5rem}.reversed-badge{color:var(--error);font-size:12px;font-weight:600;text-transform:uppercase}.settled-debts-empty{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);padding:3rem 2rem;text-align:center}.settled-debts-empty p{font-size:16px;margin:0 0 .5rem}.settled-debts-empty .empty-hint{color:var(--text-tertiary);font-size:14px;margin:0}.no-results{color:var(--text-secondary);padding:2rem;text-align:center}[data-theme=dark] .search-input,[data-theme=dark] .table-container{background-color:#212121;border-color:#333}[data-theme=dark] .settled-debts-table tbody tr.expanded,[data-theme=dark] .settled-debts-table tbody tr:hover,[data-theme=dark] .settled-debts-table th{background-color:#1a1a1a}[data-theme=dark] .expand-btn,[data-theme=dark] .undo-btn{border-color:#333}[data-theme=dark] .expand-btn:hover,[data-theme=dark] .undo-btn:hover:not(:disabled){background-color:#1a1a1a;border-color:#3eff3e}[data-theme=dark] .expanded-row td{background-color:#1a1a1a}[data-theme=dark] .reversal-info{background-color:#ff453a1a;border-color:#ff453a}.undo-settlement-modal{max-width:600px;width:90%}.warning-section{background-color:var(--warning-bg);border:1px solid var(--warning);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.warning-text{color:var(--warning-text);font-weight:500;margin:0 0 .5rem}.warning-list{list-style-type:disc;margin:0;padding-left:1.5rem}.warning-list li{color:var(--warning-text);margin:.25rem 0}.batch-warning{color:var(--error);font-weight:600}.debt-details{margin-bottom:1.5rem}.debt-details h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 1rem}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.detail-grid>div{display:flex;flex-direction:column;gap:.25rem}.label{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.value{color:var(--text-primary);font-size:14px;font-weight:500}.reason-section{margin-bottom:1rem}.reason-label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.required{color:var(--error)}.reason-textarea{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:100px;padding:.75rem;resize:vertical;width:100%}.reason-textarea:focus{border-color:var(--primary);outline:none}.reason-textarea:disabled{cursor:not-allowed;opacity:.6}.char-count{color:var(--text-secondary);font-size:12px;margin-top:.25rem;text-align:right}.error-message{background-color:var(--error-bg);border:1px solid var(--error);color:var(--error);margin-bottom:1rem;padding:.75rem}[data-theme=dark] .warning-section{background-color:#ffc1071a;border-color:#ffc107}[data-theme=dark] .warning-list li,[data-theme=dark] .warning-text{color:#ffecb3}[data-theme=dark] .batch-warning{color:#ff6b6b}[data-theme=dark] .reason-textarea{background-color:#212121;border-color:#333}[data-theme=dark] .reason-textarea:focus{border-color:#3eff3e}[data-theme=dark] .error-message{background-color:#ff453a1a;border-color:#ff453a;color:#ff453a}@media (max-width:480px){.detail-grid{grid-template-columns:1fr}}.modal-footer{display:flex;gap:1rem;margin-top:1.5rem}.cancel-button{border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:.75rem;transition:all .2s}.cancel-button:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--text-secondary)}.confirm-button{background:#ff453a;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:.75rem;transition:all .2s}.confirm-button:hover:not(:disabled){background-color:#e63e34;box-shadow:0 2px 4px #ff453a33;transform:translateY(-1px)}.cancel-button:disabled,.confirm-button:disabled{cursor:not-allowed;opacity:.5}.odds-cache-settings{margin:0 auto;max-width:1200px;padding:20px}.odds-cache-settings.loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.settings-header{margin-bottom:30px}.settings-header h2{color:var(--text-primary);font-size:28px;font-weight:600;margin-bottom:10px}.message{animation:slideIn .3s ease;font-weight:500;padding:12px 20px}.message.success{background:#10b981;color:#fff}.message.error{background:#ef4444;color:#fff}.settings-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:24px}.settings-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:600;gap:8px;margin-bottom:20px}.usage-stats{grid-gap:24px;display:grid;gap:24px}.usage-chart{width:100%}.usage-bar{background:var(--bg-tertiary);border-radius:20px;height:40px;overflow:hidden;position:relative}.usage-fill{align-items:center;color:#fff;display:flex;font-weight:600;height:100%;justify-content:flex-end;padding-right:16px;transition:width .3s ease}.usage-labels{color:var(--text-secondary);display:flex;font-size:14px;justify-content:space-between;margin-top:8px}.usage-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.usage-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.usage-item .label{color:var(--text-secondary);font-size:14px}.usage-item .value{color:var(--text-primary);font-size:16px;font-weight:600}.settings-grid{grid-gap:24px;display:grid;gap:24px;margin-bottom:24px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{color:var(--text-primary);font-size:16px;font-weight:500}.input-group,.setting-item label{align-items:center;display:flex;gap:8px}.input-group input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:16px;max-width:150px;padding:10px 14px;transition:border-color .2s}.input-group input:focus{border-color:var(--brand-green);outline:none}.input-suffix{color:var(--text-secondary);font-size:14px}.setting-help{color:var(--text-secondary);font-size:13px;margin:0}.toggle-switch{display:inline-block;height:24px;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}input:checked+.toggle-slider{background-color:var(--brand-green);border-color:var(--brand-green)}input:checked+.toggle-slider:before{transform:translateX(26px)}.save-button{background:var(--brand-green);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.save-button:hover{box-shadow:0 4px 12px #3eff3e4d;transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.cache-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;padding:16px}.stat-label{color:var(--text-secondary);font-size:14px;margin-bottom:4px}.stat-value{color:var(--text-primary);font-size:24px;font-weight:600}.stat-value.success{color:#10b981}.stat-value.warning{color:#fbbf24}.stat-value.error{color:#ef4444}.sport-cache-details{margin-top:24px}.sport-cache-details h4{color:var(--text-primary);font-size:16px;font-weight:500;margin-bottom:12px}.sport-list{display:flex;flex-direction:column;gap:8px}.sport-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;font-size:14px;padding:12px}.sport-name{color:var(--text-primary);flex:1 1;font-weight:500}.game-count{color:var(--text-secondary);margin-right:16px}.sport-item .status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.sport-item .status.success{background:#10b98120;color:#10b981}.sport-item .status.error{background:#ef444420;color:#ef4444}.action-buttons{flex-wrap:wrap;gap:16px}.action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.action-button.force-refresh{background:#6366f1;color:#fff}.action-button.force-refresh:hover{background:#4f46e5;transform:translateY(-1px)}.action-button.clear-cache{background:#ef4444;color:#fff}.action-button.clear-cache:hover{background:#dc2626;transform:translateY(-1px)}.action-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.action-button svg.spinning{animation:spin 1s linear infinite}.usage-table{overflow-x:auto}.table-header,.table-row{grid-gap:16px;display:grid;font-size:14px;gap:16px;grid-template-columns:1fr 1fr 1fr 1fr;padding:12px 16px}.table-header{color:var(--text-secondary);font-weight:600;margin-bottom:8px}.table-header,.table-row{background:var(--bg-tertiary);border-radius:8px}.table-row{border:1px solid var(--border-color);color:var(--text-primary);margin-bottom:4px}.table-row:hover{background:var(--bg-hover)}.spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--brand-green);height:40px;width:40px}@media (max-width:768px){.odds-cache-settings,.settings-section{padding:16px}.usage-details{grid-template-columns:1fr}.cache-stats{grid-template-columns:1fr 1fr}.action-buttons{flex-direction:column}.action-button{justify-content:center;width:100%}.table-header,.table-row{font-size:12px;gap:8px}}.group-management{background:var(--color-bg-secondary);border-radius:var(--border-radius-lg);margin-top:var(--spacing-comfortable);padding:var(--spacing-comfortable)}.group-management-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-default);justify-content:space-between;margin-bottom:var(--spacing-comfortable)}.group-management-header h3{color:var(--color-text-primary);font-size:var(--font-size-delta);margin:0}.group-filters{align-items:center;display:flex;gap:var(--spacing-default)}.search-input{background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-eta);min-width:200px;padding:8px 12px}.search-input:focus{border-color:var(--color-brand-primary);outline:none}.checkbox-label{align-items:center;color:var(--color-text-secondary);font-size:var(--font-size-eta);gap:8px}.groups-table{margin-top:var(--spacing-default);overflow-x:auto}.groups-table table{border-collapse:collapse;width:100%}.groups-table th{background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-align:left}.groups-table td,.groups-table th{border-bottom:1px solid var(--color-border-default);font-size:var(--font-size-eta);padding:12px}.groups-table td{color:var(--color-text-primary)}.groups-table tr:hover{background:var(--color-surface-hover)}.groups-table tr.deleted-group{opacity:.7}.group-name{align-items:center;display:flex;gap:8px}.deleted-tag{color:var(--color-error);font-size:var(--font-size-theta)}.stat-cell{gap:4px}.invite-code-cell,.stat-cell{align-items:center;display:flex}.invite-code-cell{gap:6px}.invite-code{background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);font-family:monospace;font-size:var(--font-size-theta);padding:4px 8px}.copy-button,.invite-code{border:1px solid var(--color-border-default);color:var(--color-text-secondary)}.copy-button{align-items:center;background:#0000;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.copy-button:hover{border-color:var(--color-brand-primary)}.code-display,.copy-button:hover{background:var(--color-bg-tertiary);color:var(--color-brand-primary)}.code-display{border-radius:var(--border-radius-sm);font-family:monospace;font-size:var(--font-size-eta);padding:2px 6px}.active-status{color:var(--color-success);font-weight:var(--font-weight-medium)}.deleted-info{color:var(--color-text-tertiary)}.deleted-info,.deletion-date{font-size:var(--font-size-theta)}.deletion-date{margin-top:2px}.deletion-reason{font-style:italic;margin-top:4px}.action-buttons{align-items:center;display:flex;gap:8px}.delete-button,.invite-button{align-items:center;background:#0000;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;justify-content:center;padding:6px 8px;transition:all .2s ease}.invite-button{border:1px solid var(--color-brand-primary);color:var(--color-brand-primary)}.invite-button:hover{background:var(--color-brand-primary);color:var(--color-bg-primary)}.delete-button{border:1px solid var(--color-error);color:var(--color-error)}.delete-button:hover{background:var(--color-error);color:#fff}.no-groups{color:var(--color-text-tertiary);padding:40px;text-align:center}.modal-overlay{background:#000c}.modal-content{background:var(--color-bg-secondary);max-width:500px}.modal-content h2{margin:0 0 var(--spacing-default) 0}.error-message,.success-message,.warning-message{border-radius:var(--border-radius-md);display:flex;gap:12px;margin-bottom:var(--spacing-default);padding:var(--spacing-default)}.warning-message{background:var(--color-warning-alpha-10);border:1px solid var(--color-warning);color:var(--color-warning)}.error-message{background:#ff3b301a;border:1px solid var(--color-error);color:var(--color-error)}.success-message{background:#00d9641a;border:1px solid var(--color-success);color:var(--color-success)}.error-message ul,.warning-message ul{margin:8px 0 0 20px;padding:0}.form-group label{margin-bottom:8px}.form-group .required{color:var(--color-error)}.form-group input[type=email],.form-group input[type=text],.form-group textarea{background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-eta);padding:10px;width:100%}.form-group textarea{resize:vertical}.form-group input[type=email]:focus,.form-group input[type=text]:focus,.form-group textarea:focus{border-color:var(--color-brand-primary);outline:none}.info-message{background:var(--color-info-alpha-10);border:1px solid var(--color-info);border-radius:var(--border-radius-md);color:var(--color-info);display:flex;gap:12px;margin-bottom:var(--spacing-default);padding:var(--spacing-default)}.info-message ul{margin:8px 0 0 20px;padding:0}.cancel-button,.delete-confirm-button,.primary-button{border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-eta);font-weight:var(--font-weight-medium);padding:10px 20px;transition:all .2s ease}.cancel-button{background:#0000;border:1px solid var(--color-border-default);color:var(--color-text-secondary)}.cancel-button:hover:not(:disabled){background:var(--color-surface-hover)}.delete-confirm-button{background:var(--color-error);border:none;color:#fff}.delete-confirm-button:hover:not(:disabled){background:#d70015}.primary-button{background:var(--color-brand-primary);border:none;color:var(--color-bg-primary)}.primary-button:hover:not(:disabled){opacity:.9}.cancel-button:disabled,.delete-confirm-button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.5}.loading{color:var(--color-text-tertiary);padding:40px;text-align:center}@media (max-width:768px){.group-management-header{align-items:flex-start;flex-direction:column}.group-filters{flex-direction:column;width:100%}.search-input{width:100%}.groups-table{font-size:var(--font-size-theta)}.groups-table td,.groups-table th{padding:8px}.stat-cell{align-items:flex-start;flex-direction:column;gap:2px}.invite-code{font-size:10px;padding:2px 4px}.copy-button{padding:2px}.modal-content{padding:var(--spacing-default)}}.feature-flags-tab{max-width:800px}.section{background:var(--container-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:40px;padding:24px}.section-header{gap:8px;margin-bottom:8px}.section-header h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.section-description{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.feature-flags-list{display:flex;flex-direction:column;gap:16px}.feature-flag-item{align-items:center;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.feature-flag-info{flex:1 1}.feature-flag-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.feature-flag-name{color:var(--text-primary);font-weight:500}.feature-flag-description{color:var(--text-secondary);font-size:14px;margin:0}.group-selector{display:flex;gap:12px;margin-bottom:24px}.group-search{flex:1 1}.group-dropdown,.group-search{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 14px}.group-dropdown{cursor:pointer;flex:2 1}.group-overrides{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:20px}.group-overrides h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.override-flags-list{display:flex;flex-direction:column;gap:12px}.override-flag-item{align-items:center;background:var(--container-bg);border:1px solid var(--border-color);border-radius:6px;display:flex;justify-content:space-between;padding:12px}.override-flag-info{flex:1 1}.override-flag-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.override-flag-name{color:var(--text-primary);font-size:14px;font-weight:500}.override-badge{background:var(--primary-color);border-radius:4px;color:var(--bg-color);font-size:11px;font-weight:500;padding:2px 8px;text-transform:uppercase}.override-flag-status{color:var(--text-secondary);font-size:13px;margin:0}.override-controls{align-items:center;display:flex}.override-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;min-width:160px;padding:6px 10px}.message{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.message.success{background:#3eff3e1a;border:1px solid #3eff3e33;color:var(--primary-color)}.message.error{background:#ff3e3e1a;border:1px solid #ff3e3e33;color:#ff3e3e}.feature-flags-footer{margin-top:24px}.info-text{font-size:14px;gap:8px;margin:0}.info-text,.loading-spinner{align-items:center;color:var(--text-secondary);display:flex}.loading-spinner{justify-content:center;padding:40px}@media (max-width:768px){.group-selector{flex-direction:column}.feature-flag-item,.override-flag-item{align-items:flex-start;flex-direction:column;gap:12px}.override-controls,.override-select{width:100%}}.notification-settings{margin:0 auto;max-width:900px;padding:2rem}.notification-settings-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:400px}.notification-settings-loading .spinner{animation:spin 1s linear infinite;border:3px solid var(--bg-container);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:1rem;width:40px}.master-controls{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.master-control{align-items:center;background:var(--bg-container);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.master-control-icon{align-items:center;background:var(--bg-secondary);border-radius:10px;color:#3eff3e;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.master-control-info{flex:1 1}.master-control-info h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.master-control-info p{color:var(--text-secondary);font-size:.875rem;margin:0}.toggle-switch{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:14px;cursor:pointer;flex-shrink:0;height:28px;padding:0;position:relative;transition:all .3s ease;width:48px}.toggle-switch:hover:not(.disabled){border-color:#3eff3e}.toggle-switch.active{background:#3eff3e;border-color:#3eff3e}.toggle-switch.disabled{cursor:not-allowed;opacity:.5}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.toggle-switch.active .toggle-slider{transform:translateX(20px)}.notification-table-container{background:var(--bg-container);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;overflow:hidden}.notification-table{border-collapse:collapse;width:100%}.notification-table th{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem;font-weight:600;padding:1rem;text-align:left}.channel-header-cell{text-align:center!important;width:120px}.channel-header-cell svg{display:inline-block;margin-right:.5rem;vertical-align:middle}.category-row td{background:var(--bg-secondary);color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-transform:uppercase}.notification-row td{border-bottom:1px solid var(--border-color);padding:1rem}.notification-row:last-child td{border-bottom:none}.notification-info{padding-right:2rem}.notification-label{color:var(--text-primary);font-weight:500;margin-bottom:.25rem}.notification-description{color:var(--text-secondary);font-size:.875rem}.toggle-cell{text-align:center;width:120px}.separator-row td{background:var(--border-color);height:1px;padding:0}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.settings-message{align-items:center;border-radius:8px;display:flex;font-size:.875rem;gap:.5rem;margin-top:1rem;padding:1rem}.settings-message.success{background:var(--success-bg);border:1px solid var(--success);color:var(--success)}.settings-message.error{background:var(--error-bg);border:1px solid var(--error);color:var(--error)}.settings-message.info{background:var(--info-bg);border:1px solid var(--info);color:var(--info)}@media (max-width:768px){.notification-settings{padding:1rem}.master-controls{gap:1rem;grid-template-columns:1fr}.notification-table-container{overflow-x:auto}.notification-table{min-width:500px}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media (prefers-color-scheme:dark){.master-control{background:#1a1a1a;border-color:#333}.master-control-icon,.toggle-switch{background:#262626}.toggle-switch{border-color:#444}.notification-table-container{background:#1a1a1a;border-color:#333}.notification-table th{background:#262626;border-color:#333}.category-row td{background:#262626}.notification-row td{border-color:#333}.separator-row td{background:#333}}.group-invite-container{align-items:center;background:var(--color-bg-primary);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-layout-lg)}.group-invite-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-lg);box-shadow:0 4px 12px var(--color-shadow-elevated);max-width:500px;padding:var(--spacing-layout-xl);text-align:center;width:100%}.group-invite-card.error{background:var(--color-error-alpha-10);border-color:var(--color-error)}.group-invite-card h1{color:var(--color-text-primary);font-size:var(--font-size-alpha);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-layout-md) 0}.group-info{background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);margin:var(--spacing-layout-md) 0;padding:var(--spacing-layout-md)}.group-info h2{color:var(--color-brand-primary);font-size:var(--font-size-beta);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-component-sm) 0}.inviter{color:var(--color-text-secondary);font-size:var(--font-size-zeta);margin:0 0 var(--spacing-component-xs) 0}.member-count{color:var(--color-text-tertiary);font-size:var(--font-size-eta);margin:0}.zerojuice-info{margin:var(--spacing-layout-md) 0;text-align:left}.zerojuice-info h3{color:var(--color-text-primary);font-size:var(--font-size-epsilon);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-default) 0;text-align:center}.zerojuice-info ul{list-style:none;margin:0;padding:0}.zerojuice-info li{color:var(--color-text-secondary);font-size:var(--font-size-eta);margin-bottom:var(--spacing-component-sm);padding-left:var(--spacing-default);position:relative}.zerojuice-info li:before{color:var(--color-brand-primary);content:"✓";font-weight:var(--font-weight-semibold);left:0;position:absolute}.zerojuice-info strong{color:var(--color-text-primary)}.btn{border:2px solid #0000;box-shadow:0 1px 3px var(--color-shadow-default);font-size:var(--font-size-zeta);font-weight:var(--font-weight-medium);justify-content:center;padding:var(--spacing-component-md) var(--spacing-layout-md);text-decoration:none}.btn-primary{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-text-white)}.btn-primary:hover:not(:disabled){background:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover);box-shadow:0 2px 6px var(--color-shadow-elevated);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:var(--color-disabled-opacity);transform:none}.btn-large{font-size:var(--font-size-epsilon);margin:var(--spacing-layout-md) 0;padding:var(--spacing-default) var(--spacing-layout-lg)}.invite-expires{color:var(--color-text-tertiary);font-size:var(--font-size-theta);margin-top:var(--spacing-layout-md)}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--color-border-default);border:3px solid var(--color-border-default);border-radius:50%;border-top-color:var(--color-brand-primary);height:40px;margin:0 auto var(--spacing-default) auto;width:40px}@media screen and (max-width:640px){.group-invite-container{padding:var(--spacing-default)}.group-invite-card{padding:var(--spacing-layout-lg)}.group-invite-card h1{font-size:var(--font-size-beta)}.group-info h2{font-size:var(--font-size-gamma)}}.notifications-page{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:800px;padding:var(--spacing-layout-md)}.notifications-header{align-items:center;border-bottom:1px solid var(--color-border-default);display:flex;justify-content:space-between;margin-bottom:var(--spacing-layout-md);padding-bottom:var(--spacing-default)}.header-title{align-items:center;display:flex;gap:var(--spacing-component-md)}.header-title h1{color:var(--color-text-primary);font-size:var(--font-size-delta);font-weight:var(--font-weight-semibold);margin:0}.admin-badge{background:var(--color-brand-primary);border-radius:var(--border-radius-sm);color:var(--color-text-white);font-size:var(--font-size-theta);font-weight:var(--font-weight-medium);padding:2px var(--spacing-component-xs)}.header-actions{gap:var(--spacing-component-sm)}.admin-toggle,.bulk-select-btn,.mark-all-read-btn{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-eta);font-weight:var(--font-weight-medium);gap:var(--spacing-component-xs);min-width:-webkit-fit-content;min-width:fit-content;padding:var(--spacing-component-xs) var(--spacing-component-md);transition:all var(--transition-default);white-space:nowrap}.admin-toggle:hover,.bulk-select-btn:hover,.mark-all-read-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-light);color:var(--color-text-primary)}.admin-toggle.active,.bulk-select-btn.active{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-text-white)}.bulk-actions{align-items:center;background:var(--color-brand-primary-alpha-05);border:1px solid var(--color-brand-primary-alpha-20);border-radius:var(--border-radius-md);display:flex;justify-content:space-between;margin-bottom:var(--spacing-default);padding:var(--spacing-component-md)}.bulk-selection-info{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-eta);gap:var(--spacing-component-sm)}.deselect-all-btn,.select-all-btn{background:#0000;border:none;color:var(--color-brand-primary);cursor:pointer;font-size:var(--font-size-eta);font-weight:var(--font-weight-medium);padding:0;text-decoration:underline}.deselect-all-btn:hover,.select-all-btn:hover{color:var(--color-brand-primary-hover)}.mark-selected-read-btn{align-items:center;background:var(--color-brand-primary);border:1px solid var(--color-brand-primary);border-radius:var(--border-radius-md);color:var(--color-text-white);cursor:pointer;display:flex;font-size:var(--font-size-eta);font-weight:var(--font-weight-medium);gap:var(--spacing-component-xs);padding:var(--spacing-component-xs) var(--spacing-component-sm);transition:all var(--transition-default)}.mark-selected-read-btn:hover{background:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover)}.notifications-filters{flex-wrap:wrap;margin-bottom:var(--spacing-layout-md)}.filter-btn,.notifications-filters{display:flex;gap:var(--spacing-component-xs)}.filter-btn{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-eta);font-weight:var(--font-weight-medium);padding:var(--spacing-component-xs) var(--spacing-component-sm);transition:all var(--transition-default)}.filter-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-light);color:var(--color-text-primary)}.filter-btn.active{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-text-white)}.filter-count{align-items:center;background:var(--color-bg-primary);border-radius:10px;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-theta);height:18px;justify-content:center;min-width:18px;padding:1px var(--spacing-component-xs)}.filter-btn.active .filter-count{background:var(--color-brand-primary-hover);color:var(--color-text-white)}.notifications-list{flex:1 1;overflow-y:auto}.notifications-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;padding:var(--spacing-layout-xl)}.notifications-loading .loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--color-border-default);border:3px solid var(--color-border-default);border-radius:50%;border-top-color:var(--color-brand-primary);height:32px;margin-bottom:var(--spacing-component-md);width:32px}.notifications-empty{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;padding:var(--spacing-layout-xl);text-align:center}.notifications-empty h3{color:var(--color-text-primary);font-size:var(--font-size-epsilon);font-weight:var(--font-weight-semibold);margin:var(--spacing-component-md) 0 var(--spacing-component-sm) 0}.notifications-empty p{font-size:var(--font-size-eta);margin:0;max-width:400px}.notification-item{align-items:flex-start;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;display:flex;gap:var(--spacing-component-md);padding:var(--spacing-default);position:relative;transition:all var(--transition-default)}.notification-item:hover{background:var(--color-surface-hover)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:var(--color-brand-primary-alpha-05);border-left:3px solid var(--color-brand-primary)}.notification-item.unread:before{background:var(--color-brand-primary);border-radius:50%;content:"";height:6px;left:var(--spacing-component-sm);position:absolute;top:var(--spacing-default);width:6px}.notification-item.selected{background:var(--color-brand-primary-alpha-10);border-color:var(--color-brand-primary)}.notification-checkbox{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-top:2px}.notification-checkbox input[type=checkbox]{accent-color:var(--color-brand-primary);height:18px;width:18px}.notification-icon{flex-shrink:0;font-size:20px;margin-top:2px}.notification-content{flex:1 1;min-width:0}.notification-title{color:var(--color-text-primary);font-size:var(--font-size-eta);font-weight:var(--font-weight-semibold);line-height:1.3;margin-bottom:var(--spacing-component-xs)}.notification-message{color:var(--color-text-secondary);font-size:var(--font-size-theta);line-height:1.4;margin-bottom:var(--spacing-component-xs)}.notification-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-component-sm)}.notification-time{color:var(--color-text-tertiary);font-size:var(--font-size-theta)}.notification-group,.notification-user{background:var(--color-brand-primary-alpha-10);border-radius:var(--border-radius-sm);color:var(--color-brand-primary);font-size:var(--font-size-theta);padding:2px var(--spacing-component-xs)}.notification-user{background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.mark-read-btn{align-items:center;background:#0000;border:1px solid var(--color-border-default);border-radius:var(--border-radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;opacity:0;transition:all var(--transition-default);width:24px}.notification-item:hover .mark-read-btn{opacity:1}.mark-read-btn:hover{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-text-white)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:640px){.notifications-page{padding:var(--spacing-component-md)}.notifications-header{align-items:stretch;flex-direction:column;gap:var(--spacing-component-md)}.header-actions{justify-content:space-between}.bulk-actions{align-items:stretch;flex-direction:column;gap:var(--spacing-component-sm)}.bulk-selection-info{justify-content:space-between}.notifications-filters{flex-wrap:wrap;gap:var(--spacing-component-xs)}.filter-btn{flex:1 1;justify-content:center;min-width:0}.notification-item{padding:var(--spacing-component-md)}.notification-title{font-size:var(--font-size-theta)}.notification-message{font-size:11px}}.terms-screen{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.terms-container{line-height:1.6;margin:0 auto;max-width:800px;padding:40px 20px}.terms-header{margin-bottom:40px;text-align:center}.back-link{color:var(--brand-green);transition:opacity .2s ease}.terms-brand .brand-name{color:var(--brand-green);font-size:48px;font-weight:800;letter-spacing:-1px;margin:0 0 8px;text-shadow:0 0 20px #3eff3e4d}.terms-brand .brand-tagline{color:var(--text-secondary);font-size:18px;font-weight:500}.terms-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:30px;padding:40px}.terms-content h1{color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 20px;text-align:center}.effective-date{color:var(--text-secondary);font-size:16px;margin-bottom:30px;text-align:center}.important-notice{background-color:var(--brand-green-alpha);border:2px solid var(--brand-green);border-radius:8px;color:var(--text-primary);font-size:16px;padding:20px;text-align:center}.important-notice,.terms-section{margin-bottom:40px}.terms-section h2{border-bottom:2px solid var(--border-color);color:var(--brand-green);font-size:24px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.terms-section h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:24px 0 12px}.terms-section p{color:var(--text-primary);font-size:15px;margin-bottom:16px}.terms-section ul{margin:16px 0;padding-left:24px}.terms-section li{color:var(--text-primary);font-size:15px;margin-bottom:8px}.terms-agreement,.terms-section strong{color:var(--text-primary);font-weight:600}.terms-agreement{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;padding:20px}.terms-agreement,.terms-footer{text-align:center}.back-button{background-color:var(--brand-green);border-radius:8px;color:var(--bg-primary);display:inline-block;font-size:16px;font-weight:600;padding:12px 24px;text-decoration:none;transition:background-color .2s ease}.back-button:hover{background-color:var(--brand-green-hover)}@media (max-width:768px){.terms-container{padding:20px 16px}.terms-content{padding:24px 20px}.terms-brand .brand-name{font-size:36px}.terms-content h1{font-size:24px}.terms-section h2{font-size:20px}.terms-section h3{font-size:16px}.terms-section li,.terms-section p{font-size:14px}}.about-screen{background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh}.about-container{margin:0 auto;max-width:800px;padding:20px}.about-header{margin-bottom:40px}.back-link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:14px;gap:8px;margin-bottom:20px;text-decoration:none;transition:opacity .2s}.back-link:hover{opacity:.8}.about-brand{text-align:center}.about-brand .brand-name{color:var(--color-primary);font-size:32px;font-weight:700;margin:0}.about-brand .brand-tagline{color:var(--color-text-secondary);font-size:16px}.about-content,.about-intro{margin-bottom:40px}.about-intro{text-align:center}.about-intro h1{color:var(--color-text-primary);font-size:28px;margin-bottom:16px}.intro-text{color:var(--color-text-secondary);font-size:18px;line-height:1.6;margin:0 auto;max-width:600px}.feature-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:30px 0}.feature-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:20px;text-align:center}.feature-icon{color:var(--color-primary);margin-bottom:10px}.feature-card h4{color:var(--color-text-primary);font-size:16px;margin:0 0 8px}.feature-card p{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0}.sections-container{margin-bottom:40px}.section-wrapper{border:1px solid var(--color-border);border-radius:8px;margin-bottom:16px;overflow:hidden}.section-header{align-items:center;background-color:var(--color-bg-secondary);border:none;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:background-color .2s;width:100%}.section-header:hover{background-color:var(--color-bg-hover)}.section-header.expanded{border-bottom:1px solid var(--color-border)}.section-title-wrapper{align-items:center;display:flex;gap:12px}.section-icon{font-size:24px}.section-title{color:var(--color-text-primary);font-size:18px;font-weight:500;margin:0;text-align:left}.section-content{background-color:var(--color-bg-primary);padding:24px}.section-content h3{color:var(--color-text-primary);font-size:20px;margin-bottom:16px}.section-content p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px}.section-content ol,.section-content ul{color:var(--color-text-secondary);line-height:1.8;margin-bottom:16px;padding-left:24px}.section-content li{margin-bottom:8px}.section-content strong{color:var(--color-text-primary);font-weight:600}.disclaimer{border:1px solid var(--color-border);font-size:14px;line-height:1.5;margin-top:20px;padding:16px}.cta-section,.disclaimer{background-color:var(--color-bg-secondary);border-radius:8px}.cta-section{margin-bottom:40px;padding:40px;text-align:center}.cta-section h2{color:var(--color-text-primary);font-size:24px;margin-bottom:12px}.cta-section p{color:var(--color-text-secondary);font-size:16px;margin-bottom:24px}.cta-button{align-items:center;background-color:var(--color-primary);border-radius:8px;color:var(--color-bg-primary);display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:opacity .2s}.cta-button:hover{opacity:.9}.about-footer{border-top:1px solid var(--color-border);padding:20px 0;text-align:center}.footer-text{color:var(--color-text-secondary);font-size:14px;margin-bottom:8px}.footer-link{color:var(--color-primary)}@media (max-width:768px){.about-container{padding:16px}.about-brand .brand-name{font-size:28px}.about-intro h1{font-size:24px}.intro-text{font-size:16px}.feature-grid{gap:16px;grid-template-columns:1fr}.section-header{padding:16px}.section-title{font-size:16px}.section-content{padding:20px}.cta-section{padding:30px 20px}.cta-section h2{font-size:20px}}[data-theme=dark] .about-screen{background-color:#121212}[data-theme=dark] .feature-card{background-color:#212121;border-color:#333}[data-theme=dark] .section-wrapper{border-color:#333}[data-theme=dark] .section-header{background-color:#212121}[data-theme=dark] .section-header:hover{background-color:#2a2a2a}[data-theme=dark] .section-header.expanded{border-bottom-color:#333}[data-theme=dark] .section-content{background-color:#1a1a1a}[data-theme=dark] .disclaimer{background-color:#212121;border-color:#333}[data-theme=dark] .cta-section{background-color:#212121}[data-theme=dark] .about-footer{border-top-color:#333}:root[data-theme=dark]{--bg-primary:#121212;--bg-secondary:#212121;--bg-tertiary:#2a2a2a;--text-primary:#fff;--text-secondary:#bbb;--text-tertiary:#888;--brand-green:#3eff3e;--brand-green-hover:#32d632;--brand-green-alpha:#3eff3e1a;--border-color:#333;--shadow-color:#0000004d;--error-color:#ff5c5c;--warning-color:#ffb84d;--success-color:var(--brand-green);--header-bg:#181818;--card-bg:var(--bg-secondary);--hover-bg:var(--bg-tertiary);--input-bg:var(--bg-tertiary);--bg-elevated:#1a1a1a;--primary:var(--brand-green);--success:var(--brand-green);--success-rgb:62,255,62}:root[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f2f2f2;--bg-tertiary:#e8e8e8;--text-primary:#212121;--text-secondary:#5e6872;--text-tertiary:#888;--brand-green:#228b22;--brand-green-hover:#1e7b1e;--brand-green-alpha:#228b221a;--border-color:#d0d0d0;--shadow-color:#0000001a;--error-color:#ff5c5c;--warning-color:#ff9500;--success-color:var(--brand-green);--header-bg:#fff;--card-bg:var(--bg-secondary);--hover-bg:var(--bg-tertiary);--input-bg:#fff;--bg-elevated:#fafafa;--primary:var(--brand-green);--success:var(--brand-green);--success-rgb:34,139,34}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}.app-header{background-color:var(--header-bg);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-color);z-index:50}.brand-name{color:var(--brand-green)}.brand-tagline{color:var(--text-secondary)}.header-actions{gap:12px;height:44px}.header-actions .btn,.header-actions .group-selector-button,.header-actions .invite-button,.header-actions .join-group-button{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;min-height:40px;padding:8px 16px;transition:all .2s ease}.header-actions .btn .icon,.header-actions .group-selector-button .icon,.header-actions .invite-button .icon{flex-shrink:0;height:18px;width:18px}.header-actions .notification-bell,.header-actions .settings-button{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;min-width:40px;transition:all .2s ease;width:40px}.header-actions .settings-button{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.header-actions .settings-button:hover{background-color:var(--hover-bg);border-color:var(--text-secondary);color:var(--text-primary)}.current-user{background-color:var(--brand-green-alpha);border:1px solid var(--brand-green);font-size:14px;height:40px}.user-name{color:var(--brand-green)}.group-selector{position:relative}.group-selector-button{align-items:center;display:flex;gap:8px;justify-content:flex-start}.group-selector-button .icon{flex-shrink:0;height:18px;width:18px}.dropdown-chevron{margin-left:4px;opacity:.7;transition:transform .2s ease}.dropdown-chevron.rotated{transform:rotate(180deg)}.group-selector-menu{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #00000026;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:60}.group-menu-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px 8px;text-transform:uppercase}.group-menu-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.group-menu-item:hover{background-color:var(--hover-bg)}.group-menu-item.active{background-color:var(--brand-green-alpha)}.group-menu-name{color:var(--text-primary);font-size:14px;font-weight:500}.group-menu-item.active .group-menu-name{color:var(--brand-green);font-weight:600}.group-menu-divider{background-color:var(--border-color);height:1px;margin:8px 0}.group-menu-action{align-items:center;background:none;border:none;color:var(--brand-green);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 16px;transition:background-color .2s ease;width:100%}.group-menu-action:hover{background-color:var(--brand-green-alpha)}.group-dropdown-menu{margin-top:4px;min-width:200px;right:0;top:calc(100% + 4px)}.group-dropdown-item,.group-dropdown-item:focus{outline:none}.group-dropdown-item.create-group,.group-dropdown-item.join-group{align-items:center;border:none;color:var(--brand-green);display:flex;font-weight:500;gap:8px;outline:none}.group-dropdown-item.create-group:hover,.group-dropdown-item.join-group:hover{background-color:var(--brand-green-alpha)}.settings-section-header{background-color:var(--bg-tertiary);font-size:12px;padding:8px 16px}.settings-divider{margin:8px 0}.settings-section-header{background:var(--bg-secondary);color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 16px 4px;text-transform:uppercase}.group-button.active{color:var(--brand-green)}.group-button.active,.group-button.active:hover{background-color:var(--brand-green-alpha)}.theme-toggle{background:none;border:none;cursor:pointer;font-size:20px;padding:4px}.tab-navigation{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);scrollbar-color:var(--border-color) #0000}.tab-button{color:var(--text-secondary);font-size:15px}.tab-button:hover{background-color:var(--hover-bg);color:var(--text-primary)}.tab-button.active{border-bottom-color:var(--brand-green);color:var(--brand-green)}.create-custom-bid-button{background-color:#fff;border:none;border-radius:6px;color:var(--error-color);transition:opacity .2s ease}.create-custom-bid-button:hover{opacity:.9}.tab-panel{background-color:var(--card-bg);border:1px solid var(--border-color)}.btn{padding:10px 20px}.btn-primary{background-color:var(--brand-green);color:var(--bg-primary)}.btn-primary:hover{background-color:var(--brand-green-hover)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background-color:var(--hover-bg);color:var(--text-primary)}.btn-ghost{background-color:initial;border:none;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--hover-bg);color:var(--text-primary)}.btn-icon{background-color:initial;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);padding:10px;transition:all .2s ease}.btn-icon:hover{background-color:var(--hover-bg);border-color:var(--text-primary);color:var(--text-primary)}.invite-button{align-items:center;display:flex;gap:6px}.invite-button .icon{height:18px;width:18px}.join-group-button{align-items:center;display:flex;gap:6px}.login-screen{overflow:hidden;position:relative}.login-screen:before{animation:pulse-bg 4s ease-in-out infinite;background:radial-gradient(circle,#3eff3e0d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes pulse-bg{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.login-content{position:relative;z-index:1}.login-brand{color:#3eff3e;font-size:56px;font-weight:800;letter-spacing:-2px;text-shadow:0 0 20px #3eff3e4d}.login-tagline{color:var(--text-secondary);font-weight:500;letter-spacing:.5px;margin-bottom:40px}.login-button{background-color:#3eff3e!important;border:none;color:#121212!important;font-weight:600;max-width:320px;padding:14px 24px;transition:all .2s ease}.login-button:hover:not(:disabled){background-color:#35e635!important;box-shadow:0 4px 12px #3eff3e4d;transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-form{align-items:center}.form-group{max-width:320px;width:100%}.login-input{background-color:var(--input-bg)!important;border:2px solid var(--border-color);color:var(--text-primary)!important;padding:14px 16px}.login-input:focus{background-color:var(--bg-tertiary)!important;border-color:#3eff3e;box-shadow:0 0 0 3px #3eff3e33}.login-input::placeholder{color:var(--text-tertiary)}.login-input:-webkit-autofill,.login-input:-webkit-autofill:focus,.login-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;border:2px solid var(--border-color)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important}[data-theme=dark] .login-input:-webkit-autofill,[data-theme=dark] .login-input:-webkit-autofill:active,[data-theme=dark] .login-input:-webkit-autofill:focus,[data-theme=dark] .login-input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;background-color:#2a2a2a!important;-webkit-box-shadow:inset 0 0 0 1000px #2a2a2a!important;box-shadow:inset 0 0 0 1000px #2a2a2a!important;color:#fff!important}.checkbox-label input[type=checkbox]:focus{outline:2px solid var(--brand-green);outline-offset:2px}[data-theme=dark] .login-input{background-color:#2a2a2a!important;border-color:#333!important;color:#fff!important}[data-theme=dark] .login-input:focus{background-color:#2a2a2a!important;border-color:#3eff3e!important}[data-theme=dark] .login-input::placeholder{color:#888!important}[data-theme=dark] .login-form input[type=email],[data-theme=dark] .login-form input[type=password],[data-theme=dark] .login-form input[type=text]{-webkit-appearance:none;appearance:none;background-color:#2a2a2a!important;border-color:#333!important;color:#fff!important}[data-theme=dark] input.login-input,[data-theme=dark] input.login-input:active,[data-theme=dark] input.login-input:focus,[data-theme=dark] input.login-input:hover{background-color:#2a2a2a!important;color:#fff!important}.checkbox-group{margin-bottom:20px}[data-theme=dark] .login-screen{background-color:#121212}[data-theme=dark] .login-screen .login-input,[data-theme=dark] .login-screen input[type=email],[data-theme=dark] .login-screen input[type=password],[data-theme=dark] .login-screen input[type=text]{-webkit-appearance:none!important;background-color:#2a2a2a!important;background:#2a2a2a!important;border:2px solid #333!important;color:#fff!important}[data-theme=dark] .login-content .form-group input{background-color:#2a2a2a!important;color:#fff!important}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;font-size:14px;line-height:1.4}.checkbox-label input[type=checkbox]{accent-color:var(--brand-green);cursor:pointer;flex-shrink:0;height:18px;margin:2px 8px 0 0;width:18px}.checkbox-text{color:var(--text-secondary);flex:1 1}.checkbox-label:hover .checkbox-text{color:var(--text-primary)}.tos-link{color:var(--brand-green);text-decoration:none}.tos-link:hover{text-decoration:underline}.registration-disclaimer{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-tertiary);font-size:12px;line-height:1.4;margin-bottom:20px;padding:12px}.error-message{background-color:var(--error-color);color:#fff}.toggle-auth-mode{color:var(--brand-green)}.support-link{color:var(--text-tertiary);font-size:14px;margin-top:24px;text-align:center}.support-link a{color:#3eff3e;font-weight:500;text-decoration:none;transition:opacity .2s ease}.support-link a:hover{opacity:.8;text-decoration:underline}.about-link{margin-top:16px;text-align:center}.about-button{align-items:center;background-color:initial;border:2px solid var(--brand-green);border-radius:8px;color:var(--brand-green);display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.about-button:hover{background-color:var(--brand-green);box-shadow:0 4px 12px #3eff3e4d;color:var(--bg-primary);transform:translateY(-1px)}.auth-divider{margin:24px 0}.auth-divider:before{background-color:var(--border-color)}.auth-divider span{background-color:var(--bg-primary);color:var(--text-tertiary);font-weight:500;position:relative;z-index:1}.google-login-button{background-color:var(--bg-secondary);border:1px solid var(--border-color);max-width:320px;padding:14px 24px}.google-login-button:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:#3eff3e;transform:translateY(-1px)}.google-login-button svg{flex-shrink:0;margin-right:10px}.modal-content{background-color:var(--card-bg)}.modal-content h2{color:var(--text-primary)}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.modal-close:hover{background-color:var(--hover-bg);color:var(--text-primary)}.form-group label{color:var(--text-primary);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--brand-green);box-shadow:0 0 0 2px var(--brand-green-alpha);outline:none}.form-label{display:block;font-weight:500;margin-bottom:6px;text-align:left}.form-input,.form-label{color:var(--text-primary)}.form-input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.form-input:focus{border-color:var(--brand-green);box-shadow:0 0 0 2px var(--brand-green-alpha);outline:none}.error-message{background-color:#ff5c5c1a;color:var(--error-color)}.error-message,.success-message{border-radius:6px;margin-top:8px;padding:8px 12px}.success-message{background-color:var(--brand-green-alpha);color:var(--success-color);font-size:14px;text-align:center}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column;gap:16px}.brand-tagline{display:none}.tab-navigation{padding:0}.tab-navigation-content{padding:0 16px}.tab-button{padding:12px 16px}.tab-content{padding:16px}.workflow-explainer{flex-direction:column;text-align:center}.explainer-icon{font-size:48px}.login-brand{font-size:36px}.login-tagline{font-size:16px}.login-content{padding:0 16px}.login-input{font-size:16px}.modal-content,.modal-content.modal-lg,.modal-content.modal-md,.modal-content.modal-xl,.modal-content.modal-xs{margin:0;max-height:95vh;max-width:100%}}.toast{animation:slideIn .3s ease-out;border-radius:8px;bottom:24px;box-shadow:0 4px 6px var(--shadow-color);max-width:400px;min-width:300px;padding:16px;position:fixed;right:24px;transition:all .3s ease;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{background-color:var(--success-color);color:var(--bg-primary)}.toast-error{background-color:var(--error-color);color:#fff}.toast-info{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.toast-content{align-items:center;display:flex;gap:12px;justify-content:space-between}.toast-message{flex:1 1;font-size:14px;font-weight:500}.toast-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;opacity:.8;padding:0;transition:opacity .2s;width:24px}.toast-close:hover{opacity:1}@media (max-width:640px){.toast{border-radius:6px;bottom:20px;left:50%;max-width:220px;min-width:auto;padding:6px 8px;right:auto;transform:translateX(-50%);width:auto}.toast-message{font-size:10px;font-weight:400;line-height:1.2;word-break:break-word}.toast-close{font-size:14px;height:16px;margin-left:4px;width:16px}.toast-content{align-items:center;gap:4px}}.app-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:40px;padding:24px 20px}.footer-content{align-items:center;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1200px;text-align:center}.footer-disclaimer{color:var(--text-tertiary);font-size:13px;line-height:1.5;max-width:800px}.footer-links{align-items:center;display:flex;gap:20px}.footer-link{color:var(--brand-green);font-size:14px;font-weight:500;text-decoration:none;transition:opacity .2s ease}.footer-link:hover{opacity:.8;text-decoration:underline}.footer-updated{color:var(--text-tertiary);font-size:12px;margin-top:8px;opacity:.7}@media (max-width:768px){.app-footer{margin-top:30px;padding:20px 16px}.footer-disclaimer{font-size:12px}.footer-links{flex-direction:column;gap:12px}}[data-theme=dark] input.login-input,body[data-theme=dark] .login-input,body[data-theme=dark] input.login-input,html[data-theme=dark] .login-form input,html[data-theme=dark] .login-input,html[data-theme=dark] .login-screen input[type=email],html[data-theme=dark] .login-screen input[type=password],html[data-theme=dark] .login-screen input[type=text],html[data-theme=dark] input.login-input{background-color:#2a2a2a!important;background:#2a2a2a!important;border:2px solid #333!important;color:#fff!important}html[data-theme=dark] input.login-input{background-color:#2a2a2a!important}html[data-theme=dark] .login-screen input{background-color:#2a2a2a!important;color:#fff!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark}}:root[data-theme=dark]{--color-bg-primary:#0d0d0d;--color-bg-secondary:#1a1a1a;--color-bg-tertiary:#262626;--color-text-primary:#fff;--color-text-secondary:#b3b3b3;--color-text-tertiary:grey;--color-brand-primary:#0f0;--color-brand-primary-hover:#0c0;--color-brand-primary-light:#e6ffe6;--color-brand-primary-alpha-05:#00ff000d;--color-brand-primary-alpha-10:#00ff001a;--color-brand-primary-alpha-20:#0f03;--color-brand-primary-alpha-30:#00ff004d;--color-border-default:#333;--color-border-light:#404040;--color-border-disabled:#2a2a2a;--color-success:#00d964;--color-error:#ff3b30;--color-warning:#ff9500;--color-info:#007aff;--color-hover-overlay:#ffffff1a;--color-active-overlay:#fff3;--color-disabled-opacity:0.5;--color-odds-positive:#00d964;--color-odds-negative:#ff3b30;--color-spread-line:#ffd60a;--color-live-indicator:#ff3b30;--color-promotion-badge:#0f0;--color-surface-primary:var(--color-bg-primary);--color-surface-secondary:var(--color-bg-secondary);--color-surface-tertiary:var(--color-bg-tertiary);--color-surface-hover:#ffffff0d;--color-surface-disabled:#1f1f1f;--color-shadow-default:#0000004d;--color-shadow-elevated:#00000080;--bg-primary:var(--color-bg-primary);--bg-secondary:var(--color-bg-secondary);--bg-tertiary:var(--color-bg-tertiary);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-tertiary);--brand-green:var(--color-brand-primary);--brand-green-hover:var(--color-brand-primary-hover);--brand-green-alpha:var(--color-brand-primary-alpha-10);--border-color:var(--color-border-default);--shadow-color:var(--color-shadow-default);--error-color:var(--color-error);--warning-color:var(--color-warning);--success-color:var(--color-success);--header-bg:var(--color-bg-secondary);--card-bg:var(--color-bg-secondary);--hover-bg:var(--color-surface-hover);--input-bg:var(--color-bg-tertiary);--modal-width-xs:500px;--modal-width-md:800px;--modal-width-lg:1000px;--modal-width-xl:1200px}:root[data-theme=light]{--color-bg-primary:#fafafa;--color-bg-secondary:#fff;--color-bg-tertiary:#f5f5f5;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-tertiary:#999;--color-brand-primary:#228b22;--color-brand-primary-hover:#1e7b1e;--color-brand-primary-light:#e6ffe6;--color-brand-primary-alpha-05:#228b220d;--color-brand-primary-alpha-10:#228b221a;--color-brand-primary-alpha-20:#228b2233;--color-brand-primary-alpha-30:#228b224d;--color-border-default:#e0e0e0;--color-border-light:#f0f0f0;--color-border-disabled:#f5f5f5;--color-success:#00d964;--color-error:#ff3b30;--color-warning:#ff9500;--color-info:#007aff;--color-hover-overlay:#0000000d;--color-active-overlay:#0000001a;--color-disabled-opacity:0.5;--color-odds-positive:#00d964;--color-odds-negative:#ff3b30;--color-spread-line:#b8860b;--color-live-indicator:#ff3b30;--color-promotion-badge:#228b22;--color-surface-primary:var(--color-bg-primary);--color-surface-secondary:var(--color-bg-secondary);--color-surface-tertiary:var(--color-bg-tertiary);--color-surface-hover:#00000008;--color-surface-disabled:#f8f8f8;--color-shadow-default:#0000001a;--color-shadow-elevated:#00000026;--bg-primary:var(--color-bg-primary);--bg-secondary:var(--color-bg-secondary);--bg-tertiary:var(--color-bg-tertiary);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-tertiary);--brand-green:var(--color-brand-primary);--brand-green-hover:var(--color-brand-primary-hover);--brand-green-alpha:var(--color-brand-primary-alpha-10);--border-color:var(--color-border-default);--shadow-color:var(--color-shadow-default);--error-color:var(--color-error);--warning-color:var(--color-warning);--success-color:var(--color-success);--header-bg:var(--color-bg-secondary);--card-bg:var(--color-bg-secondary);--hover-bg:var(--color-surface-hover);--input-bg:var(--color-bg-secondary);--modal-width-xs:500px;--modal-width-md:800px;--modal-width-lg:1000px;--modal-width-xl:1200px}:root{--spacing-condensed:8px;--spacing-default:16px;--spacing-comfortable:24px;--spacing-vast:48px;--spacing-component-xs:4px;--spacing-component-sm:8px;--spacing-component-md:12px;--spacing-component-lg:16px;--spacing-component-xl:20px;--spacing-component-2xl:24px;--spacing-layout-xs:8px;--spacing-layout-sm:16px;--spacing-layout-md:24px;--spacing-layout-lg:32px;--spacing-layout-xl:48px;--spacing-layout-2xl:64px;--breakpoint-xs:320px;--breakpoint-sm:360px;--breakpoint-md:640px;--breakpoint-lg:960px;--breakpoint-xl:1024px;--breakpoint-max:1400px;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-alpha:48px;--font-size-beta:36px;--font-size-gamma:28px;--font-size-delta:24px;--font-size-epsilon:20px;--font-size-zeta:16px;--font-size-eta:14px;--font-size-theta:12px;--line-height-condensed:1.2;--line-height-default:1.5;--line-height-comfortable:1.6;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:50%;--transition-fast:150ms ease;--transition-default:200ms ease;--transition-slow:300ms ease;--z-index-base:0;--z-index-dropdown:50;--z-index-sticky:60;--z-index-modal:1000;--z-index-tooltip:1100}*{box-sizing:border-box;margin:0;padding:0}*,:after,:before{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;transition:background-color var(--transition-default),color var(--transition-default),border-color var(--transition-default),box-shadow var(--transition-default)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:16px;font-size:var(--font-size-zeta);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.5;line-height:var(--line-height-default)}.app{display:flex;flex-direction:column;min-height:100vh}.text-alpha,h1{font-size:48px;font-size:var(--font-size-alpha)}.text-alpha,.text-beta,h1,h2{font-weight:700;font-weight:var(--font-weight-bold);line-height:1.2;line-height:var(--line-height-condensed)}.text-beta,h2{font-size:36px;font-size:var(--font-size-beta)}.text-gamma,h3{font-size:28px;font-size:var(--font-size-gamma)}.text-delta,.text-gamma,h3,h4{font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.5;line-height:var(--line-height-default)}.text-delta,h4{font-size:24px;font-size:var(--font-size-delta)}.text-epsilon,h5{font-size:20px;font-size:var(--font-size-epsilon)}.text-epsilon,.text-zeta,h5,h6{font-weight:500;font-weight:var(--font-weight-medium);line-height:1.5;line-height:var(--line-height-default)}.text-zeta,h6{font-size:16px;font-size:var(--font-size-zeta)}.text-eta{font-size:14px;font-size:var(--font-size-eta)}.text-eta,.text-theta{font-weight:400;font-weight:var(--font-weight-regular);line-height:1.5;line-height:var(--line-height-default)}.text-theta{font-size:12px;font-size:var(--font-size-theta)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-brand{color:var(--color-brand-primary)}.app-header{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-default);box-shadow:0 2px 8px var(--color-shadow-default);padding:16px 24px;padding:var(--spacing-default) var(--spacing-comfortable);position:-webkit-sticky;position:sticky;top:0;z-index:60;z-index:var(--z-index-sticky)}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;max-width:var(--breakpoint-max)}.header-top-row{display:contents}.mobile-group{display:none}.desktop-group{display:block}.brand{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-component-xs)}.brand-name{color:var(--color-brand-primary)!important;font-size:28px;font-size:var(--font-size-gamma);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:-.5px;line-height:1.2;line-height:var(--line-height-condensed)}.brand-tagline{color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-eta);font-style:italic;line-height:1.5;line-height:var(--line-height-default)}.header-actions{gap:24px;gap:var(--spacing-comfortable)}.current-user,.header-actions{align-items:center;display:flex}.current-user{background-color:var(--color-brand-primary-alpha-10);border:1px solid var(--color-brand-primary);border-radius:8px;border-radius:var(--border-radius-md);gap:8px;gap:var(--spacing-component-sm);padding:8px 16px;padding:var(--spacing-component-sm) var(--spacing-default)}.user-name{color:var(--color-brand-primary);font-size:14px;font-size:var(--font-size-eta);font-weight:600;font-weight:var(--font-weight-semibold)}.current-group{align-items:center;background-color:var(--color-bg-secondary);border-radius:8px;border-radius:var(--border-radius-md);display:flex;gap:8px;gap:var(--spacing-component-sm);padding:8px 16px;padding:var(--spacing-component-sm) var(--spacing-default)}.group-label{color:var(--color-text-secondary)}.group-label,.group-name{font-size:14px;font-size:var(--font-size-eta)}.group-name{color:var(--color-text-primary);font-weight:600;font-weight:var(--font-weight-semibold)}.group-dropdown{position:relative}.group-name-button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:inherit;gap:4px;padding:0;transition:all .2s ease}.group-name-button:hover .group-name{color:var(--brand-green)}.dropdown-arrow{color:var(--text-secondary);transition:transform .2s ease}.group-dropdown-menu{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);left:0;margin-top:8px;min-width:180px;overflow:hidden;position:absolute;top:100%;z-index:60}.group-dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.group-dropdown-item:hover{background-color:var(--hover-bg)}.group-dropdown-item.active{background-color:var(--brand-green-alpha);color:var(--brand-green)}.check-icon{color:var(--brand-green);flex-shrink:0}.settings-dropdown{position:relative}.settings-button{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.settings-button:hover{background-color:var(--hover-bg);color:var(--text-primary)}.settings-menu{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);margin-top:8px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%}.settings-item{align-items:center;color:var(--text-primary);display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.settings-link{background:none;border:none;color:var(--text-primary);cursor:pointer;text-align:left;width:100%}.theme-icon{flex-shrink:0;font-size:16px}.settings-item:hover{background-color:var(--hover-bg)}.settings-item.logout{color:var(--error-color)}.settings-divider{background-color:var(--border-color);height:1px;margin:4px 0}.switch{display:inline-block;height:24px;position:relative;width:44px}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--bg-tertiary);border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;width:16px}input:checked+.slider{background-color:var(--brand-green)}input:checked+.slider:before{transform:translateX(20px)}.tab-navigation{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-default);overflow-x:auto;scrollbar-color:var(--color-border-default) #0000;scrollbar-width:thin}.tab-navigation-content{margin:0 auto;max-width:1400px;max-width:var(--breakpoint-max);padding:0 24px;padding:0 var(--spacing-comfortable);width:100%}.tab-button,.tab-navigation-content{display:flex;gap:8px;gap:var(--spacing-component-sm)}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-size:var(--font-size-eta);font-weight:500;font-weight:var(--font-weight-medium);height:44px;padding:16px 20px;padding:var(--spacing-default) var(--spacing-component-xl);text-decoration:none;transition:all .2s ease;transition:all var(--transition-default);white-space:nowrap}.tab-button:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.tab-button.active{border-bottom-color:var(--color-brand-primary);color:var(--color-brand-primary);font-weight:600;font-weight:var(--font-weight-semibold)}.tab-icon{font-size:18px}.app-main{display:flex;flex:1 1;flex-direction:column}.tab-content{flex:1 1;margin:0 auto;max-width:1400px;padding:24px;width:100%}.workflow-explainer{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;margin-bottom:24px;padding:20px;position:relative}.workflow-close-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:12px;transition:all .2s ease}.workflow-close-button:hover{background-color:var(--hover-bg);color:var(--text-primary)}.workflow-explainer-main{display:flex;gap:16px}.explainer-icon{font-size:32px;line-height:1}.explainer-content{flex:1 1}.explainer-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px;padding-right:32px}.explainer-content h3{color:var(--text-primary);font-size:18px;margin:0}.explainer-content p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:12px}.workflow-path{align-items:center;display:flex;font-size:13px;gap:8px}.workflow-label{color:var(--text-tertiary);font-weight:500}.workflow-steps{color:var(--brand-green);font-weight:500}.workflow-explainer .help-button{align-items:center;background:none;border:none;border-radius:20px;color:var(--brand-green);cursor:pointer;display:flex;font-size:14px;gap:6px;margin-top:4px;padding:5px 10px;transition:background-color .2s}.workflow-explainer .help-button:hover{background-color:var(--brand-green-alpha)}.workflow-explainer .help-text{font-weight:500}.workflow-explainer .help-content{background-color:var(--bg-tertiary);border:1px solid var(--brand-green);border-radius:8px;margin-top:16px;padding:20px;position:relative}.help-content-header{display:flex;justify-content:flex-end;margin-bottom:10px;margin-right:-10px;margin-top:-10px}.help-close-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:5px;transition:all .2s ease}.help-close-button:hover{background-color:var(--hover-bg);color:var(--text-primary)}.workflow-explainer .help-content h3{color:var(--brand-green);font-size:18px;font-weight:600;margin-bottom:15px}.workflow-explainer .help-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:15px}.workflow-explainer .help-content strong{color:var(--brand-green);font-weight:600}.workflow-explainer .help-content ol,.workflow-explainer .help-content ul{color:var(--text-secondary);margin-bottom:15px;margin-left:20px}.workflow-explainer .help-content li{line-height:1.6;margin-bottom:8px}.error-banner{background-color:var(--error-color);color:#fff;padding:12px 24px}.error-content{align-items:center;display:flex;gap:12px;margin:0 auto;max-width:1400px}.error-icon{font-size:20px}.error-message{flex:1 1}.create-custom-bid-button{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:4px;border-radius:var(--border-radius-sm);color:var(--color-error);cursor:pointer;font-size:14px;font-size:var(--font-size-eta);font-weight:600;font-weight:var(--font-weight-semibold);padding:8px 16px;padding:var(--spacing-component-sm) var(--spacing-default);transition:all .2s ease;transition:all var(--transition-default)}.create-custom-bid-button:hover{background-color:var(--color-surface-hover);border-color:var(--color-error)}.tab-panel{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:12px;border-radius:var(--border-radius-lg);min-height:400px;padding:24px;padding:var(--spacing-comfortable)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:14px;font-size:var(--font-size-eta);font-weight:600;font-weight:var(--font-weight-semibold);gap:8px;gap:var(--spacing-component-sm);line-height:1.5;line-height:var(--line-height-default);padding:8px 20px;padding:var(--spacing-component-sm) var(--spacing-component-xl);transition:all .2s ease;transition:all var(--transition-default)}.btn-primary{background-color:var(--color-brand-primary);border:1px solid var(--color-brand-primary);color:var(--color-bg-primary)}.btn-primary:hover{background-color:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover)}.btn-secondary{background-color:initial;border:1px solid var(--color-border-default);color:var(--color-text-secondary)}.btn-secondary:hover{background-color:var(--color-surface-hover);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.login-screen{align-items:center;background-color:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-content{max-width:400px;text-align:center;width:100%}.login-brand{color:var(--color-brand-primary);font-size:48px;font-size:var(--font-size-alpha);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:-1px;line-height:1.2;line-height:var(--line-height-condensed);margin-bottom:16px;margin-bottom:var(--spacing-default)}.login-tagline{color:var(--color-text-secondary);font-size:20px;font-size:var(--font-size-epsilon);font-style:italic;line-height:1.5;line-height:var(--line-height-default);margin-bottom:32px;margin-bottom:var(--spacing-layout-lg)}.login-button{font-size:16px;font-size:var(--font-size-zeta);max-width:300px;padding:12px 24px;padding:var(--spacing-component-md) var(--spacing-comfortable);width:100%}.login-form{gap:16px;margin-bottom:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:4px}.login-input{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:8px;border-radius:var(--border-radius-md);color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:16px;font-size:var(--font-size-zeta);padding:12px 16px;padding:var(--spacing-component-md) var(--spacing-default);transition:all .2s ease;transition:all var(--transition-default)}.login-input:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-primary-alpha-20);outline:none}.login-input::placeholder{color:var(--color-text-tertiary)}.login-input:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:var(--color-error);border-radius:8px;border-radius:var(--border-radius-md);color:var(--color-bg-secondary);font-weight:500;font-weight:var(--font-weight-medium);padding:12px 16px;padding:var(--spacing-component-md) var(--spacing-default);text-align:center}.error-message,.toggle-auth-mode{font-size:14px;font-size:var(--font-size-eta)}.toggle-auth-mode{background:none;border:none;color:var(--color-brand-primary);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);margin-bottom:20px;margin-bottom:var(--spacing-component-xl);padding:8px;padding:var(--spacing-component-sm);text-decoration:underline;transition:opacity .2s ease;transition:opacity var(--transition-default)}.toggle-auth-mode:hover{opacity:.8}.toggle-auth-mode:disabled{cursor:not-allowed;opacity:.5}.auth-divider{margin:20px 0;margin:var(--spacing-component-xl) 0;position:relative;text-align:center}.auth-divider:before{background-color:var(--color-border-default);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background-color:var(--color-bg-primary);color:var(--color-text-tertiary);font-size:14px;font-size:var(--font-size-eta);padding:0 16px;padding:0 var(--spacing-default)}.google-login-button{align-items:center;border-radius:8px;border-radius:var(--border-radius-md);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:16px;font-size:var(--font-size-zeta);font-weight:500;font-weight:var(--font-weight-medium);justify-content:center;margin:0 auto;max-width:300px;padding:12px 24px;padding:var(--spacing-component-md) var(--spacing-comfortable);transition:all .2s ease;transition:all var(--transition-default);width:100%}.google-login-button svg{margin-right:8px;margin-right:var(--spacing-component-sm)}.google-login-button:disabled{cursor:not-allowed;opacity:.6}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;padding:var(--spacing-component-xl);position:fixed;right:0;top:0;z-index:1000;z-index:var(--z-index-modal)}.modal-content{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:12px;border-radius:var(--border-radius-lg);max-height:90vh;max-width:var(--modal-width-md);overflow-y:auto;padding:24px;padding:var(--spacing-comfortable);width:100%}.modal-content.modal-xs{max-width:var(--modal-width-xs)}.modal-content.modal-md{max-width:var(--modal-width-md)}.modal-content.modal-lg{max-width:var(--modal-width-lg)}.modal-content.modal-xl{max-width:var(--modal-width-xl)}.modal-content h2{color:var(--color-text-primary);font-size:28px;font-size:var(--font-size-gamma);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:20px;margin-bottom:var(--spacing-component-xl)}.modal-actions{display:flex;gap:12px;gap:var(--spacing-component-md);justify-content:flex-end;margin-top:24px;margin-top:var(--spacing-comfortable)}.form-group{margin-bottom:16px;margin-bottom:var(--spacing-default)}.form-group label{display:block;font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:4px;margin-bottom:var(--spacing-component-xs)}.form-group input,.form-group label,.form-group select{color:var(--color-text-primary);font-size:14px;font-size:var(--font-size-eta)}.form-group input,.form-group select{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:4px;border-radius:var(--border-radius-sm);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);padding:8px 12px;padding:var(--spacing-component-sm) var(--spacing-component-md);transition:all .2s ease;transition:all var(--transition-default);width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-brand-primary-alpha-20);outline:none}@media (max-width:768px){.app-header{padding:8px 16px;padding:8px var(--spacing-default)}.header-content{align-items:stretch;display:flex;flex-direction:column;gap:8px}.header-top-row{align-items:center;display:flex;justify-content:space-between;width:100%}.brand{align-items:center;flex-direction:row}.brand-name{color:var(--color-brand-primary)!important;font-size:18px;line-height:1;margin:0}.brand-tagline{display:none}.mobile-group{display:block}.desktop-group{display:none}.header-actions{align-items:center;display:flex;gap:8px;gap:var(--spacing-component-sm);justify-content:flex-end;width:100%}.current-user,.group-label{display:none}.group-name-button{background:var(--color-bg-tertiary);border:none;border-radius:4px;border-radius:var(--border-radius-sm);font-size:14px;padding:6px 10px}.group-name-button .group-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-button,.join-group-button,.notification-bell,.settings-dropdown{margin-top:8px}.invite-button span{display:none}.invite-button{min-width:0;min-width:auto;padding:8px}.join-group-button{font-size:14px;padding:6px 12px}.notification-bell-button,.settings-button{padding:8px}.group-dropdown-menu{left:16px;margin:0 auto;max-width:400px;position:fixed;right:16px;top:50px;transform:none;z-index:1000}.header-actions button{align-items:center;display:flex;justify-content:center;min-height:40px;min-width:40px}.header-actions .join-group-button{display:flex;font-size:14px;font-size:var(--font-size-eta);padding:8px 16px}.settings-dropdown{position:static}.settings-menu{left:auto;max-width:300px;position:fixed;right:16px;top:60px;width:calc(100vw - 32px);z-index:1000}.tab-navigation{padding:0}.tab-navigation-content{padding:0 16px}.tab-button{padding:12px 16px}.tab-content{padding:16px}.workflow-explainer{flex-direction:column;text-align:center}.explainer-icon{font-size:48px}.login-brand{font-size:36px}.login-tagline{font-size:16px}.login-content{padding:0 16px}.login-input{font-size:16px}.modal-content,.modal-content.modal-lg,.modal-content.modal-md,.modal-content.modal-xl,.modal-content.modal-xs{margin:0;max-height:95vh;max-width:100%}}
/*# sourceMappingURL=main.e1cca31e.css.map*/