@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";.nova-input-root{display:flex;flex-direction:column;gap:8px;width:100%}.nova-input-label{color:var(--text-tertiary);font-size:12px;font-weight:500}.nova-input-container{position:relative;display:flex;align-items:center}.nova-input{width:100%;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius);padding:12px 16px;color:var(--text-primary);font-size:14px;transition:all .2s}.nova-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--shadow-input-focus)}.nova-input::placeholder{color:var(--text-muted)}.nova-input:-webkit-autofill,.nova-input:-webkit-autofill:hover,.nova-input:-webkit-autofill:focus,.nova-input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:var(--text-primary);transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px var(--bg-primary)}.nova-input-icon{position:absolute;color:var(--text-tertiary);display:flex;align-items:center;pointer-events:none}.nova-input-icon--left{left:12px}.nova-input-icon--right{right:12px}.nova-input-error-text{color:var(--market-bearish);font-size:11px}.nova-input--error .nova-input{border-color:var(--market-bearish)}.nova-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;gap:8px}.nova-btn--primary{background-color:var(--accent-primary);color:var(--bg-primary)}.nova-btn--primary:hover:not(:disabled){background-color:var(--accent-primary-hover);box-shadow:0 4px 12px #00f5d433}.nova-btn--secondary{background-color:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.nova-btn--secondary:hover:not(:disabled){background-color:var(--bg-hover-strong);border-color:var(--border-secondary)}.nova-btn--outline{background-color:transparent;border-color:var(--border-primary);color:var(--text-secondary)}.nova-btn--outline:hover:not(:disabled){border-color:var(--accent-primary);color:var(--text-primary)}.nova-btn--danger{background-color:var(--market-bearish);color:#fff}.nova-btn--danger:hover:not(:disabled){opacity:.9}.nova-btn--success{background-color:var(--market-bullish);color:#fff}.nova-btn--success:hover:not(:disabled){opacity:.9}.nova-btn--md{padding:10px 20px;font-size:14px}.nova-btn--sm{padding:6px 12px;font-size:12px}.nova-btn--lg{padding:12px 24px;font-size:16px}.nova-btn--full-width{width:100%;display:flex;justify-content:center}.nova-btn:disabled{opacity:.5;cursor:not-allowed}.nova-btn--loading{position:relative;color:transparent!important}.nova-btn__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.auth-form{display:flex;flex-direction:column;width:100%;margin-bottom:1rem}.auth-form__field{display:flex;flex-direction:column;margin-bottom:20px}.auth-form__field:last-of-type{margin-bottom:0}.auth-form__label{font-size:.75rem;font-weight:500;color:var(--text-tertiary);margin-bottom:8px;text-align:left}.auth-form__input-wrapper{position:relative;width:100%}.auth-form__input{width:100%;height:48px;padding:0 1rem;font-size:.875rem;line-height:normal;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius);color:var(--text-primary);transition:all .2s ease}.auth-form__input::placeholder{color:var(--text-muted)}.auth-form__input:hover:not(:disabled){border-color:var(--border-secondary)}.auth-form__input:focus:not(:disabled){outline:none;border-color:var(--accent-primary);box-shadow:var(--shadow-input-focus);background:var(--bg-hover)}.auth-form__input--error{border-color:var(--market-bearish)!important;background:var(--market-bearish-bg)}.auth-form__input--error:focus{box-shadow:0 0 0 3px var(--market-bearish-bg)!important}.auth-form__input:disabled{opacity:.6;cursor:not-allowed}.auth-form__error-text{font-size:.75rem;color:var(--market-bearish);margin-top:6px;text-align:left;animation:authErrorSlideDown .2s ease-out}.auth-form__submit{width:100%;padding:.75rem 1rem;height:48px;font-size:.875rem;font-weight:600;margin-top:24px!important;background:var(--accent-primary);border:none;border-radius:var(--radius);color:var(--bg-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.auth-form__submit:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:0 4px 12px var(--accent-primary-bg)}.auth-form__submit:active:not(:disabled){transform:translateY(0)}.auth-form__submit:disabled{opacity:.5;cursor:wait}@keyframes authErrorSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.demo-login-card__title{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;text-align:center}.demo-login-card__subtitle{color:var(--text-tertiary);text-align:center;margin-bottom:2rem;font-size:.95rem}.demo-login-card__error{background:var(--market-bearish-bg);border:1px solid rgba(229,112,126,.3);color:var(--market-bearish);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1.5rem;font-size:.875rem}.demo-login-card__form{display:flex;flex-direction:column;gap:1rem}.demo-login-card__label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.demo-login-card__select{width:100%;padding:.875rem 1rem;font-size:1rem;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;transition:border-color .2s,box-shadow .2s}.demo-login-card__select:hover{border-color:var(--border-secondary)}.demo-login-card__select:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--shadow-input-focus)}.demo-login-card__select option{background:var(--bg-secondary);color:var(--text-primary)}.demo-login-card__button{width:100%;padding:1rem;font-size:1rem;font-weight:600;background:var(--accent-primary);border:none;border-radius:var(--radius);color:var(--bg-primary);cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;margin-top:.5rem}.demo-login-card__button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #00f5d440}.demo-login-card__button:active:not(:disabled){transform:translateY(0)}.demo-login-card__button:disabled{opacity:.6;cursor:not-allowed}.demo-login-card__note{color:var(--text-muted);text-align:center;font-size:.8rem;margin-top:1.5rem}.auth-card{background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:2.5rem;max-width:480px;width:100%;box-shadow:var(--shadow-modal);animation:authCardFadeIn .5s ease-out;display:flex;flex-direction:column}.auth-card__header{text-align:center;margin-bottom:2.5rem}.auth-card__title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem;letter-spacing:-.02em}.auth-card__subtitle{color:var(--text-secondary);font-size:.9375rem;line-height:1.5}.auth-card__tabs{display:flex;background:var(--bg-primary);padding:4px;border-radius:var(--radius);margin-bottom:2rem;position:relative;isolation:isolate;border:1px solid var(--border-primary)}.auth-card__tab-indicator{position:absolute;top:4px;bottom:4px;left:4px;width:calc(33.333% - 5.333px);background:var(--bg-tertiary);box-shadow:var(--shadow-card);border-radius:calc(var(--radius) - 2px);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:-1}.auth-card__tab-indicator--register{transform:translate(100%)}.auth-card__tab-indicator--demo{transform:translate(200%)}.auth-card__tab{flex:1;padding:.75rem;font-size:.9375rem;font-weight:600;border:none;background:transparent;color:var(--text-tertiary);border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:color .2s ease;z-index:1}.auth-card__tab:hover:not(:disabled){color:var(--text-secondary)}.auth-card__tab--active{color:var(--accent-primary)}.auth-card__tab:disabled{cursor:not-allowed;opacity:.5}.auth-card__body-wrapper,.auth-card__body{display:contents}.auth-card__error{background:var(--market-bearish-bg);border:1px solid var(--market-bearish);color:var(--market-bearish);padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem;margin-bottom:1.5rem;text-align:center;animation:authErrorShake .4s cubic-bezier(.36,.07,.19,.97) both}.auth-card__footer{margin-top:2rem;text-align:center;font-size:.875rem;color:var(--text-tertiary)}.auth-card__link{background:transparent;border:none;color:var(--accent-primary);font-weight:600;padding:0;cursor:pointer;transition:filter .2s}.auth-card__link:hover:not(:disabled){filter:brightness(1.2);text-decoration:underline}.auth-card__link:disabled{cursor:not-allowed;opacity:.5}@keyframes authCardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes authErrorShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes authFormFadeIn{0%{opacity:0}to{opacity:1}}.market-card-link{text-decoration:none;color:inherit;transition:transform .2s ease;width:100%}.market-card-link:hover{transform:translateY(-4px)}.market-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:24px;height:100%;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-card);transition:border-color .2s}.market-card:hover{border-color:var(--border-secondary)}.market-card .card-header{display:flex;align-items:flex-start;gap:16px}.market-card .card-header .market-icon{font-size:32px}.market-card .card-header .market-info{display:flex;flex-direction:column;gap:4px}.market-card .card-header .market-info .market-title{font-size:15px;font-weight:600;line-height:1.4;margin:0;color:var(--text-primary)}.market-card .card-header .market-info .market-venue{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-sm);width:fit-content;letter-spacing:.5px}.market-card .card-outcomes{display:flex;flex-direction:column;gap:10px}.market-card .card-outcomes .outcome-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-primary);border-radius:var(--radius-sm)}.market-card .card-outcomes .outcome-row .outcome-name{font-size:13px;color:var(--text-secondary)}.market-card .card-outcomes .outcome-row .outcome-price{font-size:14px;font-weight:600;color:var(--market-bullish)}.market-card .card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-tertiary)}.market-card .card-footer .market-volume{display:flex;align-items:center;gap:4px}.nova-table-container{width:100%;overflow-x:auto;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.nova-table{width:100%;border-collapse:collapse;text-align:left}.nova-table__header-row{border-bottom:1px solid var(--border-primary)}.nova-table__header-cell{padding:16px;color:var(--text-tertiary);font-size:12px;font-weight:500;text-transform:uppercase}.nova-table__row{border-bottom:1px solid var(--border-primary);transition:background-color .2s;cursor:pointer}.nova-table__row:last-child{border-bottom:none}.nova-table__row:hover{background-color:var(--bg-hover)}.nova-table__cell{padding:16px;color:var(--text-primary);font-size:14px}.nova-table__cell--right{text-align:right}.nova-table__cell--center{text-align:center}.nova-table__empty,.nova-table__loading{color:var(--text-tertiary)}.nova-table__status-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;height:240px;width:100%;gap:16px;text-align:center;box-sizing:border-box}.nova-table-wrapper{position:relative}.nova-table-overlay{position:absolute;inset:0;background-color:#0003;display:flex;justify-content:center;align-items:center;z-index:10;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:var(--radius-lg)}.nova-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:12px;color:var(--text-tertiary);font-size:14px}.nova-spinner{width:32px;height:32px;border:3px solid var(--border-primary);border-top-color:var(--brand-primary);border-radius:50%;animation:nova-spin .8s linear infinite}.nova-spinner--small{width:16px;height:16px;border-width:2px}.nova-spinner--large{width:48px;height:48px;border-width:4px}.nova-overlay-loader{position:absolute;inset:0;background-color:rgba(var(--bg-primary-rgb),.7);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;border-radius:inherit;gap:16px;color:var(--text-primary);font-weight:500;transition:all .2s ease-in-out}.nova-overlay-loader__content{display:flex;flex-direction:column;align-items:center;gap:12px;animation:fadeIn .3s ease-out}@keyframes nova-spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.price-history-chart .chart-legend{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;padding:10px 0}.price-history-chart .chart-legend .legend-date{font-size:13px;font-weight:500;min-width:60px}.price-history-chart .chart-legend .legend-date.has-data{color:var(--text-primary)}.price-history-chart .chart-legend .legend-date.no-data{color:var(--text-tertiary)}.price-history-chart .chart-legend .legend-item{display:flex;align-items:center;gap:6px}.price-history-chart .chart-legend .legend-item .legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.price-history-chart .chart-legend .legend-item .legend-name{font-size:13px;font-weight:500}.price-history-chart .chart-legend .legend-item .legend-value{font-size:13px;font-variant-numeric:tabular-nums;min-width:48px;text-align:right;display:inline-block}.price-history-chart .chart-legend .legend-item .legend-value.has-data{color:var(--text-primary);font-weight:600}.price-history-chart .chart-legend .legend-item .legend-value.no-data{color:var(--text-tertiary);font-weight:400}.portfolio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.portfolio-header__title{font-size:28px;font-weight:700;color:var(--pm-text-primary)}.portfolio-header__summary{display:flex;gap:24px}.portfolio-header__summary-card{background:var(--pm-background-card);border:1px solid var(--pm-border-primary);border-radius:12px;padding:16px 24px;display:flex;flex-direction:column;gap:4px}.portfolio-header__label{font-size:12px;color:var(--pm-text-muted)}.portfolio-header__value{font-size:24px;font-weight:700;color:var(--text-primary-color, #ffffff)}.portfolio-header__value--positive{color:var(--pm-positive-color)}.portfolio-header__value--negative{color:var(--pm-negative-color)}.portfolio-filter-tabs{display:flex;gap:8px;margin-bottom:24px}.portfolio-filter-tabs__btn{background:transparent;border:1px solid var(--border-primary);color:var(--text-tertiary);padding:8px 16px;border-radius:var(--radius);font-size:13px;cursor:pointer;transition:all .2s}.portfolio-filter-tabs__btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.portfolio-filter-tabs__btn--active{background:var(--accent-primary-bg);border-color:var(--accent-primary);color:var(--accent-primary)}.positions-table{background:var(--pm-background-card);border:1px solid var(--pm-border-primary);border-radius:12px;overflow:hidden}.positions-table__header{display:grid;grid-template-columns:2fr 1.5fr .5fr .7fr .7fr .7fr;gap:16px;padding:16px 24px;background:var(--pm-background-item);font-size:12px;font-weight:600;color:var(--pm-text-muted);text-transform:uppercase}.positions-table__row{display:grid;grid-template-columns:2fr 1.5fr .5fr .7fr .7fr .7fr;gap:16px;padding:20px 24px;border-bottom:1px solid var(--pm-border-primary);align-items:center;color:var(--pm-text-primary)}.positions-table__row:last-child{border-bottom:none}.positions-table__market-name{font-weight:500}.positions-table__outcome,.positions-table__price--estimated{color:var(--pm-text-muted)}.positions-table__estimate-badge{margin-left:2px;font-style:italic;opacity:.7}.positions-table__pnl{display:flex;align-items:center;gap:4px;font-weight:600}.positions-table__pnl--positive{color:var(--pm-positive-color)}.positions-table__pnl--negative{color:var(--pm-negative-color)}.positions-table__pnl--estimated{opacity:.6}.positions-table__state{padding:40px 24px;text-align:center;color:var(--text-secondary-color, #8a919e)}.transactions-filter-tabs{display:flex;gap:10px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.transactions-filter-tabs::-webkit-scrollbar{display:none}.transactions-filter-tabs__btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius);padding:8px 14px;font-size:13px;color:var(--text-tertiary);cursor:pointer;white-space:nowrap;transition:all .2s}.transactions-filter-tabs__btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.transactions-filter-tabs__btn--active{background:var(--accent-primary-bg);border-color:var(--accent-primary);color:var(--accent-primary)}.transactions-list{display:flex;flex-direction:column;gap:12px}.transactions-list__state{padding:40px 24px;text-align:center;color:var(--text-secondary-color, #8a919e)}.transactions-list__row{display:flex;align-items:center;gap:16px;background:var(--background-secondary, #1c202b);border:1px solid var(--border-color, #2a2f3d);border-radius:12px;padding:20px 24px}.transactions-list__icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.transactions-list__icon--deposit{background:#00e3961a;color:var(--color-positive, #00e396)}.transactions-list__icon--withdrawal{background:#ff31431a;color:var(--color-negative, #ff3143)}.transactions-list__icon--order,.transactions-list__icon--trade{background:#2962ff1a;color:var(--color-accent, #2962ff)}.transactions-list__icon--payout{background:#feb0191a;color:var(--color-payout, #feb019)}.transactions-list__icon--bonus{background:#775dd01a;color:var(--color-bonus, #775dd0)}.transactions-list__icon--fee{background:#8a919e1a;color:var(--text-secondary-color, #8a919e)}.transactions-list__info{flex:1;display:flex;flex-direction:column;gap:4px}.transactions-list__description{font-weight:500;color:var(--text-primary-color, #ffffff)}.transactions-list__date{font-size:12px;color:var(--text-secondary-color, #8a919e)}.transactions-list__meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.transactions-list__amount{font-size:16px;font-weight:600}.transactions-list__amount--positive{color:var(--color-positive, #00e396)}.transactions-list__amount--negative{color:var(--color-negative, #ff3143)}.transactions-list__status{font-size:11px;text-transform:uppercase;font-weight:600;padding:2px 8px;border-radius:4px}.transactions-list__status--completed{background:#00e3961a;color:var(--color-positive, #00e396)}.transactions-list__status--pending{background:#feb0191a;color:var(--color-payout, #feb019)}.markets-dashboard{padding:40px;max-width:1400px;margin:0 auto}.markets-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.markets-dashboard .dashboard-header h1{font-size:24px;font-weight:700;color:var(--text-primary)}.markets-dashboard .dashboard-header .market-count{font-size:14px;color:var(--text-tertiary)}.markets-dashboard .search-section{margin-bottom:20px}.markets-dashboard .search-section .search-input-wrapper{position:relative;max-width:500px}.markets-dashboard .search-section .search-input-wrapper .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.markets-dashboard .search-section .search-input-wrapper .search-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius);padding:12px 16px 12px 48px;font-size:14px;color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.markets-dashboard .search-section .search-input-wrapper .search-input::placeholder{color:var(--text-tertiary)}.markets-dashboard .search-section .search-input-wrapper .search-input:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-input-focus)}.markets-dashboard .category-filters{display:flex;gap:10px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.markets-dashboard .category-filters::-webkit-scrollbar{display:none}.markets-dashboard .category-filters .filter-pill{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius);padding:8px 14px;font-size:13px;color:var(--text-tertiary);cursor:pointer;white-space:nowrap;transition:all .2s}.markets-dashboard .category-filters .filter-pill .pill-icon{font-size:14px}.markets-dashboard .category-filters .filter-pill .pill-count{font-size:11px;background:var(--bg-tertiary);padding:1px 6px;border-radius:10px;color:var(--text-tertiary)}.markets-dashboard .category-filters .filter-pill:hover{border-color:var(--accent-primary);color:var(--text-primary)}.markets-dashboard .category-filters .filter-pill.active{background:var(--accent-primary-bg);border-color:var(--accent-primary);color:var(--accent-primary)}.markets-dashboard .category-filters .filter-pill.active .pill-count{background:var(--accent-primary-hover);color:var(--accent-primary)}.markets-dashboard .markets-container{position:relative}.markets-dashboard .loading,.markets-dashboard .no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:300px;padding:40px;color:var(--text-tertiary);font-size:16px}.markets-dashboard .loading-more{text-align:center;padding:20px;color:var(--text-tertiary);font-size:14px}.markets-dashboard .scroll-sentinel{height:1px}.markets-dashboard .markets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.market-detail-view{color:var(--text-primary);min-height:100vh;background:var(--bg-primary)}.market-detail-view .detail-container{padding:40px;max-width:1400px;margin:0 auto}.market-detail-view .back-button{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-tertiary);padding:8px 16px;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:24px;transition:all .2s}.market-detail-view .back-button:hover{color:var(--text-primary);border-color:var(--border-secondary)}.market-detail-view .market-header{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:32px;margin-bottom:24px;box-shadow:var(--shadow-card)}.market-detail-view .market-header .header-top{display:flex;gap:24px}.market-detail-view .market-header .header-top .market-icon{font-size:48px}.market-detail-view .market-header .header-top .title-group{flex:1}.market-detail-view .market-header .header-top .title-group .market-title{font-size:28px;font-weight:700;margin:0 0 16px;line-height:1.2}.market-detail-view .market-header .header-top .title-group .market-meta{display:flex;gap:24px;color:var(--text-tertiary);font-size:14px}.market-detail-view .market-header .header-top .title-group .market-meta .meta-item{display:flex;align-items:center;gap:6px}.market-detail-view .rules-section{margin-bottom:24px}.market-detail-view .rules-section .card-header{display:flex;align-items:center;gap:10px;color:var(--warning)}.market-detail-view .rules-section .rules-content{padding:20px 24px}.market-detail-view .rules-section .rules-content p{margin:0;color:var(--text-tertiary);line-height:1.6;font-size:14px}.market-detail-view .detail-grid{display:grid;grid-template-columns:1fr 380px;gap:24px}.market-detail-view .card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.market-detail-view .card .card-header{padding:20px 24px;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center}.market-detail-view .card .card-header h2{font-size:18px;font-weight:600;margin:0}.market-detail-view .card .card-header .hint{font-size:12px;color:var(--text-tertiary)}.market-detail-view .card .card-header .outcome-label{font-size:12px;color:var(--market-bullish);background:var(--market-bullish-bg);padding:4px 10px;border-radius:var(--radius-sm)}.market-detail-view .card .card-header .time-range-selector{display:flex;gap:4px}.market-detail-view .card .card-header .time-range-selector .range-btn{background:transparent;border:1px solid var(--border-primary);color:var(--text-tertiary);padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.market-detail-view .card .card-header .time-range-selector .range-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.market-detail-view .card .card-header .time-range-selector .range-btn.active{background:var(--accent-primary-bg);border-color:var(--accent-primary);color:var(--accent-primary)}.market-detail-view .main-column{display:flex;flex-direction:column;gap:24px}.market-detail-view .chart-container{padding:24px}.market-detail-view .outcomes-list{display:flex;flex-direction:column}.market-detail-view .outcomes-list .outcome-item{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-primary);cursor:pointer;transition:background .2s}.market-detail-view .outcomes-list .outcome-item:last-child{border-bottom:none}.market-detail-view .outcomes-list .outcome-item:hover{background:var(--bg-hover-strong)}.market-detail-view .outcomes-list .outcome-item.selected{background:var(--accent-primary-bg);border-left:3px solid var(--accent-primary)}.market-detail-view .outcomes-list .outcome-item .outcome-name{font-size:16px;font-weight:500}.market-detail-view .outcomes-list .outcome-item .outcome-data{display:flex;align-items:center;gap:32px}.market-detail-view .outcomes-list .outcome-item .outcome-data .price-group{display:flex;flex-direction:column;align-items:flex-end}.market-detail-view .outcomes-list .outcome-item .outcome-data .price-group .probability{font-size:20px;font-weight:700}.market-detail-view .outcomes-list .outcome-item .outcome-data .price-group .price-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase}.market-detail-view .outcomes-list .outcome-item .outcome-data .action-buttons{display:flex;gap:12px}.market-detail-view .outcomes-list .outcome-item .outcome-data .action-buttons .buy-yes{background:var(--market-bullish);color:var(--bg-primary);border:none}.market-detail-view .outcomes-list .outcome-item .outcome-data .action-buttons .buy-yes.highlight{box-shadow:0 0 0 2px var(--accent-primary)}.market-detail-view .outcomes-list .outcome-item .outcome-data .action-buttons .buy-no{border-color:var(--market-bearish);color:var(--market-bearish)}.market-detail-view .outcomes-list .outcome-item .outcome-data .action-buttons .buy-no:hover{background:var(--market-bearish);color:var(--text-primary)}.market-detail-view .side-column{display:flex;flex-direction:column;gap:24px}.market-detail-view .selected-outcome-banner{background:var(--accent-primary-bg);padding:12px 24px;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--border-primary)}.market-detail-view .selected-outcome-banner .label{font-size:12px;color:var(--text-tertiary)}.market-detail-view .selected-outcome-banner .name{font-size:14px;font-weight:600;color:var(--accent-primary)}.market-detail-view .order-form{padding:24px;display:flex;flex-direction:column;gap:20px}.market-detail-view .order-form .order-type-tabs{display:flex;background:var(--bg-primary);padding:4px;border-radius:var(--radius);gap:4px}.market-detail-view .order-form .order-type-tabs .type-tab{flex:1;padding:8px;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:13px;cursor:pointer;background:transparent;color:var(--text-tertiary);transition:all .2s}.market-detail-view .order-form .order-type-tabs .type-tab.active{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--shadow-card)}.market-detail-view .order-form .order-type-tabs .type-tab.disabled{opacity:.5;cursor:not-allowed;color:var(--text-muted)}.market-detail-view .order-form .external-market-notice{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-sm);color:var(--info);font-size:12px;margin-bottom:12px}.market-detail-view .order-form .side-selector{display:flex;background:var(--bg-primary);padding:4px;border-radius:var(--radius);gap:4px}.market-detail-view .order-form .side-selector .side-btn{flex:1;padding:10px;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:13px;cursor:pointer;background:transparent;color:var(--text-tertiary);transition:all .2s}.market-detail-view .order-form .side-selector .side-btn.active.yes{background:var(--market-bullish);color:var(--bg-primary)}.market-detail-view .order-form .side-selector .side-btn.active.no{background:var(--market-bearish);color:var(--text-primary)}.market-detail-view .order-form .input-group{display:flex;flex-direction:column;gap:8px}.market-detail-view .order-form .input-group label{font-size:12px;color:var(--text-tertiary)}.market-detail-view .order-form .input-group input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius);padding:12px 16px;color:var(--text-primary);font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}.market-detail-view .order-form .input-group input:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-input-focus)}.market-detail-view .order-form .order-summary{display:flex;flex-direction:column;gap:10px;padding:16px 0;border-top:1px solid var(--border-primary)}.market-detail-view .order-form .order-summary .summary-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-tertiary)}.market-detail-view .order-form .order-summary .summary-row.total{color:var(--text-primary);font-weight:600}.market-detail-view .order-form .order-summary .summary-row.total .payout{color:var(--market-bullish)}.market-detail-view .order-form .order-feedback{display:flex;align-items:center;gap:8px;padding:12px;border-radius:var(--radius);font-size:13px}.market-detail-view .order-form .order-feedback.success{background:var(--market-bullish-bg);color:var(--market-bullish)}.market-detail-view .order-form .order-feedback.error{background:var(--market-bearish-bg);color:var(--market-bearish)}.market-detail-view .order-form .place-order-btn{width:100%;background:var(--accent-primary);color:var(--bg-primary);padding:14px;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:opacity .2s}.market-detail-view .order-form .place-order-btn:hover:not(:disabled){opacity:.9}.market-detail-view .order-form .place-order-btn:disabled{opacity:.5;cursor:not-allowed}.market-detail-view .order-book .book-content{padding:16px}.market-detail-view .order-book .book-section .section-label{font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:8px;color:var(--text-tertiary)}.market-detail-view .order-book .book-section table{width:100%;border-collapse:collapse;font-size:12px}.market-detail-view .order-book .book-section table th{text-align:left;color:var(--text-tertiary);font-weight:500;padding:4px 0}.market-detail-view .order-book .book-section table td{padding:6px 0;color:var(--text-tertiary)}.market-detail-view .order-book .book-section table .price-cell{font-weight:600}.market-detail-view .order-book .book-section table .price-cell.bid{color:var(--market-bullish)}.market-detail-view .order-book .book-section table .price-cell.ask{color:var(--market-bearish)}.market-detail-view .order-book .spread-indicator{text-align:center;padding:12px;background:var(--bg-primary);border-radius:var(--radius-sm);margin:12px 0;font-size:14px;font-weight:600}.market-detail-view .open-orders .empty-orders{padding:32px 24px;text-align:center;color:var(--text-tertiary);font-size:14px}.market-detail-view .open-orders .orders-list{display:flex;flex-direction:column}.market-detail-view .open-orders .orders-list .order-item{padding:12px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-primary)}.market-detail-view .open-orders .orders-list .order-item:last-child{border-bottom:none}.market-detail-view .open-orders .orders-list .order-item .order-main{display:flex;align-items:center;gap:16px;font-size:14px}.market-detail-view .open-orders .orders-list .order-item .order-main .side-tag{font-weight:700;font-size:11px;padding:3px 8px;border-radius:var(--radius-sm);text-transform:uppercase;min-width:40px;text-align:center}.market-detail-view .open-orders .orders-list .order-item .order-main .side-tag.yes{color:var(--market-bullish);background:var(--market-bullish-bg);border:1px solid rgba(var(--market-bullish-rgb),.2)}.market-detail-view .open-orders .orders-list .order-item .order-main .side-tag.no{color:var(--market-bearish);background:var(--market-bearish-bg);border:1px solid rgba(var(--market-bearish-rgb),.2)}.market-detail-view .open-orders .orders-list .order-item .order-main .price{font-weight:600;color:var(--text-primary)}.market-detail-view .open-orders .orders-list .order-item .order-main .amount{color:var(--text-tertiary);font-size:13px}.market-detail-view .open-orders .orders-list .order-item .cancel-btn{background:transparent;border:none;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:4px;border-radius:50%}.market-detail-view .open-orders .orders-list .order-item .cancel-btn:hover{color:var(--market-bearish);background:var(--market-bearish-bg)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px;text-align:center;color:var(--text-tertiary);box-sizing:border-box}.portfolio-page{padding:0;margin:0}.portfolio-page__container,.transactions-page{padding:40px;max-width:900px;margin:0 auto}.transactions-page .page-header{margin-bottom:32px}.transactions-page .page-header h1{font-size:28px;font-weight:700}.transactions-page .filter-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.transactions-page .filter-tabs .filter-btn{background:transparent;border:1px solid var(--border-primary);color:var(--text-tertiary);padding:8px 16px;border-radius:var(--radius);font-size:13px;cursor:pointer;transition:all .2s}.transactions-page .filter-tabs .filter-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.transactions-page .filter-tabs .filter-btn.active{background:var(--accent-primary-bg);border-color:var(--accent-primary);color:var(--accent-primary)}.transactions-page .transactions-list{display:flex;flex-direction:column;gap:12px}.transactions-page .transaction-row{display:flex;align-items:center;gap:16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow-card)}.transactions-page .transaction-row .tx-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.transactions-page .transaction-row .tx-icon.deposit{background:var(--market-bullish-bg);color:var(--market-bullish)}.transactions-page .transaction-row .tx-icon.withdrawal{background:var(--market-bearish-bg);color:var(--market-bearish)}.transactions-page .transaction-row .tx-icon.order{background:var(--accent-primary-bg);color:var(--accent-primary)}.transactions-page .transaction-row .tx-icon.payout{background:#f59e0b1a;color:var(--warning)}.transactions-page .transaction-row .tx-icon.bonus{background:#8b5cf61a;color:#8b5cf6}.transactions-page .transaction-row .tx-info{flex:1;display:flex;flex-direction:column;gap:4px}.transactions-page .transaction-row .tx-info .tx-description{font-weight:500}.transactions-page .transaction-row .tx-info .tx-date{font-size:12px;color:var(--text-tertiary)}.transactions-page .transaction-row .tx-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.transactions-page .transaction-row .tx-meta .tx-amount{font-size:16px;font-weight:600}.transactions-page .transaction-row .tx-meta .tx-amount.positive{color:var(--market-bullish)}.transactions-page .transaction-row .tx-meta .tx-amount.negative{color:var(--market-bearish)}.transactions-page .transaction-row .tx-meta .tx-status{font-size:11px;text-transform:uppercase;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm)}.transactions-page .transaction-row .tx-meta .tx-status.completed{background:var(--market-bullish-bg);color:var(--market-bullish)}.transactions-page .transaction-row .tx-meta .tx-status.pending{background:#f59e0b1a;color:var(--warning)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);padding:2rem}.demo-login-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:3rem;max-width:440px;width:100%;box-shadow:var(--shadow-modal)}.demo-login-card h1{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;text-align:center}.demo-login-subtitle{color:var(--text-tertiary);text-align:center;margin-bottom:2rem;font-size:.95rem}.demo-login-error{background:var(--market-bearish-bg);border:1px solid rgba(229,112,126,.3);color:var(--market-bearish);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1.5rem;font-size:.875rem}.demo-login-form{display:flex;flex-direction:column;gap:1rem}.demo-login-form label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.demo-login-form select{width:100%;padding:.875rem 1rem;font-size:1rem;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;transition:border-color .2s,box-shadow .2s}.demo-login-form select:hover{border-color:var(--border-secondary)}.demo-login-form select:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--shadow-input-focus)}.demo-login-form select option{background:var(--bg-secondary);color:var(--text-primary)}.demo-login-button{width:100%;padding:1rem;font-size:1rem;font-weight:600;background:var(--accent-primary);border:none;border-radius:var(--radius);color:var(--bg-primary);cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;margin-top:.5rem}.demo-login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #00f5d440}.demo-login-button:active:not(:disabled){transform:translateY(0)}.demo-login-button:disabled{opacity:.6;cursor:not-allowed}.demo-login-note{color:var(--text-muted);text-align:center;font-size:.8rem;margin-top:1.5rem}.app-header-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.app-header-nav .app-header-logo{display:flex;align-items:center;text-decoration:none}.app-header-nav .app-header-logo .nav-logo-img{height:64px;width:auto}.app-header-nav .nav-links{display:flex;gap:32px}.app-header-nav .nav-links .nav-link{color:var(--text-tertiary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s;padding:8px 0;position:relative}.app-header-nav .nav-links .nav-link:hover{color:var(--text-primary)}.app-header-nav .nav-links .nav-link.active{color:var(--accent-primary)}.app-header-nav .nav-links .nav-link.active:after{content:"";position:absolute;bottom:-17px;left:0;width:100%;height:2px;background:var(--accent-primary)}.app-header-nav .nav-actions{display:flex;gap:12px;align-items:center}.app-header-nav .user-profile{display:flex;align-items:center;gap:12px}.app-header-nav .user-info{display:flex;flex-direction:column;align-items:flex-end;padding:6px 14px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius);transition:all .2s}.app-header-nav .user-info .user-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.2}.app-header-nav .user-info .user-email{font-size:11px;color:var(--text-tertiary);line-height:1.2}.app-header-nav .user-info .user-balance{font-size:12px;color:var(--accent-primary);font-weight:500;margin-top:2px}.app-header-nav .logout-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius);color:var(--text-tertiary);cursor:pointer;transition:all .2s;position:relative;padding:0}.app-header-nav .logout-button:hover{background:var(--bg-hover-strong);border-color:var(--border-warning, #f44336);color:var(--text-warning, #f44336)}.app-header-nav .logout-button:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.app-header-nav .logout-button .tooltip{position:absolute;bottom:-32px;left:50%;transform:translate(-50%) translateY(-5px);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s;pointer-events:none;z-index:100}.app-header-nav .logout-button .tooltip:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,.8)}.main-layout{display:flex;flex-direction:column;min-height:100vh}.main-layout__content{flex:1}.main-layout__loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary-color, #8a919e)}:root{--font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg-primary: #0B0F14;--bg-secondary: #11161D;--bg-tertiary: #1A2028;--bg-hover: rgba(255, 255, 255, .02);--bg-hover-strong: rgba(255, 255, 255, .04);--bg-active: rgba(255, 255, 255, .06);--accent-primary: #00F5D4;--accent-primary-bg: rgba(0, 245, 212, .1);--accent-primary-hover: rgba(0, 245, 212, .15);--accent-secondary: #3DD598;--market-bullish: #26A69A;--market-bullish-bg: rgba(38, 166, 154, .1);--market-bearish: #E5707E;--market-bearish-bg: rgba(229, 112, 126, .1);--text-primary: #E8E9EC;--text-secondary: #B8BCC4;--text-tertiary: #8C919D;--text-muted: rgba(255, 255, 255, .4);--border-primary: #1E2530;--border-secondary: #2A3341;--border-focus: var(--accent-primary);--success: var(--market-bullish);--danger: var(--market-bearish);--warning: #F59E0B;--info: #3B82F6;--shadow-card: 0 2px 8px rgba(0, 0, 0, .4);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .6);--shadow-input-focus: 0 0 0 3px rgba(0, 245, 212, .1);--radius: .625rem;--radius-sm: .375rem;--radius-lg: .75rem;--chart-line-1: #26A69A;--chart-line-2: #E5707E;--chart-line-3: #3B82F6;--chart-line-4: #F59E0B;--chart-line-5: #8B5CF6;--chart-grid: rgba(255, 255, 255, .03);--brand-primary: var(--accent-primary)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;overflow:auto;overscroll-behavior:auto}#root{overflow:auto;overscroll-behavior:auto}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{font-weight:400;box-sizing:border-box}input{touch-action:none}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-variant-numeric:tabular-nums slashed-zero;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}