html {
scroll-behavior: smooth;
}
:root {
--primary: #6366f1;
--primary-dark: #4f46e5;
--secondary: #10b981;
--dark: #1e293b;
--darker: #0f172a;
--light: #f8fafc;
--gray: #64748b;
--light-gray: #e2e8f0;
--ok: #34d399;
--danger: #f87171;
--notify-bell-offset-bottom: 16px;
--notify-bell-size: 48px;
--notify-bell-stack-gap: 12px;
--site-header-height: 72px;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
body {
margin:0;
background-color: var(--darker);
color: var(--light);
line-height: 1.6;
overflow-x:hidden;
}
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
header {
background-color: rgba(15, 23, 42, 0.9);
backdrop-filter: blur(10px);
padding: 20px 0;
position: sticky;
top: 0;
z-index: 100;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header-container {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
}
.logo {
display: inline-flex;
align-items: center;
font-size: 26px;
font-weight: 700;
text-decoration: none;
color: var(--light);
letter-spacing: .2px;
white-space: nowrap;
}
nav ul {
display: flex;
list-style: none;
gap: 18px;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
nav a {
color: var(--light);
text-decoration: none;
font-weight: 500;
transition: color .3s;
}
nav a:hover { color: var(--primary); }
.header-buttons {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.btn {
display:inline-flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
border-radius:8px;
border:1px solid transparent;
min-height:36px;
padding:0 12px;
font-size:13px;
line-height:1.25;
font-weight:600;
font-family:inherit;
cursor:pointer;
transition:all .25s;
text-decoration:none;
color: var(--light);
background: rgba(30, 41, 59, 0.8);
}
.btn-sm{
min-height:32px;
padding:0 10px;
font-size:12px;
line-height:1.2;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary {
background-color: var(--primary);
color: #fff;
border: none;
}
.btn-primary:hover { background-color: var(--primary-dark); }
.btn-outline {
border: 1px solid rgba(99, 102, 241, 0.7);
background: transparent;
color: var(--light);
}
.btn-outline:hover {
background: rgba(99, 102, 241, 0.18);
}
.btn-secondary,.btn-ghost {
border: 1px solid rgba(99, 102, 241, 0.7);
background: transparent;
color: var(--light);
}
.hero {
padding: 94px 0 80px;
text-align: center;
background: linear-gradient(135deg, var(--darker) 0%, #1a202c 100%);
}
.hero.hero-with-preview{
text-align:left;
padding:72px 0 56px;
}
.hero-layout{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
gap:36px;
align-items:center;
}
.hero-copy h1{
margin-bottom:18px;
}
.hero-with-preview .hero-copy p{
margin:0 0 22px;
max-width:560px;
}
.hero-with-preview .hero-buttons{
justify-content:flex-start;
}
.hero-preview{
min-width:0;
}
.hero-preview-frame{
border-radius:18px;
border:1px solid rgba(148,163,184,.28);
background:rgba(15,23,42,.92);
box-shadow:0 24px 48px rgba(2,6,23,.45);
overflow:hidden;
}
.hero-preview-chrome{
display:flex;
align-items:center;
gap:6px;
padding:10px 14px;
border-bottom:1px solid rgba(148,163,184,.18);
background:rgba(30,41,59,.85);
}
.hero-preview-dot{
width:8px;height:8px;border-radius:50%;
background:rgba(148,163,184,.55);
}
.hero-preview-chrome-title{
margin-left:8px;
font-size:12px;
color:var(--light-gray);
}
.hero-preview-body{
display:grid;
grid-template-columns:112px 1fr;
gap:10px;
padding:12px;
min-height:220px;
}
.hero-preview-signals{
display:flex;
flex-direction:column;
gap:6px;
font-size:10px;
}
.hero-preview-panel-title{
font-size:11px;
font-weight:600;
color:#e2e8f0;
margin-bottom:2px;
}
.hero-preview-row{
display:grid;
grid-template-columns:1fr auto auto;
gap:4px;
padding:6px 7px;
border-radius:8px;
background:rgba(30,41,59,.9);
border:1px solid rgba(148,163,184,.15);
color:#cbd5e1;
}
.hero-preview-row.is-long span:last-child{color:#34d399}
.hero-preview-row.is-short span:last-child{color:#f87171}
.hero-preview-main{display:flex;flex-direction:column;gap:8px;min-width:0}
.hero-preview-chart{
flex:1;
border-radius:12px;
border:1px solid rgba(148,163,184,.18);
background:rgba(2,6,23,.55);
padding:8px 10px;
}
.hero-preview-chart-head{
font-size:11px;
color:#e2e8f0;
margin-bottom:6px;
}
.hero-preview-svg{width:100%;height:88px;display:block}
.hero-preview-levels{
display:flex;gap:8px;margin-top:4px;font-size:10px;
}
.hero-preview-levels .lvl-tp{color:#34d399}
.hero-preview-levels .lvl-dca{color:#fbbf24}
.hero-preview-levels .lvl-sl{color:#f87171}
.hero-preview-widgets{display:flex;gap:8px;align-items:stretch}
.hero-preview-heat{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:3px;
flex:1;
padding:8px;
border-radius:10px;
border:1px solid rgba(148,163,184,.16);
background:rgba(30,41,59,.65);
}
.hero-preview-heat span{
aspect-ratio:1;
border-radius:3px;
background:rgba(52,211,153,.35);
}
.hero-preview-heat span:nth-child(3n){background:rgba(248,113,113,.4)}
.hero-preview-heat span:nth-child(4n){background:rgba(99,102,241,.45)}
.hero-preview-ai{
min-width:72px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
font-size:10px;
line-height:1.25;
color:#e9deff;
border-radius:10px;
border:1px solid rgba(124,92,255,.45);
background:rgba(124,92,255,.16);
padding:8px;
}
.section-compact{padding:56px 0}
.screener-grid-compact{
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:16px;
}
.landing-module-card-compact{
padding:18px 18px 14px;
display:flex;
flex-direction:column;
gap:10px;
min-height:0;
}
.landing-module-card-compact:hover{
transform:translateY(-4px);
}
.landing-module-card-compact .screener-card-title-row h3,
.landing-module-card-compact h3{
font-size:1.05rem;
margin-bottom:8px;
line-height:1.25;
}
.landing-module-card-compact .screener-card-lead{
font-size:13px;
line-height:1.4;
color:var(--light-gray);
margin:0;
}
.landing-card-more{
margin-top:auto;
font-size:13px;
font-weight:600;
color:#a5b4fc;
text-decoration:none;
}
.landing-card-more:hover{color:#c7d2fe}
.landing-card-more.is-disabled{
color:var(--gray);
pointer-events:none;
}
.landing-how-steps{margin-top:8px}
.landing-how-step .step-number{
width:36px;height:36px;margin:0 auto 12px;
border-radius:50%;
display:flex;align-items:center;justify-content:center;
background:rgba(99,102,241,.25);
border:1px solid rgba(99,102,241,.55);
font-weight:700;
}
.landing-how-step h3{font-size:1.05rem;margin-bottom:8px}
.landing-how-step p{font-size:14px;color:var(--light-gray);margin:0;line-height:1.45}
.hero h1 {
font-size: clamp(2.4rem, 4vw, 3.6rem);
margin-bottom: 20px;
line-height: 1.15;
}
.hero-title-mobile{display:none}
.admin-btn-short{display:none}
.hero p {
font-size: 1.15rem;
color: var(--light-gray);
max-width: 780px;
margin: 0 auto 30px;
}
.accent {
background: linear-gradient(90deg, var(--primary), var(--secondary));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.hero-buttons {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 12px;
margin-top: 16px;
}
@media (min-width:641px){
.hero-buttons{
gap:14px;
margin-top:12px;
}
.hero-buttons .btn {
min-height: 44px;
padding: 0 22px;
font-size: 15px;
line-height: 1.3;
}
}
.section { padding: 80px 0; scroll-margin-top: calc(var(--site-header-height, 72px) + 12px); }
.section-alt { background: rgba(15, 23, 42, 0.7); }
.section-title {
text-align: center;
font-size: 2.2rem;
margin-bottom: 18px;
}
.section-subtitle {
text-align: center;
color: var(--gray);
max-width: 760px;
margin: 0 auto 48px;
font-size: 1.1rem;
}
.screener-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 26px;
}
.screener-card {
background: rgba(30, 41, 59, 0.7);
border-radius: 16px;
padding: 28px;
border: 1px solid rgba(255, 255, 255, 0.1);
transition: transform .3s, box-shadow .3s;
}
.screener-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
}
.screener-card.screener-history-view,
.screener-card.screener-history-view:hover {
transform: none;
box-shadow: none;
border-top: none;
}
.screener-card.screener-history-view.funding,
.screener-card.screener-history-view.liquidations,
.screener-card.screener-history-view.longshort,
.screener-card.screener-history-view.pump,
.screener-card.screener-history-view.oi,
.screener-card.screener-history-view.extremes,
.screener-card.screener-history-view.techta,
.screener-card.screener-history-view.regime {
border-top: none;
}
.screener-card.pump { border-top: 4px solid var(--primary); }
.screener-card.oi { border-top: 4px solid var(--secondary); }
.screener-card.extremes { border-top: 4px solid #f59e0b; }
.screener-card.funding { border-top: 4px solid #22d3ee; }
.screener-card.liquidations { border-top: 4px solid #ef4444; }
.screener-card.longshort { border-top: 4px solid #a78bfa; }
.screener-card.techta { border-top: 4px solid #c084fc; }
.screener-card.pulsegrid { border-top: 4px solid #38bdf8; }
.screener-card.regime { border-top: 4px solid #f97316; }
.screener-card.pumpdump-tester { border-top: 4px solid #a855f7; }
.screener-card.oi-tester { border-top: 4px solid #14b8a6; }
.screener-card.pumpdump-optimizer { border-top: 4px solid #8b5cf6; }
.screener-card.oi-optimizer { border-top: 4px solid #0d9488; }
.screener-card.pd-oi-backtest { border-top: 4px solid #a855f7; }
.screener-card.pd-oi-optimizer { border-top: 4px solid #8b5cf6; }
.screener-card.pumpdump-autotrade { border-top: 4px solid var(--primary); }
.screener-card.oi-autotrade { border-top: 4px solid var(--secondary); }
.screener-card.pd-oi-autotrade { border-top: 4px solid #2dd4bf; }
.screener-card.promode { border-top: 4px solid #e879f9; }
.screener-card.btceth { border-top: none; }
.filters-cvd-row{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px 14px;
margin:10px 0 12px;
padding:10px 14px;
border-radius:12px;
border:1px solid rgba(148,163,184,.22);
background:rgba(15,23,42,.45);
}
.filters-cvd-row .filters-signal-types-label{flex:0 0 auto}
.filters-cvd-row .notify-toggle{margin:0}
.filters-grid-3{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px 12px;
align-items:end;
}
.filters-grid-4{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px 12px;
align-items:end;
}
.window-chips{flex-wrap:wrap}
.filters-grid-5{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:10px 12px;
align-items:end;
}
.filters-signal-types-row{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px 14px;
margin:10px 0 12px;
padding:10px 14px;
border-radius:12px;
border:1px solid rgba(148,163,184,.22);
background:rgba(15,23,42,.45);
}
.filters-signal-types-label{
flex:0 0 auto;
font-size:13px;
font-weight:600;
color:var(--light-gray);
white-space:nowrap;
}
.filters-signal-types-row .signal-type-chips{
flex:1 1 240px;
min-width:0;
}
.filters-pumpdump-block{
margin-bottom:10px;
border-radius:12px;
border:1px solid rgba(148,163,184,.22);
background:rgba(15,23,42,.45);
overflow:hidden;
}
@media (max-width:700px){
.filters-pumpdump-block{overflow:visible}
}
@media (max-width:700px){
.filters-pumpdump-block{overflow:visible}
}
.filters-pumpdump-block > .filters-row-pumpdump{
margin-bottom:0;
border:none;
border-radius:0;
background:transparent;
}
.filters-row-pumpdump{
display:flex;
flex-wrap:nowrap;
align-items:stretch;
gap:0;
margin-bottom:10px;
border-radius:12px;
border:1px solid rgba(148,163,184,.22);
background:rgba(15,23,42,.45);
overflow:hidden;
}
.filters-pumpdump-group{
display:flex;
flex-wrap:nowrap;
align-items:center;
gap:8px 10px;
flex:1 1 0;
min-width:0;
padding:10px 12px;
box-sizing:border-box;
overflow:hidden;
}
.filters-pumpdump-group .filters-signal-types-label{
flex:0 0 auto;
align-self:center;
padding-right:2px;
min-width:52px;
}
.filters-pumpdump-group-pump .filters-signal-types-label{color:#4ade80}
.filters-pumpdump-group-dump .filters-signal-types-label{color:#f87171}
.filters-pumpdump-group-volume .filters-signal-types-label{color:#94a3b8}
.filters-pumpdump-fields{
display:grid;
grid-template-columns:1fr;
gap:8px;
flex:1 1 auto;
min-width:0;
width:100%;
box-sizing:border-box;
}
.filters-pumpdump-fields .filter-field-compact,
.filters-pumpdump-fields .tester-field{
min-width:0;
max-width:100%;
}
.filters-pumpdump-fields-2{
grid-template-columns:1fr;
}
@media (min-width:901px){
.filters-pumpdump-fields{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px 10px;
}
.filters-pumpdump-fields-2{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:1100px) and (min-width:701px){
.filters-pumpdump-fields,
.filters-pumpdump-fields-2{
grid-template-columns:1fr;
}
}
.filters-pumpdump-divider{
flex:0 0 1px;
align-self:stretch;
background:rgba(148,163,184,.25);
margin:8px 0;
}
@media (max-width:1100px) and (min-width:701px){
.filters-row-pumpdump{flex-wrap:wrap}
.filters-pumpdump-group{
flex:1 1 calc(50% - 1px);
min-width:min(100%,280px);
}
.filters-pumpdump-divider{display:none}
}
@media (max-width:700px){
.filters-row-pumpdump{
flex-direction:column;
flex-wrap:nowrap;
align-items:stretch;
gap:0;
overflow:visible;
}
.filters-pumpdump-divider{display:none}
.filters-pumpdump-group{
flex:0 0 auto;
width:100%;
min-width:0;
min-height:0;
flex-wrap:nowrap;
align-items:flex-start;
overflow:visible;
padding:12px;
border-bottom:1px solid rgba(148,163,184,.15);
box-sizing:border-box;
}
.filters-pumpdump-group:last-child{border-bottom:none}
.filters-pumpdump-group:has(> .filters-signal-types-label){
display:grid;
grid-template-columns:auto minmax(0,1fr);
column-gap:10px;
row-gap:8px;
align-items:center;
}
.filters-pumpdump-group:has(> .filters-signal-types-label) .filters-pumpdump-fields{
display:contents;
}
.filters-pumpdump-group:has(> .filters-signal-types-label) .filters-signal-types-label{
grid-column:1;
grid-row:2;
align-self:center;
padding-top:0;
flex-shrink:0;
}
.filters-pumpdump-group:has(> .filters-signal-types-label):has(.filters-pumpdump-fields-2) .filters-signal-types-label{
grid-row:1 / 3;
align-self:center;
}
.filters-pumpdump-group:has(> .filters-signal-types-label):has(.filters-pumpdump-fields-2) .filters-signal-types-label{
grid-row:1 / 3;
align-self:center;
}
.filters-pumpdump-group:has(> .filters-signal-types-label) .filters-pumpdump-fields > :nth-child(1){
grid-column:2;
grid-row:1;
min-width:0;
}
.filters-pumpdump-group:has(> .filters-signal-types-label) .filters-pumpdump-fields > :nth-child(2){
grid-column:2;
grid-row:2;
min-width:0;
}
.filters-pumpdump-group:has(> .filters-signal-types-label) .filters-pumpdump-fields > :nth-child(3){
grid-column:2;
grid-row:3;
min-width:0;
}
.filters-pumpdump-fields{
flex:1 1 auto;
min-width:0;
width:auto;
}
}
.filter-field-compact input[type="number"]{
-moz-appearance:textfield;
appearance:textfield;
}
.filter-field-compact input[type="number"]::-webkit-outer-spin-button,
.filter-field-compact input[type="number"]::-webkit-inner-spin-button{
-webkit-appearance:none;
margin:0;
}
.screener-signals th.sortable{
cursor:pointer;
user-select:none;
white-space:nowrap;
}
.screener-signals th.sortable:hover{color:#e2e8f0}
.screener-signals th.is-sorted-asc::after,
.screener-signals th.is-sorted-desc::after{
font-size:10px;
opacity:.85;
}
.screener-signals th.is-sorted-asc::after{content:" ▲"}
.screener-signals th.is-sorted-desc::after{content:" ▼"}
.screener-signals .table-empty{
text-align:center;
color:var(--light-gray);
padding:28px 12px;
font-size:14px;
line-height:1.5;
}
.signal-type-chips{
display:flex;
flex-wrap:wrap;
gap:8px;
}
.signal-type-chip{
position:relative;
cursor:pointer;
margin:0;
}
.signal-type-chip input{
position:absolute;
opacity:0;
width:0;
height:0;
pointer-events:none;
}
.signal-type-chip span{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:32px;
padding:0 14px;
border-radius:999px;
border:1px solid rgba(148,163,184,.35);
background:rgba(15,23,42,.65);
color:var(--light-gray);
font-size:12px;
font-weight:600;
letter-spacing:.02em;
transition:background .2s,border-color .2s,color .2s;
}
.signal-type-chip input:checked + span{
border-color:rgba(99,102,241,.75);
background:rgba(99,102,241,.28);
color:#e9deff;
}
.signal-type-chip input:focus-visible + span{
outline:2px solid rgba(99,102,241,.65);
outline-offset:2px;
}
@media (max-width:1200px){
.filters-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}
.filters-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
.filters-grid-5,
.filters-grid-4,
.filters-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
.filters-grid-5,
.filters-grid-4,
.filters-grid-3{grid-template-columns:1fr}
}
.screener-card h3 {
font-size: 1.5rem;
margin-bottom: 14px;
display: flex;
align-items: center;
gap: 10px;
}
.icon-badge {
width: 28px;
height: 28px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
background: rgba(99, 102, 241, 0.25);
border: 1px solid rgba(99, 102, 241, 0.65);
}
.features-list { list-style: none; margin: 22px 0; }
.features-list li {
padding: 10px 0;
border-bottom: 1px solid rgba(255,255,255,.1);
display: flex;
align-items: center;
gap: 10px;
}
.check {
color: var(--secondary);
font-weight: 700;
font-size: 14px;
}
.steps {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
margin-top: 30px;
}
.step {
text-align: center;
padding: 24px;
border-radius: 12px;
background: rgba(30, 41, 59, 0.7);
border: 1px solid rgba(255,255,255,.1);
animation: riseIn .7s ease both;
transition: transform .25s, border-color .25s, box-shadow .25s;
}
.step:nth-child(2){animation-delay:.08s}
.step:nth-child(3){animation-delay:.16s}
.step:nth-child(4){animation-delay:.24s}
.step:hover {
transform: translateY(-6px);
border-color: rgba(99,102,241,.55);
box-shadow: 0 16px 24px rgba(15,23,42,.35);
}
.step-number {
width: 50px;
height: 50px;
margin: 0 auto 14px;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
color: #fff;
background: linear-gradient(135deg, var(--primary), var(--primary-dark));
box-shadow: 0 0 0 8px rgba(99,102,241,.15);
animation: pulseGlow 2.4s ease-in-out infinite;
}
@keyframes riseIn {
from { opacity: 0; transform: translateY(14px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes pulseGlow {
0%,100% { box-shadow: 0 0 0 8px rgba(99,102,241,.12); }
50% { box-shadow: 0 0 0 12px rgba(99,102,241,.2); }
}
.pricing-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
margin-top: 20px;
align-items: stretch;
}
.pricing-card {
background: linear-gradient(180deg, rgba(30, 41, 59, 0.92) 0%, rgba(15, 23, 42, 0.88) 100%);
border-radius: 18px;
padding: 28px 24px 24px;
border: 1px solid rgba(148, 163, 184, 0.18);
text-align: left;
position: relative;
display: flex;
flex-direction: column;
height: 100%;
box-shadow: 0 12px 32px rgba(2, 6, 23, 0.35);
transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
.pricing-card:hover {
border-color: rgba(129, 140, 248, 0.35);
box-shadow: 0 16px 40px rgba(2, 6, 23, 0.45);
}
.pricing-card.popular {
border: 1px solid rgba(99, 102, 241, 0.65);
box-shadow: 0 0 0 1px rgba(99, 102, 241, 0.25), 0 18px 44px rgba(49, 46, 129, 0.35);
transform: none;
}
.pricing-card.popular:hover {
border-color: rgba(129, 140, 248, 0.8);
box-shadow: 0 0 0 1px rgba(129, 140, 248, 0.35), 0 20px 48px rgba(49, 46, 129, 0.42);
}
.popular-tag {
position: absolute;
top: 12px;
right: 12px;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
margin: 0;
padding: 0;
border-radius: 50%;
background: linear-gradient(135deg, rgba(99, 102, 241, 0.98), rgba(129, 140, 248, 0.92));
color: #fff;
box-shadow: 0 4px 14px rgba(99, 102, 241, 0.4);
pointer-events: none;
}
.popular-tag-icon { font-size: 14px; line-height: 1; }
.pricing-card-head { text-align: center; margin-bottom: 18px; }
.pricing-card-head h3 {
margin: 0 0 6px;
font-size: 1.45rem;
font-weight: 700;
letter-spacing: -0.02em;
}
.pricing-card-subtitle {
margin: 0;
font-size: 13px;
line-height: 1.45;
max-width: 240px;
margin-inline: auto;
}
.pricing-price-block {
display: flex;
align-items: baseline;
justify-content: center;
gap: 4px;
margin-bottom: 18px;
text-align: center;
}
.pricing-price { font-size: 2.5rem; font-weight: 800; letter-spacing: -0.03em; line-height: 1; }
.pricing-price-currency { font-size: 1.35rem; font-weight: 700; color: var(--light); }
.pricing-price-period { font-size: 0.95rem; font-weight: 500; margin-left: 2px; }
.pricing-period { color: var(--gray); margin-bottom: 10px; }
.pricing-features { list-style: none; margin: 0; text-align: left; }
.pricing-features li {
position: relative;
padding: 9px 0 9px 30px;
border-bottom: none;
line-height: 1.45;
font-size: 14px;
color: var(--light-gray);
}
.pricing-features li .check {
position: absolute;
left: 0;
top: 9px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 999px;
background: rgba(99, 102, 241, 0.18);
color: #a5b4fc;
font-size: 11px;
font-weight: 700;
line-height: 1;
}
.pricing-features a {
color: #fff;
text-decoration: underline;
text-underline-offset: 2px;
}
.pricing-features a:hover { color: #e2e8f0; }
.faq-container { max-width: 820px; margin: 0 auto; }
.faq-item { margin-bottom: 14px; background: rgba(30, 41, 59, 0.7); border-radius: 12px; overflow:hidden; }
.faq-question {
padding: 18px;
background: rgba(79, 70, 229, 0.2);
cursor: pointer;
display:flex;
justify-content: space-between;
align-items:center;
font-weight:600;
}
.faq-answer { padding: 0 18px; max-height: 0; overflow:hidden; transition: max-height .3s, padding .3s; color: var(--light-gray); }
.faq-answer.open { padding: 18px; max-height: 800px; }
.card {
background: rgba(30, 41, 59, 0.7);
border-radius: 16px;
padding: 24px;
border: 1px solid rgba(255,255,255,.1);
margin-bottom: 16px;
}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.list{margin:0;padding-left:18px;color:var(--light-gray)}
.list li{margin:8px 0}
input,select,button{
padding:10px 11px;
border-radius:10px;
border:1px solid rgba(140,164,214,.38);
background:#0f172a;
color:var(--light);
}
input:focus,select:focus{
outline:none;
border-color:var(--primary);
box-shadow:0 0 0 2px rgba(99,102,241,.22);
}
form{display:grid;gap:14px}
.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.auth-shell{display:flex;justify-content:center;padding-top:36px}
.auth-card{
width:100%;
max-width:560px;
margin:0 auto;
padding:32px;
border-radius:18px;
background:rgba(15,23,42,.78);
border:1px solid rgba(148,163,184,.22);
box-shadow:0 16px 40px rgba(2,6,23,.35);
}
.auth-title{font-size:2rem;line-height:1.2;margin-bottom:10px}
.auth-note{margin-bottom:18px}
.auth-form{display:grid;gap:12px}
.auth-form .field{display:grid;gap:8px}
.auth-form input{width:100%}
.auth-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.auth-actions .btn,
.auth-form .btn{width:100%}
.auth-required-card .auth-note{margin-bottom:14px}
.auth-required-list{margin:0 0 16px;padding-left:18px;color:var(--light-gray)}
.auth-required-list li{margin:6px 0}
.auth-required-hint{
margin-top:14px;
padding:10px 12px;
border-radius:10px;
border:1px solid rgba(124,92,255,.45);
background:rgba(124,92,255,.12);
color:#e9deff;
font-size:14px;
line-height:1.45;
}
.screener-card{
padding:22px;
border-radius:18px;
background:rgba(15,23,42,.75);
border:1px solid rgba(148,163,184,.2);
}
.screener-head{
padding-bottom:14px;
margin-bottom:14px;
border-bottom:1px solid rgba(148,163,184,.18);
}
.screener-head h1{
margin-bottom:8px;
line-height:1.2;
font-size:clamp(1.35rem,2.4vw,1.75rem);
}
.screener-head .muted{
margin:0;
line-height:1.45;
}
@media (max-width:1260px){
.screener-head h1{
font-size:clamp(1.12rem,5.4vw,1.42rem);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.screener-head .muted{
font-size:13px;
line-height:1.4;
}
}
.screener-filters-panel{
padding-bottom:12px;
margin-bottom:14px;
border-bottom:1px solid rgba(148,163,184,.12);
}
.screener-signals{margin-top:4px;max-width:100%}
.table-wrap,
.screener-signals{
overflow-x:auto;
-webkit-overflow-scrolling:touch;
max-width:100%;
}
.table-wrap table,
.screener-signals > table{
width:100%;
min-width:max(100%,520px);
}
.filters-row-exchanges{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px 12px;
align-items:end;
margin-bottom:10px;
}
.filters-row-exchanges-5{
grid-template-columns:repeat(5,minmax(0,1fr));
}
.filters-row-exchanges-5{
grid-template-columns:repeat(5,minmax(0,1fr));
}
.filters-row-exchanges .filter-field,
.filters-row-exchanges .filter-field-exchange{
min-width:0;
}
.filters-row-exchanges .exchange-picker{
width:100%;
min-width:0;
}
.filters-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
gap:10px 12px;
align-items:end;
}
.filters-row-extremes-top{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:8px;
align-items:end;
margin-bottom:10px;
}
.filters-row-extremes-top .filter-field-compact,
.filters-row-extremes-top .filter-field-exchange-wide{
min-width:0;
}
.filters-row-extremes-top .exchange-picker{
width:100%;
min-width:0;
}
details.exchange-picker[open]{
height:auto;
max-height:none;
overflow:visible;
z-index:50;
}
.filters-grid-extremes-primary{
display:grid;
grid-template-columns:repeat(8,minmax(0,1fr));
gap:8px 8px;
align-items:end;
margin-bottom:10px;
}
.filters-grid-extremes-secondary{
display:grid;
grid-template-columns:repeat(9,minmax(0,1fr));
gap:8px 8px;
align-items:end;
margin-bottom:10px;
}
.filter-field-compact{min-width:0}
.filter-field-compact span{
font-size:11px;
line-height:1.15;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.filter-field-compact input,
.filter-field-compact select{
width:100%;
min-width:0;
padding:6px 6px;
font-size:12px;
}
@media (max-width:1400px){
.filters-grid-extremes-primary{grid-template-columns:repeat(4,minmax(0,1fr))}
.filters-grid-extremes-secondary{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:1200px){
.filters-grid-extremes-primary{grid-template-columns:repeat(4,minmax(0,1fr))}
.filters-grid-extremes-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
.filters-row-extremes-top{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.filter-field-exchange-wide{grid-column:auto}
}
.filter-date-range{
display:contents;
}
.filter-date-range .filter-field,
.filter-date-range .ath-filter-field{
min-width:0;
}
@media (max-width:640px){
.filter-date-range{
display:grid;
grid-column:1 / -1;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px 10px;
width:100%;
min-width:0;
max-width:100%;
align-items:end;
justify-self:stretch;
}
.filter-date-range .filter-field,
.filter-date-range .notif-filter-date,
.filter-date-range .ath-filter-field{
width:100%;
min-width:0;
}
.filter-date-range input[type="date"]{
display:block;
width:100%;
min-width:0;
max-width:100%;
box-sizing:border-box;
height:36px;
min-height:36px;
max-height:36px;
}
}
.filter-field{display:grid;gap:6px;min-width:0}
.filter-field-exchange{min-width:0}
.filter-field span{font-size:13px;line-height:1.2;color:var(--light-gray)}
@media (max-width:1200px){
.filters-row-exchanges-5{
grid-template-columns:repeat(3,minmax(0,1fr));
}
}
@media (max-width:900px){
.filters-row-exchanges{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.filters-row-exchanges-5{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
.filter-field input,
.filter-field select{
height:36px;
min-height:36px;
max-height:36px;
padding:6px 10px;
box-sizing:border-box;
}
.exchange-picker{
position:relative;
border:1px solid rgba(140,164,214,.38);
border-radius:10px;
background:#0f172a;
height:36px;
min-height:36px;
max-height:36px;
box-sizing:border-box;
}
.exchange-picker summary{
cursor:pointer;
list-style:none;
font-weight:600;
height:36px;
min-height:36px;
max-height:36px;
padding:0 10px;
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
overflow:hidden;
box-sizing:border-box;
}
.exchange-picker-label{
flex:1;
min-width:0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-size:13px;
line-height:1.2;
}
.exchange-picker summary::after{
content:"▾";
opacity:.8;
font-size:12px;
flex-shrink:0;
margin-left:6px;
}
.exchange-picker summary::-webkit-details-marker{display:none}
.exchange-options{
position:absolute;
top:calc(100% + 8px);
left:0;
width:100%;
z-index:30;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px 12px;
margin-top:0;
padding:10px 12px;
border-radius:10px;
border:1px solid rgba(140,164,214,.38);
background:#0f172a;
box-shadow:0 14px 28px rgba(2,6,23,.4);
}
.exchange-options label{display:flex;align-items:center;gap:8px;font-size:14px}
.exchange-options input{width:16px;height:16px}
.filters-actions{
margin-top:2px;
display:flex;
gap:10px;
flex-wrap:wrap;
align-items:center;
}
.filters-actions .btn{
min-height:36px;
padding:0 12px;
font-size:13px;
line-height:1.25;
border-radius:8px;
}
.filters-actions button.btn{
padding:0 12px;
}
.filters-actions .btn-primary{
border:1px solid transparent;
}
.history-pagination{
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
margin-top:18px;
padding-top:14px;
border-top:1px solid rgba(148,163,184,.2);
}
.history-pagination-nav{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
flex-wrap:wrap;
}
.history-page-info{
font-size:14px;
color:var(--light-gray);
text-align:center;
line-height:1.4;
}
.history-title{
margin:0 0 8px;
line-height:1.2;
}
.btn-disabled{
opacity:.45;
pointer-events:none;
cursor:default;
}
.history-head{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:12px;
flex-wrap:wrap;
margin-bottom:14px;
padding-bottom:12px;
border-bottom:1px solid rgba(148,163,184,.12);
}
.history-head-actions{
display:flex;
gap:8px;
flex-wrap:wrap;
align-items:center;
}
.screener-toolbar{
display:flex;
justify-content:space-between;
align-items:center;
gap:8px 12px;
flex-wrap:wrap;
margin-top:10px;
}
.toolbar-left{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
flex-shrink:0;
}
.pill-futures{
font-weight:600;
letter-spacing:.03em;
}
.screener-top-pairs{
display:inline-flex;
align-items:center;
gap:6px;
border:1px solid rgba(148,163,184,.35);
border-radius:999px;
padding:6px 10px;
font-size:13px;
color:var(--light-gray);
background:rgba(15,23,42,.8);
cursor:pointer;
user-select:none;
white-space:nowrap;
}
.screener-top-pairs select{
background:transparent;
border:none;
color:inherit;
font-size:inherit;
cursor:pointer;
padding:0;
margin:0;
outline:none;
color-scheme:dark;
}
.screener-top-pairs select option{
background:#0f172a;
color:#e2e8f0;
}
.toolbar-right{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
flex-shrink:0;
margin-left:auto;
}
#streamState,
.stream-state{
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
min-width:auto;
white-space:nowrap;
flex-shrink:0;
padding:6px 10px;
}
.stream-state-dot{
width:8px;
height:8px;
border-radius:50%;
flex-shrink:0;
}
.stream-state--pending .stream-state-dot{
border:1.5px solid rgba(148,163,184,.55);
background:transparent;
animation:streamPulse 1.1s ease-in-out infinite;
}
.stream-state--ok .stream-state-dot{
background:#22c55e;
box-shadow:0 0 0 2px rgba(34,197,94,.2);
animation:streamLivePulse 1.8s ease-in-out infinite;
}
.stream-state--ok .stream-state-text{
color:#86efac;
font-weight:600;
}
.stream-state--pending .stream-state-text{
color:#94a3b8;
}
.stream-state--reconnect .stream-state-dot{
background:#f59e0b;
box-shadow:0 0 0 2px rgba(245,158,11,.2);
}
.stream-state--reconnect .stream-state-text{
color:#fbbf24;
font-weight:600;
}
.stream-state--error .stream-state-dot{
background:#ef4444;
box-shadow:0 0 0 2px rgba(239,68,68,.2);
}
.stream-state--error .stream-state-text{
color:#fca5a5;
font-weight:600;
}
@keyframes streamPulse{
0%,100%{opacity:.45}
50%{opacity:1}
}
.notify-toggle{
display:inline-flex;
align-items:center;
gap:6px;
border:1px solid rgba(148,163,184,.35);
border-radius:999px;
padding:6px 10px;
font-size:13px;
color:var(--light-gray);
background:rgba(15,23,42,.8);
cursor:pointer;
user-select:none;
white-space:nowrap;
}
.notify-toggle input{
width:14px;
height:14px;
margin:0;
accent-color:var(--primary);
}
.notify-toggle--icon{
gap:0;
padding:6px 9px;
background:transparent;
border-color:rgba(148,163,184,.28);
}
.notify-toggle--icon input.sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}
.sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}
.notify-toggle-icon{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
width:16px;
height:16px;
line-height:1;
color:inherit;
}
.notify-toggle-svg{
display:block;
width:16px;
height:16px;
}
.notify-toggle--icon.is-on{
color:#e2e8f0;
border-color:rgba(148,163,184,.45);
}
.notify-toggle--icon.is-off{
color:#64748b;
border-color:rgba(100,116,139,.35);
opacity:.78;
}
.notify-toggle--icon.is-off .notify-toggle-icon::after{
content:"";
position:absolute;
left:-2px;
right:-2px;
top:50%;
height:2px;
margin-top:-1px;
background:currentColor;
transform:rotate(-45deg);
border-radius:1px;
pointer-events:none;
}
.notify-toggle--icon.is-on:hover{
color:#f8fafc;
border-color:rgba(124,92,255,.45);
}
.notify-toggle--icon.is-off:hover{
opacity:.92;
border-color:rgba(148,163,184,.45);
}
.notify-toggle--history .notify-toggle-short{
font-size:12px;
font-weight:600;
}
.history-modal-backdrop{
position:fixed;
inset:0;
z-index:10020;
display:flex;
align-items:center;
justify-content:center;
padding:20px;
background:rgba(2,6,23,.72);
backdrop-filter:blur(4px);
}
.history-modal-backdrop[hidden]{display:none}
.history-modal-card{
width:min(480px,100%);
border-radius:14px;
border:1px solid rgba(124,92,255,.45);
background:linear-gradient(180deg,#111a2e 0%,#0b1220 100%);
box-shadow:0 24px 48px rgba(2,6,23,.55);
padding:22px 22px 18px;
}
.history-modal-card h3{
margin:0 0 10px;
font-size:20px;
color:#f8fafc;
}
.history-modal-card p{
margin:0 0 10px;
font-size:14px;
line-height:1.5;
color:var(--light-gray);
}
.history-modal-list{
margin:0 0 16px 18px;
padding:0;
color:#cbd5e1;
font-size:13px;
line-height:1.45;
}
.history-modal-actions{
display:flex;
gap:10px;
justify-content:flex-end;
flex-wrap:wrap;
}
.history-modal-backdrop,
.history-modal-card,
.grouped-feature-modal-card,
.tester-optimizer-results{
scrollbar-width:thin;
scrollbar-color:rgba(100,116,139,.55) rgba(15,23,42,.8);
}
.history-modal-backdrop::-webkit-scrollbar,
.history-modal-card::-webkit-scrollbar,
.grouped-feature-modal-card::-webkit-scrollbar,
.tester-optimizer-results::-webkit-scrollbar{
width:8px;
height:8px;
}
.history-modal-backdrop::-webkit-scrollbar-track,
.history-modal-card::-webkit-scrollbar-track,
.grouped-feature-modal-card::-webkit-scrollbar-track,
.tester-optimizer-results::-webkit-scrollbar-track{
background:rgba(15,23,42,.8);
border-radius:4px;
}
.history-modal-backdrop::-webkit-scrollbar-thumb,
.history-modal-card::-webkit-scrollbar-thumb,
.grouped-feature-modal-card::-webkit-scrollbar-thumb,
.tester-optimizer-results::-webkit-scrollbar-thumb{
background:rgba(100,116,139,.55);
border-radius:4px;
}
.history-modal-backdrop::-webkit-scrollbar-thumb:hover,
.history-modal-card::-webkit-scrollbar-thumb:hover,
.grouped-feature-modal-card::-webkit-scrollbar-thumb:hover,
.tester-optimizer-results::-webkit-scrollbar-thumb:hover{
background:rgba(148,163,184,.75);
}
.toast-container{
position:fixed;
right:14px;
bottom:14px;
z-index:10100;
display:flex;
flex-direction:column;
gap:6px;
pointer-events:none;
width:min(290px,calc(100vw - 28px));
}
body:has(#bgNotifyHost .bg-notify-bell) .toast-container{
bottom:calc(var(--notify-bell-offset-bottom) + var(--notify-bell-size) + var(--notify-bell-stack-gap));
}
.toast{
pointer-events:auto;
border:1px solid rgba(148,163,184,.34);
border-radius:9px;
background:rgba(15,23,42,.97);
box-shadow:0 6px 16px rgba(2,6,23,.4);
padding:7px 9px;
}
.toast-top{
display:flex;
justify-content:space-between;
gap:6px;
align-items:center;
margin-bottom:2px;
font-size:11px;
color:var(--light-gray);
}
.toast-kind{
font-size:10px;
border-radius:999px;
padding:0 5px;
border:1px solid rgba(255,255,255,.2);
}
.toast-kind.pump{
color:#7dd3fc;
border-color:rgba(125,211,252,.55);
background:rgba(125,211,252,.1);
}
.toast-kind.dump{
color:#fda4af;
border-color:rgba(253,164,175,.55);
background:rgba(253,164,175,.1);
}
.toast-main{
font-size:12px;
font-weight:600;
line-height:1.25;
margin-bottom:4px;
word-break:break-word;
}
.toast-note{
font-size:10px;
line-height:1.3;
color:var(--light-gray);
margin:-2px 0 4px;
padding-left:6px;
border-left:2px solid rgba(251,191,36,.42);
}
.toast-actions{
display:flex;
gap:5px;
justify-content:flex-end;
}
.toast-btn{
min-height:24px;
border:1px solid rgba(148,163,184,.35);
border-radius:6px;
padding:2px 7px;
font-size:11px;
color:var(--light);
background:#0f172a;
cursor:pointer;
text-decoration:none;
display:inline-flex;
align-items:center;
justify-content:center;
}
.toast-btn:hover{border-color:rgba(99,102,241,.8)}
.toast-btn.primary{
border-color:rgba(99,102,241,.85);
background:rgba(99,102,241,.2);
}
.settings-toast-host{
position:fixed;
top:18px;
left:50%;
transform:translateX(-50%);
z-index:10000;
display:flex;
justify-content:center;
width:min(420px,calc(100vw - 24px));
pointer-events:none;
}
.settings-toast{
pointer-events:auto;
display:flex;
align-items:center;
gap:12px;
width:100%;
border:1px solid rgba(52,211,153,.45);
border-radius:14px;
padding:12px 14px;
color:var(--light);
background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,59,.96));
box-shadow:0 14px 34px rgba(2,6,23,.55),0 0 0 1px rgba(99,102,241,.12);
animation:settingsToastIn .5s cubic-bezier(.22,1,.36,1) both;
}
.settings-toast.is-leaving{
animation:settingsToastOut .38s ease forwards;
}
.settings-toast-icon{
flex:0 0 auto;
width:34px;
height:34px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
font-weight:700;
color:#86efac;
background:rgba(34,197,94,.16);
border:1px solid rgba(74,222,128,.45);
animation:settingsToastPulse 1.2s ease .35s 2;
}
.settings-toast-body{min-width:0}
.settings-toast-title{
font-size:15px;
font-weight:700;
line-height:1.25;
margin-bottom:2px;
}
.settings-toast-sub{
font-size:12px;
color:var(--light-gray);
line-height:1.35;
}
@keyframes settingsToastIn{
from{opacity:0;transform:translateY(-16px) scale(.96)}
to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes settingsToastOut{
from{opacity:1;transform:translateY(0) scale(1)}
to{opacity:0;transform:translateY(-10px) scale(.98)}
}
@keyframes settingsToastPulse{
0%,100%{box-shadow:0 0 0 0 rgba(74,222,128,.35)}
50%{box-shadow:0 0 0 8px rgba(74,222,128,0)}
}
.pill{
border:1px solid rgba(148,163,184,.35);
border-radius:999px;
padding:6px 10px;
font-size:13px;
color:var(--light-gray);
background:rgba(15,23,42,.8);
}
.dashboard-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
gap:10px;
margin-top:12px;
}
.stat-card{
border:1px solid rgba(148,163,184,.2);
border-radius:12px;
background:rgba(15,23,42,.7);
padding:10px 12px;
}
.stat-value{font-size:19px;font-weight:700;line-height:1.15}
.market-label-mobile{display:none}
.market-label-mobile{display:none}
.market-label-mobile{display:none}
.dashboard-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
align-items:center;
margin-top:12px;
}
.dashboard-bottom-nav{
flex-wrap:nowrap;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
margin-top:20px;
padding-top:6px;
position:relative;
z-index:2;
}
.dashboard-bottom-nav::-webkit-scrollbar{display:none}
.dashboard-bottom-nav .btn{
white-space:nowrap;
flex-shrink:0;
}
.dashboard-bottom-nav .btn.dashboard-nav-disabled{
pointer-events:none;
cursor:not-allowed;
opacity:.72;
}
.dashboard-bottom-nav .btn.dashboard-nav-disabled .screener-soon-pill{
margin-left:6px;
vertical-align:middle;
}
.dashboard-bottom-nav .btn.dashboard-nav-disabled{
pointer-events:none;
cursor:not-allowed;
opacity:.72;
}
.dashboard-bottom-nav .btn.dashboard-nav-disabled .screener-soon-pill{
margin-left:6px;
vertical-align:middle;
}
.dashboard-bottom-nav .btn:hover{
position:relative;
z-index:2;
}
.settings-card{max-width:none;width:100%}
.settings-info-block{
margin:0 0 16px;
padding:12px 14px;
border-radius:12px;
border:1px solid rgba(148,163,184,.22);
background:rgba(15,23,42,.45);
font-size:14px;
line-height:1.55;
color:var(--light-gray);
}
.settings-info-block p{margin:0 0 8px}
.settings-info-block p:last-child{margin-bottom:0}
.settings-mode-fieldset{
border:1px solid rgba(148,163,184,.2);
border-radius:12px;
padding:12px 14px;
margin:0 0 14px;
display:grid;
gap:8px;
}
.settings-mode-fieldset legend{padding:0 6px;font-size:13px;color:var(--light-gray)}
.settings-radio{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;cursor:pointer}
.settings-saved-banner{
margin:0 0 12px;
padding:10px 12px;
border-radius:10px;
border:1px solid rgba(34,197,94,.45);
background:rgba(34,197,94,.12);
color:#bbf7d0;
font-size:14px;
}
.email-verify-banner{margin:0 0 18px}
.email-verify-banner-inner{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:14px;
flex-wrap:wrap;
padding:14px 16px;
border-radius:12px;
border:1px solid rgba(251,191,36,.45);
background:rgba(251,191,36,.1);
}
.email-verify-title{margin:0 0 6px;font-size:15px;font-weight:700;color:#fcd34d}
.email-verify-text{margin:0;font-size:14px;line-height:1.45;color:var(--light-gray)}
.email-verify-banner form{margin:0}
.settings-volume-grid{
align-items:end;
grid-template-columns:repeat(4,minmax(0,1fr));
grid-template-areas:
"global binance bybit bingx"
"mexc okx bitmex .";
gap:10px;
}
.settings-volume-field-global{grid-area:global}
.settings-volume-field-binance{grid-area:binance}
.settings-volume-field-bybit{grid-area:bybit}
.settings-volume-field-bingx{grid-area:bingx}
.settings-volume-field-mexc{grid-area:mexc}
.settings-volume-field-okx{grid-area:okx}
.settings-volume-field-bitmex{grid-area:bitmex}
.settings-volume-grid .filter-field-compact span{
line-height:1.25;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.cabinet-hero{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:16px 20px;
flex-wrap:wrap;
margin-bottom:18px;
}
.cabinet-hero-main{min-width:0;flex:1 1 320px}
.cabinet-hero h1{margin-bottom:8px}
.settings-email-status{
flex:0 1 auto;
display:flex;
align-items:center;
gap:10px 12px;
padding:10px 14px;
border-radius:12px;
border:1px solid rgba(148,163,184,.28);
background:rgba(15,23,42,.55);
max-width:100%;
}
.settings-email-status.is-verified{
border-color:rgba(52,211,153,.45);
background:rgba(34,197,94,.1);
}
.settings-email-status.is-pending{
border-color:rgba(251,191,36,.45);
background:rgba(251,191,36,.1);
}
.settings-email-status-icon{
flex:0 0 auto;
width:30px;
height:30px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
font-size:15px;
font-weight:700;
}
.settings-email-status.is-verified .settings-email-status-icon{
color:#86efac;
background:rgba(34,197,94,.18);
border:1px solid rgba(74,222,128,.45);
}
.settings-email-status.is-pending .settings-email-status-icon{
color:#fcd34d;
background:rgba(251,191,36,.16);
border:1px solid rgba(251,191,36,.45);
}
.settings-email-status-body{
display:grid;
gap:2px;
min-width:0;
flex:1 1 auto;
}
.settings-email-status-label{
font-size:13px;
font-weight:700;
line-height:1.25;
color:var(--light);
}
.settings-email-status.is-verified .settings-email-status-label{color:#bbf7d0}
.settings-email-status.is-pending .settings-email-status-label{color:#fde68a}
.settings-email-status-email{
font-size:12px;
color:var(--light-gray);
line-height:1.3;
word-break:break-all;
}
.settings-email-status form{margin:0;flex:0 0 auto}
.settings-email-resend{
padding:6px 10px;
font-size:12px;
white-space:nowrap;
}
@media (max-width:720px){
.settings-email-status{
width:100%;
flex-wrap:wrap;
align-items:flex-start;
}
.settings-email-status-body{flex:1 1 calc(100% - 42px)}
.settings-email-status form{
flex:1 1 100%;
margin-top:2px;
}
.settings-email-resend{width:100%}
}
.cabinet-stats{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
gap:10px;
margin:16px 0 22px;
}
.cabinet-section-title{
font-size:1.15rem;
margin:12px 0;
color:var(--light-gray);
font-weight:600;
letter-spacing:.02em;
text-transform:uppercase;
}
.cabinet-section-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin:12px 0;
}
.cabinet-section-head .cabinet-section-title{
margin:0;
}
.cabinet-details-toggle{
display:inline-flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
border-radius:10px;
border:1px solid rgba(148,163,184,.28);
background:rgba(15,23,42,.6);
color:var(--light-gray);
cursor:pointer;
flex-shrink:0;
transition:border-color .2s,color .2s,background .2s;
}
.cabinet-details-toggle:hover{
border-color:rgba(99,102,241,.55);
color:#fff;
background:rgba(99,102,241,.12);
}
.cabinet-details-toggle[aria-pressed="false"]{
color:#94a3b8;
}
.cabinet-screeners.is-details-hidden .cabinet-screener-details{
display:none;
}
.cabinet-screeners.is-details-hidden .cabinet-screener-top{
margin-bottom:0;
}
.cabinet-screeners.is-details-hidden .cabinet-screener-cta{
margin-top:12px;
}
.cabinet-screeners.is-details-hidden .cabinet-screener-card{
padding-top:14px;
padding-bottom:14px;
}
.cabinet-screeners.is-details-hidden .cabinet-screener-meta{
display:none;
}
.cabinet-screener-details p{
margin:0;
}
.cabinet-screener-details p + p{
margin-top:8px;
}
.cabinet-section-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin:12px 0;
}
.cabinet-section-head .cabinet-section-title{
margin:0;
}
.cabinet-details-toggle{
display:inline-flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
border-radius:10px;
border:1px solid rgba(148,163,184,.28);
background:rgba(15,23,42,.6);
color:var(--light-gray);
cursor:pointer;
flex-shrink:0;
transition:border-color .2s,color .2s,background .2s;
}
.cabinet-details-toggle:hover{
border-color:rgba(99,102,241,.55);
color:#fff;
background:rgba(99,102,241,.12);
}
.cabinet-details-toggle[aria-pressed="false"]{
color:#94a3b8;
}
.cabinet-screeners.is-details-hidden .cabinet-screener-details{
display:none;
}
.cabinet-screeners.is-details-hidden .cabinet-screener-top{
margin-bottom:0;
}
.cabinet-screeners.is-details-hidden .cabinet-screener-card{
padding-top:14px;
padding-bottom:14px;
}
.cabinet-screeners.is-details-hidden .cabinet-screener-meta{
display:none;
}
.cabinet-screener-details p{
margin:0;
}
.cabinet-screener-details p + p{
margin-top:8px;
}
.cabinet-screeners{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:14px;
align-items:stretch;
}
.cabinet-screener-card{
display:flex;
flex-direction:column;
height:100%;
border-radius:14px;
border:1px solid rgba(148,163,184,.22);
background:rgba(15,23,42,.72);
padding:18px;
transition:transform .25s,border-color .25s,box-shadow .25s;
}
.cabinet-screener-card:hover{
transform:translateY(-4px);
border-color:rgba(99,102,241,.55);
box-shadow:0 14px 28px rgba(2,6,23,.35);
}
.cabinet-screener-card.pump{border-top:3px solid var(--primary)}
.cabinet-screener-card.oi{border-top:3px solid var(--secondary)}
.cabinet-screener-card.extremes{border-top:3px solid #f59e0b}
.cabinet-screener-card.funding{border-top:3px solid #22d3ee}
.cabinet-screener-card.liquidations{border-top:3px solid #ef4444}
.cabinet-screener-card.longshort{border-top:3px solid #a78bfa}
.cabinet-screener-card.techta{border-top:3px solid #c084fc}
.cabinet-screener-card.pulsegrid{border-top:3px solid #38bdf8}
.cabinet-screener-card.regime{border-top:3px solid #f97316}
.cabinet-screener-card.pumpdump-tester{border-top:3px solid #a855f7}
.cabinet-screener-card.oi-tester{border-top:3px solid #14b8a6}
.cabinet-screener-card.pumpdump-optimizer{border-top:3px solid #8b5cf6}
.cabinet-screener-card.oi-optimizer{border-top:3px solid #0d9488}
.cabinet-screener-card.pd-oi-backtest{border-top:3px solid #a855f7}
.cabinet-screener-card.pd-oi-optimizer{border-top:3px solid #8b5cf6}
.cabinet-screener-card.pumpdump-autotrade{border-top:3px solid var(--primary)}
.cabinet-screener-card.oi-autotrade{border-top:3px solid var(--secondary)}
.cabinet-screener-card.pd-oi-autotrade{border-top:3px solid #2dd4bf}
.cabinet-screener-card.btceth-overview{border-top:3px solid #6366f1}
.cabinet-screener-card.btceth-backtest-group{border-top:3px solid #8b5cf6}
.cabinet-screener-card.btceth-autotrade-group{border-top:3px solid #14b8a6}
.cabinet-screener-card.btceth-system{border-top:3px solid #6366f1}
.cabinet-screener-card.promode{border-top:3px solid #e879f9}
.cabinet-screener-card.btceth-overview{border-top:3px solid #6366f1}
.cabinet-screener-card.btceth-backtest-group{border-top:3px solid #8b5cf6}
.cabinet-screener-card.btceth-autotrade-group{border-top:3px solid #14b8a6}
.cabinet-screener-card.btceth-system{border-top:3px solid #6366f1}
button.cabinet-screener-link{
width:100%;text-align:left;border:0;background:transparent;color:inherit;
font:inherit;cursor:pointer;padding:0;
}
.cabinet-screener-card.is-coming-soon{opacity:.9;cursor:pointer}
.cabinet-screener-card.is-coming-soon:focus-visible{
outline:2px solid rgba(99,102,241,.7);
outline-offset:2px;
}
.cabinet-screener-link{
display:flex;
flex-direction:column;
flex:1;
min-height:0;
text-decoration:none;
color:inherit;
}
.cabinet-screener-link:hover{color:inherit}
.cabinet-screener-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-bottom:10px;
}
.cabinet-screener-top h3{font-size:1.05rem;margin:0;line-height:1.25}
.cabinet-screener-link p,
.cabinet-screener-details p{margin:0;color:var(--light-gray);font-size:13px;line-height:1.4}
.cabinet-screener-meta{
margin-top:12px;
padding-top:12px;
flex-shrink:0;
display:flex;
gap:8px;
flex-wrap:wrap;
border-top:1px solid rgba(255,255,255,.1);
}
.toast-kind.growth{background:rgba(16,185,129,.2);color:#6ee7b7}
.toast-kind.drop{background:rgba(248,113,113,.2);color:#fca5a5}
.toast-kind.overbought{background:rgba(245,158,11,.2);color:#fcd34d}
.toast-kind.oversold{background:rgba(56,189,248,.2);color:#7dd3fc}
.muted{color:var(--light-gray)}
.muted a{
color:#fff;
text-decoration:underline;
text-underline-offset:2px;
}
.muted a:hover{color:#e2e8f0}
.status-ok{color:var(--ok)}
.status-pending{color:#7dd3fc}
.status-error{color:#fca5a5}
table{width:100%;border-collapse:collapse}
td,th{border-bottom:1px solid rgba(255,255,255,.15);padding:10px 8px;text-align:left;white-space:nowrap}
tbody tr:hover{background:rgba(99,102,241,.1)}
.screener-signals a.signal-link{
color:var(--light);
font-weight:600;
text-decoration:underline;
text-underline-offset:2px;
}
.screener-signals a.signal-link-opened{
color:var(--primary);
}
main{max-width:1200px;margin:0 auto;padding:0 20px 30px}
.disclaimer {
text-align: center;
padding-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
color: var(--gray);
font-size: 0.9rem;
display: flex;
flex-direction: column;
gap: 6px;
}
.disclaimer p { margin: 0; line-height: 1.45; }
.footer-legal { margin: 0; font-size: 0.85rem; }
.footer-legal a { color: #94a3b8; text-decoration: none; }
.footer-legal a:hover { color: #cbd5e1; text-decoration: underline; }
.footer-legal-sep { margin: 0 8px; opacity: 0.5; }
footer {
background: rgba(15, 23, 42, 0.9);
padding: 40px 0 30px;
margin-top: 40px;
}
@media (max-width:640px){
:root{--site-header-height:56px}
nav ul { display:none; }
nav{display:none}
header{padding:12px 0}
.container{padding:0 14px}
.header-container{
display:flex;
flex-wrap:nowrap;
align-items:center;
justify-content:space-between;
gap:8px;
}
.logo{
font-size:16px;
flex:0 1 auto;
min-width:0;
max-width:55%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.header-buttons{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
flex:0 0 auto;
gap:5px;
}
.header-buttons form{
display:inline-flex;
margin:0;
flex:0 0 auto;
}
.header-buttons .btn{
width:auto;
flex:0 0 auto;
min-height:32px;
padding:0 7px;
font-size:11px;
white-space:nowrap;
}
.footer-legal { font-size: 0.8rem; }
.admin-btn-full{display:none}
.admin-btn-short{display:inline}
.hero{padding:62px 0 48px}
.hero.hero-with-preview{padding:48px 0 36px;text-align:left}
.hero-layout{
grid-template-columns:1fr;
gap:22px;
}
.hero-preview{order:2}
.hero-copy{order:1}
.hero-with-preview .hero-buttons{justify-content:stretch}
.hero-preview-body{grid-template-columns:96px 1fr;min-height:180px}
.hero-title-desktop{display:none}
.hero-title-mobile{display:inline}
.market-label-desktop{display:none}
.market-label-mobile{display:inline}
.market-label-desktop{display:none}
.market-label-mobile{display:inline}
.market-label-desktop{display:none}
.market-label-mobile{display:inline}
.hero-buttons{
flex-direction:column;
align-items:stretch;
width:100%;
}
.hero-buttons .btn{
width:100%;
}
.section{padding:58px 0}
main{padding:0 14px 20px}
.filters-actions{
flex-direction:column;
align-items:stretch;
gap:8px;
}
.filters-actions{
flex-direction:column;
align-items:stretch;
gap:8px;
}
.filters-actions .btn,
.dashboard-actions:not(.dashboard-bottom-nav) .btn{
width:100%;
min-height:36px;
padding:0 12px;
font-size:13px;
}
.dashboard-actions:not(.dashboard-bottom-nav){
flex-direction:column;
align-items:stretch;
}
.dashboard-bottom-nav{
flex-direction:column;
align-items:stretch;
flex-wrap:wrap;
overflow-x:visible;
}
.dashboard-bottom-nav .btn{
width:100%;
min-height:36px;
padding:0 12px;
font-size:13px;
white-space:normal;
flex-shrink:1;
justify-content:center;
}
.filters-grid{grid-template-columns:1fr}
.filters-row-exchanges,
.filters-row-exchanges-5{grid-template-columns:1fr}
.filters-row-extremes-top{grid-template-columns:1fr}
.filters-row-extremes-top .filter-field-exchange-wide{grid-column:auto}
.filters-grid-extremes-primary,
.filters-grid-extremes-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}
.screener-card{padding:14px}
.auth-card{padding:22px}
.exchange-options{grid-template-columns:1fr}
.toast-container{right:10px;bottom:10px}
body:has(#bgNotifyHost) .toast-container{
--notify-bell-offset-bottom:12px;
--notify-bell-stack-gap:10px;
bottom:calc(var(--notify-bell-offset-bottom) + var(--notify-bell-size) + var(--notify-bell-stack-gap));
}
body:has(#bgNotifyHost .bg-notify-bell) .toast-container{
--notify-bell-offset-bottom:12px;
--notify-bell-stack-gap:10px;
bottom:calc(var(--notify-bell-offset-bottom) + var(--notify-bell-size) + var(--notify-bell-stack-gap));
}
.table-wrap table,
.screener-signals > table{min-width:max(100%,460px)}
td,th{padding:8px 6px;font-size:12px}
.history-head{flex-direction:column;align-items:stretch}
.history-head > div:first-child{width:100%;min-width:0}
.history-title{
font-size:clamp(1.05rem,4.6vw,1.35rem);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.history-head-actions{
width:100%;
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
}
.history-head-actions .btn{
width:100%;
justify-content:center;
padding:0 8px;
font-size:12px;
line-height:1.25;
text-align:center;
white-space:normal;
min-height:36px;
}
.history-pagination-nav{
display:grid;
grid-template-columns:1fr 1fr;
width:100%;
max-width:100%;
gap:8px;
flex-wrap:nowrap;
}
.history-pagination-nav .btn{
width:100%;
max-width:none;
flex:none;
min-height:36px;
padding:8px 4px;
font-size:12px;
justify-content:center;
white-space:nowrap;
}
.settings-volume-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
grid-template-areas:
"global binance"
"bybit bingx"
"mexc okx"
"bitmex .";
}
}
@media (max-width:420px){
.settings-volume-grid{
grid-template-columns:1fr;
grid-template-areas:
"global"
"binance"
"bybit"
"bingx"
"mexc"
"okx"
"bitmex";
}
}
/* Screener Pro mode - toolbar control */
.screener-pro-control{
display:inline-flex;
align-items:center;
gap:6px;
margin-left:6px;
}
.screener-pro-btn{
cursor:pointer;
border:1px solid var(--primary);
background:rgba(124,92,255,.12);
color:#e9deff;
border-radius:8px;
padding:5px 12px;
font-size:13px;
font-weight:600;
white-space:nowrap;
}
.screener-pro-btn:hover{background:rgba(124,92,255,.24)}
.screener-pro-btn.is-active{
background:var(--primary);
color:#fff;
}
.screener-pro-variant{
background:#0d1117;
color:#e2e8f0;
border:1px solid rgba(148,163,184,.35);
border-radius:8px;
padding:4px 6px;
font-size:12px;
}
.screener-pro-variant:disabled{opacity:.55;cursor:not-allowed}
body.screener-pro-active #streamState{display:none !important}
body.screener-pro-active header,
body.screener-pro-active footer,
body.screener-pro-active .site-announcements,
body.screener-pro-active #bgNotifyHost,
body.screener-pro-active .screener-head,
body.screener-pro-active .screener-card > form,
body.screener-pro-active .screener-filters-panel > form{
display:none !important;
}
html.screener-pro-active,
body.screener-pro-active{
overflow:hidden !important;
}
body.screener-pro-active main{
padding:0 !important;
margin:0 !important;
max-width:none !important;
width:100% !important;
}
body.screener-pro-active .container,
body.screener-pro-active main > .container{
max-width:100% !important;
width:100% !important;
padding-left:10px !important;
padding-right:10px !important;
}
body.screener-pro-active .screener-card{
position:fixed;
inset:0;
z-index:1200;
max-width:none !important;
margin:0 !important;
border-radius:0 !important;
border-top:none !important;
padding:8px 12px !important;
height:100vh;
width:100vw;
display:flex;
flex-direction:column;
background:var(--bg, #0b0f17);
}
body.screener-pro-active .screener-toolbar{
position:sticky;
top:0;
z-index:20;
background:var(--bg, #0b0f17);
padding:6px 0;
flex:0 0 auto;
}
body.screener-pro-active .screener-signals{
flex:1 1 auto;
min-height:0;
overflow:auto;
max-height:none !important;
}
body.screener-pro-active .screener-signals .table-wrap{
max-height:none;
overflow:visible;
}
.screener-pro-live{
display:inline-flex;
align-items:center;
gap:4px;
margin-left:6px;
padding:4px 10px;
border-radius:999px;
font-size:12px;
font-weight:700;
letter-spacing:.04em;
border:1px solid rgba(148,163,184,.25);
color:#94a3b8;
}
.screener-pro-live--ok{
color:#22c55e;
border-color:rgba(34,197,94,.35);
background:rgba(34,197,94,.08);
}
.screener-pro-live--ok::before{
animation:streamLivePulse 1.8s ease-in-out infinite;
box-shadow:0 0 0 2px rgba(34,197,94,.2);
}
.screener-pro-live--reconnect{
color:#f59e0b;
border-color:rgba(245,158,11,.35);
}
@media (max-width:899px),(pointer:coarse){
.notify-toggle--history .notify-toggle-short{display:none}
.stream-state-text{display:none}
.screener-toolbar{gap:6px 8px}
.notify-toggle{padding:5px 8px;font-size:12px}
}
/* Screener Pro mode - toolbar control */
.screener-pro-control{
display:inline-flex;
align-items:center;
gap:6px;
margin-left:6px;
flex-shrink:0;
}
.screener-pro-control--placeholder{
visibility:hidden;
pointer-events:none;
}
@media (max-width:899px),(pointer:coarse){
.screener-pro-control--placeholder{display:none}
}
.screener-pro-btn{
cursor:pointer;
border:1px solid var(--primary);
background:rgba(124,92,255,.12);
color:#e9deff;
border-radius:8px;
padding:5px 12px;
font-size:13px;
font-weight:600;
white-space:nowrap;
}
.screener-pro-btn:hover{background:rgba(124,92,255,.24)}
.screener-pro-btn.is-active{
background:var(--primary);
color:#fff;
}
.screener-pro-variant{
background:#0d1117;
color:#e2e8f0;
border:1px solid rgba(148,163,184,.35);
border-radius:8px;
padding:4px 6px;
font-size:12px;
}
.screener-pro-variant:disabled{opacity:.55;cursor:not-allowed}
canvas.pro-spark{display:block;margin:0;width:100%;height:28px;max-width:100%}
.screener-signals .cell-pair{white-space:nowrap}
th.col-chart,
td.cell-chart{display:none}
body.screener-pro-v2 th.col-chart,
body.screener-pro-v2 td.cell-chart{display:table-cell}
body.screener-pro-v2 .cell-chart{width:22%;min-width:180px;text-align:left;padding:4px 6px;vertical-align:middle}
body.screener-pro-v2 .screener-signals table .col-chart,
body.screener-pro-v2 .screener-signals table .cell-chart{
width:22%;
min-width:180px;
text-align:left;
vertical-align:middle;
}
.screener-pro-col-reset{
cursor:pointer;border:1px solid rgba(148,163,184,.35);background:transparent;color:#94a3b8;
border-radius:6px;width:28px;height:28px;font-size:14px;line-height:1;padding:0;
}
.screener-pro-col-reset:hover{color:#e2e8f0;border-color:rgba(124,92,255,.5)}
.pro-col-resizer{
position:absolute;right:0;top:0;bottom:0;width:6px;cursor:col-resize;
touch-action:none;
}
.pro-col-resizer:hover{background:rgba(124,92,255,.35)}
body.pro-col-resizing{cursor:col-resize;user-select:none}
.pro-ex-icon{
display:inline-flex;align-items:center;gap:6px;vertical-align:middle;
}
.pro-ex-abbr{
display:inline-flex;align-items:center;justify-content:center;
width:22px;height:22px;border-radius:5px;font-size:10px;font-weight:800;
background:var(--ex-color,#64748b);color:var(--ex-fg,#0b0f17);
}
.pro-ex-name{font-size:12px;font-weight:600;color:#e2e8f0}
/* Screener Pro mode: на всё окно браузера (без native Fullscreen API), chrome скрыт */
html.screener-pro-active,
body.screener-pro-active{
overflow:hidden !important;
height:100%;
}
body.screener-pro-active header,
body.screener-pro-active footer,
body.screener-pro-active .site-announcements,
body.screener-pro-active #bgNotifyHost,
body.screener-pro-active .screener-head,
body.screener-pro-active .screener-card > form,
body.screener-pro-active .screener-filters-panel > form{
display:none !important;
}
body.screener-pro-active main{
max-width:none !important;
width:100% !important;
padding:0 !important;
margin:0 !important;
}
body.screener-pro-active .container,
body.screener-pro-active main > .container{
max-width:none !important;
width:100% !important;
padding-left:10px !important;
padding-right:10px !important;
}
body.screener-pro-active .screener-card{
position:fixed;
inset:0;
z-index:1200;
max-width:none !important;
width:100vw !important;
height:100vh;
display:flex;
flex-direction:column;
margin:0 !important;
border-radius:0 !important;
border-top:none !important;
padding:6px 12px !important;
background:var(--bg, #0b0f17);
}
body.screener-pro-active .screener-card:hover{transform:none}
body.screener-pro-active .screener-filters-panel{
padding-bottom:0 !important;
margin-bottom:6px !important;
border-bottom:none !important;
}
body.screener-pro-active .screener-toolbar{
position:sticky;
top:0;
z-index:20;
background:var(--bg, #0b0f17);
padding:6px 0;
flex:0 0 auto;
}
body.screener-pro-active .screener-signals{
flex:1 1 auto;
min-height:0;
max-height:none !important;
overflow:auto;
scrollbar-width:thin;
scrollbar-color:rgba(100,116,139,.55) rgba(15,23,42,.8);
}
body.screener-pro-active .screener-signals::-webkit-scrollbar{
width:8px;
height:8px;
}
body.screener-pro-active .screener-signals::-webkit-scrollbar-track{
background:rgba(15,23,42,.8);
border-radius:4px;
}
body.screener-pro-active .screener-signals::-webkit-scrollbar-thumb{
background:rgba(100,116,139,.55);
border-radius:4px;
}
body.screener-pro-active .screener-signals::-webkit-scrollbar-thumb:hover{
background:rgba(148,163,184,.75);
}
body.screener-pro-active .screener-signals .table-wrap{
max-height:none;
overflow:visible;
}
body.screener-pro-active .screener-signals table{
width:100% !important;
border-collapse:collapse;
border-spacing:0;
font-size:13px;
}
body.screener-pro-active .screener-signals table thead th{
position:sticky;
top:0;
z-index:2;
background:#0d1117;
color:#94a3b8;
font-size:11px;
text-transform:uppercase;
letter-spacing:.4px;
padding:8px 10px;
border-bottom:1px solid rgba(148,163,184,.18);
border-right:1px solid rgba(148,163,184,.1);
}
body.screener-pro-active .screener-signals table thead th:last-child,
body.screener-pro-active .screener-signals table tbody td:last-child{
border-right:none;
}
body.screener-pro-active .screener-signals table tbody td{
padding:7px 10px;
border-bottom:1px solid rgba(148,163,184,.1);
border-right:1px solid rgba(148,163,184,.08);
vertical-align:middle;
}
body.screener-pro-active .screener-signals table tbody tr:hover td{
background:rgba(124,92,255,.06);
}
body.screener-pro-active .screener-signals-v2 .cell-pair{
display:flex;
align-items:center;
gap:8px;
}
@keyframes pro-live-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.pro-signals-table .pro-sig-badge{
display:inline-flex;align-items:center;gap:3px;
font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;
letter-spacing:.3px;
}
.pro-sig-buy{background:rgba(34,197,94,.15);color:#22c55e}
.pro-sig-strong-buy{background:rgba(34,197,94,.28);color:#4ade80}
.pro-sig-sell{background:rgba(239,68,68,.15);color:#ef4444}
.pro-sig-strong-sell{background:rgba(239,68,68,.28);color:#f87171}
.pro-sig-neutral{background:rgba(148,163,184,.12);color:#cbd5e1}
.pro-ext-link{
display:inline-flex;align-items:center;justify-content:center;
width:28px;height:28px;border-radius:6px;
color:#94a3b8;border:1px solid rgba(148,163,184,.2);
transition:color .15s,border-color .15s;
}
.pro-ext-link:hover{color:#c7d2fe;border-color:rgba(124,92,255,.5)}
body.screener-pro-v2 .screener-signals table tbody tr td:nth-child(5){min-width:88px}
body.screener-pro-v1 #streamState{display:none!important}
body.screener-pro-v1 .screener-pro-control ~ .pill{display:none!important}
/* Screener Pro mode - Variant 3 (Terminal): overlay V3 */
.pro-terminal{
position:fixed;
inset:0;
width:100vw;
height:100vh;
height:100dvh;
z-index:9000;
display:flex;
flex-direction:column;
background:#0b0f17;
color:#e2e8f0;
font-size:13px;
overflow:hidden;
}
.pt-header{
display:flex;
align-items:center;
gap:16px;
padding:8px 16px;
border-bottom:1px solid rgba(148,163,184,.15);
background:#0d1117;
flex:0 0 auto;
min-height:44px;
box-sizing:border-box;
}
.pt-title{font-weight:700;color:#e9deff;white-space:nowrap;display:flex;align-items:center;gap:10px;line-height:1.2}
.pt-title .pt-quote-sym{font-size:15px;line-height:1.2}
.pt-title .pt-quote-price{font-variant-numeric:tabular-nums;font-size:15px;line-height:1.2}
.pt-stat-change{font-size:12px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}
.pt-header-stats{
display:flex;align-items:center;gap:12px;flex:1;min-width:0;
font-size:11px;color:#94a3b8;overflow-x:auto;line-height:1.2;
}
.pt-header-stats > span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;line-height:1.2}
.pt-header-stats b{color:#e2e8f0;font-weight:600;line-height:1.2}
.pt-badge{
display:inline-flex;align-items:center;justify-content:center;gap:5px;
height:32px;box-sizing:border-box;
font-size:11px;font-weight:600;color:#22c55e;line-height:1;
padding:0 10px;border:1px solid rgba(34,197,94,.4);border-radius:20px;
flex:0 0 auto;
margin-left:auto;
}
.pt-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-sizing:border-box;flex:0 0 auto}
.pt-badge--pending{color:#94a3b8;border-color:rgba(148,163,184,.35)}
.pt-badge--pending::before{border:1.5px solid rgba(148,163,184,.55);background:transparent}
.pt-badge--ok{color:#22c55e;border-color:rgba(34,197,94,.4)}
.pt-badge--ok::before{background:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.2);animation:streamLivePulse 1.8s ease-in-out infinite}
.pt-badge--reconnect{color:#f59e0b;border-color:rgba(245,158,11,.35)}
.pt-badge--reconnect::before{background:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.15)}
.pt-badge--error{color:#ef4444;border-color:rgba(239,68,68,.4)}
.pt-badge--error::before{background:#ef4444;box-shadow:0 0 0 2px rgba(239,68,68,.2)}
.pt-header-actions{
margin-left:0;
display:flex;
align-items:center;
gap:8px;
flex:0 0 auto;
}
.pt-exit{
cursor:pointer;white-space:nowrap;flex:0 0 auto;
display:inline-flex;align-items:center;justify-content:center;
height:32px;box-sizing:border-box;line-height:1;
border:1px solid rgba(248,113,113,.5);background:rgba(248,113,113,.12);color:#fecaca;
border-radius:8px;padding:0 14px;font-size:13px;font-weight:600;
}
.pt-exit:hover{background:rgba(248,113,113,.22)}
.pt-main{
flex:1 1 auto;
display:grid;
grid-template-columns:260px minmax(0,1fr) 290px;
min-height:0;
overflow:hidden;
}
.pt-feed{border-right:1px solid rgba(148,163,184,.15);overflow-y:auto;background:#0b0f17;min-height:0;display:flex;flex-direction:column}
.pt-feed,
.pt-feed-list,
.pt-bottom-panel,
.pt-right{
scrollbar-width:thin;
scrollbar-color:rgba(100,116,139,.55) rgba(15,23,42,.8);
}
.pt-feed::-webkit-scrollbar,
.pt-feed-list::-webkit-scrollbar,
.pt-bottom-panel::-webkit-scrollbar,
.pt-right::-webkit-scrollbar{
width:8px;height:8px;
}
.pt-feed::-webkit-scrollbar-track,
.pt-feed-list::-webkit-scrollbar-track,
.pt-bottom-panel::-webkit-scrollbar-track,
.pt-right::-webkit-scrollbar-track{
background:rgba(15,23,42,.8);border-radius:4px;
}
.pt-feed::-webkit-scrollbar-thumb,
.pt-feed-list::-webkit-scrollbar-thumb,
.pt-bottom-panel::-webkit-scrollbar-thumb,
.pt-right::-webkit-scrollbar-thumb{
background:rgba(100,116,139,.55);border-radius:4px;
}
.pt-feed::-webkit-scrollbar-thumb:hover,
.pt-feed-list::-webkit-scrollbar-thumb:hover,
.pt-bottom-panel::-webkit-scrollbar-thumb:hover,
.pt-right::-webkit-scrollbar-thumb:hover{
background:rgba(148,163,184,.75);
}
.pt-star{
cursor:pointer;border:none;background:transparent;color:#fbbf24;
font-size:22px;line-height:1;padding:0;width:28px;height:28px;
display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
}
.pt-star[aria-pressed="true"]{color:#f59e0b}
.pt-chart-empty.is-loading{
flex-direction:column;gap:10px;pointer-events:auto;
}
.pt-chart-spinner{
width:28px;height:28px;border-radius:50%;
border:3px solid rgba(148,163,184,.25);border-top-color:#a78bfa;
animation:pt-spin .8s linear infinite;
}
@keyframes pt-spin{to{transform:rotate(360deg)}}
.pt-feed-head{padding:8px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;border-bottom:1px solid rgba(148,163,184,.12);position:sticky;top:0;background:#0d1117;z-index:1;flex:0 0 auto}
.pt-feed-list{flex:1 1 auto;overflow-y:auto;min-height:0}
.pt-sig{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(148,163,184,.08);cursor:pointer}
.pt-sig:hover{background:rgba(148,163,184,.08)}
.pt-sig.is-active{background:rgba(124,92,255,.16);box-shadow:inset 3px 0 0 var(--primary)}
.pt-sig-spark{flex:0 0 56px;border-radius:4px;background:rgba(148,163,184,.06)}
.pt-sig-main{min-width:0;flex:1}
.pt-sig-sym{font-weight:600;font-size:13px}
.pt-sig-ex{color:#94a3b8;font-size:10px;margin-top:2px}
.pt-sig-meta-row{display:flex;align-items:center;gap:6px;margin-top:2px}
.pt-sig-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px}
.pt-sig-pct{font-size:11px;font-weight:600;color:#94a3b8;font-variant-numeric:tabular-nums}
.pt-sig-pct.is-up{color:#22c55e}
.pt-sig-pct.is-down{color:#ef4444}
.pt-side-long{color:#22c55e}
.pt-side-short{color:#ef4444}
.pt-center-col{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.pt-chart-area{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.pt-chart-top{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid rgba(148,163,184,.12);flex:0 0 auto;flex-wrap:wrap}
.pt-tf{display:flex;align-items:center;gap:4px}
.pt-tf button{cursor:pointer;border:1px solid rgba(148,163,184,.25);background:transparent;color:#cbd5e1;border-radius:6px;padding:3px 10px;font-size:12px}
.pt-tf button.is-active{background:var(--primary);border-color:var(--primary);color:#fff}
.pt-ind-bar{display:flex;align-items:center;gap:4px;margin-left:auto;flex-wrap:wrap;position:relative}
.pt-ind-group-wrap{position:relative}
.pt-ind-group-btn{
cursor:pointer;display:inline-flex;align-items:center;gap:3px;
border:1px solid rgba(148,163,184,.25);background:transparent;color:#94a3b8;
border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1;
box-sizing:border-box;white-space:nowrap;
}
.pt-ind-group-btn.is-on{background:rgba(124,92,255,.2);border-color:rgba(124,92,255,.5);color:#c7d2fe}
.pt-ind-group-btn:hover{color:#e2e8f0;border-color:rgba(148,163,184,.4)}
.pt-ind-group-badge{font-size:10px;font-weight:700;color:#a5b4fc;line-height:1;opacity:.95}
.pt-ind-group-caret{font-size:8px;opacity:.75;margin-left:1px;line-height:1}
.pt-ind-group-menu{
position:fixed;z-index:10040;min-width:168px;display:none;
background:#111827;border:1px solid rgba(148,163,184,.25);border-radius:10px;
box-shadow:0 12px 32px rgba(0,0,0,.45);padding:6px;
}
.pt-ind-group-row{display:flex;align-items:center;gap:2px;padding:2px 0}
.pt-ind-group-row .pt-ind-chip{flex:1 1 auto;justify-content:flex-start;text-align:left}
.pt-ind-chip{cursor:pointer;border:1px solid rgba(148,163,184,.25);background:transparent;color:#94a3b8;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px}
.pt-ind-chip.is-on{background:rgba(124,92,255,.2);border-color:rgba(124,92,255,.5);color:#c7d2fe}
.pt-ind-ema-wrap{display:inline-flex;align-items:center;gap:1px}
.pt-ind-ema{display:inline-flex;align-items:center;gap:4px;padding-right:6px}
.pt-ind-ema.is-on{border-color:color-mix(in srgb,var(--ema-color,#38bdf8) 55%,transparent);background:color-mix(in srgb,var(--ema-color,#38bdf8) 14%,transparent);color:#e2e8f0}
.pt-ind-ema-dot{width:6px;height:6px;border-radius:50%;background:var(--ema-color,#38bdf8);flex-shrink:0}
.pt-ind-gear{
cursor:pointer;border:1px solid transparent;background:transparent;color:#64748b;
border-radius:5px;padding:4px 6px;font-size:13px;line-height:1;
min-width:26px;min-height:26px;display:inline-flex;align-items:center;justify-content:center;
}
.pt-ind-gear:hover{color:#e2e8f0;border-color:rgba(148,163,184,.25);background:rgba(148,163,184,.08)}
.pt-ema-popover{
position:fixed;z-index:10050;min-width:168px;padding:10px;
border:1px solid rgba(148,163,184,.25);border-radius:10px;
background:#111827;box-shadow:0 12px 32px rgba(0,0,0,.45);
}
.pt-ema-pop-title{font-size:12px;font-weight:700;color:#e2e8f0;margin-bottom:8px}
.pt-ema-pop-field{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.pt-ema-pop-field label{font-size:11px;color:#94a3b8}
.pt-ema-pop-field input[type="number"]{
width:72px;padding:4px 6px;border-radius:6px;border:1px solid rgba(148,163,184,.25);
background:#0b0f17;color:#e2e8f0;font-size:11px;
}
.pt-ema-pop-field select{
width:100px;max-width:100px;padding:4px 6px;border-radius:6px;border:1px solid rgba(148,163,184,.25);
background:#0b0f17;color:#e2e8f0;font-size:11px;
}
.pt-ema-pop-field input[type="color"]{
width:36px;height:24px;padding:0;border:1px solid rgba(148,163,184,.25);border-radius:6px;background:transparent;cursor:pointer;
}
.pt-ema-pop-actions{display:flex;justify-content:flex-end;margin-top:4px}
.pt-ema-pop-apply{
cursor:pointer;border:1px solid rgba(124,92,255,.45);background:rgba(124,92,255,.2);color:#c7d2fe;
border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;
}
.pt-ema-pop-apply:hover{background:rgba(124,92,255,.32)}
.pt-draw-style-hint{font-size:10px;color:#64748b;margin:-4px 0 8px}
.pt-draw-style-check{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8;margin-bottom:8px;cursor:pointer}
.pt-draw-style-check input{margin:0}
.pt-chart{flex:1 1 auto;min-height:0;position:relative;display:flex;flex-direction:column}
.pt-chart-mount{flex:1 1 auto;min-height:0;position:relative}
.pt-rsi-mount{flex:0 0 22%;min-height:60px;border-top:1px solid rgba(148,163,184,.1)}
.pt-chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:13px;pointer-events:none;z-index:1}
.pt-chart-tools{
flex:0 0 45px;width:45px;min-width:45px;align-self:stretch;
display:flex;flex-direction:column;align-items:center;
padding:4px 3px;min-height:0;overflow:hidden;
background:rgba(13,17,23,.94);border-right:1px solid rgba(148,163,184,.22);
}
.pt-chart-tools:not(.is-open){
position:absolute;left:6px;top:6px;z-index:20;
flex:none;width:auto;min-width:0;align-self:auto;
background:transparent;border:none;padding:0;overflow:visible;
min-height:0;
}
.pt-chart-tools:not(.is-open) .pt-chart-tools-inner{display:none}
.pt-chart-tools:not(.is-open) .pg-draw-tool{display:none}
.pt-chart-tools-inner{
display:flex;flex-direction:column;align-items:center;gap:1px;
flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%;
}
.pt-chart-tools-inner::-webkit-scrollbar{width:3px}
.pt-bottom{
flex:0 0 140px;border-top:1px solid rgba(148,163,184,.15);
display:flex;flex-direction:column;min-height:0;background:#0d1117;
}
.pt-bottom-tabs{display:flex;gap:4px;padding:6px 10px 0;border-bottom:1px solid rgba(148,163,184,.12);flex:0 0 auto}
.pt-bottom-tab{
cursor:pointer;border:none;background:transparent;color:#94a3b8;
padding:8px 14px;font-size:12px;font-weight:600;border-bottom:2px solid transparent;
}
.pt-bottom-tab.is-active{color:#e2e8f0;border-bottom-color:var(--primary)}
.pt-bottom-panel{flex:1 1 auto;overflow-y:auto;padding:12px 10px 8px;min-height:0}
.pt-bottom-panel.pt-tab-events{overflow:hidden;padding:0;display:flex;flex-direction:column}
.pt-bottom-panel.pt-tab-events .pt-events-scroll{flex:1 1 auto;overflow-y:auto;padding:8px 10px 6px;min-height:0}
.pt-events-pager{
display:flex;align-items:center;justify-content:center;gap:6px;
flex:0 0 auto;margin-top:auto;padding:6px 10px;
border-top:1px solid rgba(148,163,184,.12);background:#0d1117;
}
.pt-events-page-btn{
height:24px;min-width:24px;padding:0 6px;border-radius:5px;border:1px solid rgba(148,163,184,.28);
background:#111827;color:#e2e8f0;cursor:pointer;font-size:12px;line-height:1;
display:inline-flex;align-items:center;justify-content:center;
}
.pt-right{border-left:1px solid rgba(148,163,184,.15);display:flex;flex-direction:column;min-height:0;background:#0b0f17;overflow-y:auto}
.pt-trade{padding:12px;border-bottom:1px solid rgba(148,163,184,.15);flex:0 0 auto}
.pt-trade h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}
.pt-side-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}
.pt-side-toggle button{width:100%;cursor:pointer;border:1px solid rgba(148,163,184,.25);background:transparent;color:#cbd5e1;border-radius:7px;padding:7px;font-weight:700}
.pt-side-toggle button.long.is-active{background:rgba(34,197,94,.18);border-color:#22c55e;color:#22c55e}
.pt-side-toggle button.short.is-active{background:rgba(239,68,68,.18);border-color:#ef4444;color:#ef4444}
.pt-field{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}
.pt-field label{font-size:11px;color:#94a3b8}
.pt-field input{background:#0d1117;border:1px solid rgba(148,163,184,.3);border-radius:7px;padding:6px 8px;color:#e2e8f0;font-size:13px}
.pt-field input[type=number]::-webkit-inner-spin-button,
.pt-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pt-field input[type=number]{-moz-appearance:textfield;appearance:textfield}
.pt-open-btn{width:100%;cursor:pointer;border:none;border-radius:8px;padding:9px;font-weight:700;font-size:13px;background:var(--primary);color:#fff}
.pt-open-btn:disabled{opacity:.5;cursor:not-allowed}
.pt-close-partial-btn{width:100%;cursor:pointer;border:1px solid rgba(248,113,113,.45);border-radius:6px;padding:6px;font-weight:700;font-size:12px;background:rgba(248,113,113,.12);color:#fecaca;margin-top:6px}
.pt-close-partial-btn:hover{background:rgba(248,113,113,.2);border-color:rgba(248,113,113,.65)}
.pt-close-partial-btn:disabled{opacity:.5;cursor:not-allowed}
.pt-trade-sec-close{margin-top:8px}
.pt-close-mode-toggle{margin-bottom:6px}
.pt-trade-sec-close .pt-close-mode-toggle button{padding:4px 6px;font-size:10px;border-radius:6px}
.pt-trade-sec-close .pt-vol-input-row{align-items:center;gap:3px}
.pt-trade-sec-close .pt-vol-input-row>input[type=number]{
height:24px;min-height:24px;max-height:24px;line-height:22px;
padding:0 6px;font-size:12px;border-radius:6px;box-sizing:border-box;
background:#0d1117;border:1px solid rgba(148,163,184,.3);color:#e2e8f0;
}
.pt-trade-sec-close .pt-vol-input-row>input[type=number]::-webkit-inner-spin-button,
.pt-trade-sec-close .pt-vol-input-row>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pt-trade-sec-close .pt-vol-input-row>input[type=number]{-moz-appearance:textfield;appearance:textfield}
.pt-trade-sec-close .pt-vol-pct-btn{
height:24px;min-height:24px;max-height:24px;min-width:28px;padding:0 6px;font-size:11px;border-radius:6px;
}
.pt-mode-toggle{display:flex;gap:6px;margin-bottom:8px}
.pt-mode-toggle button{flex:1;cursor:pointer;border:1px solid rgba(148,163,184,.25);background:transparent;color:#94a3b8;border-radius:7px;padding:6px;font-size:11px;font-weight:600}
.pt-mode-toggle button.is-active{background:rgba(99,102,241,.22);border-color:#6366f1;color:#e2e8f0}
.pt-mode-toggle button:disabled{opacity:.4;cursor:not-allowed}
.pt-mode-note{font-size:11px;color:#94a3b8;margin-bottom:8px}
.pt-trade-sec{margin-bottom:6px;border:none;border-radius:0;padding:4px 0}
.pt-trade-sec.is-collapsed .pt-trade-sec-body{display:none}
.pt-trade-sec.is-collapsed .pt-trade-sec-head{margin-bottom:0}
.pt-trade-sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;cursor:pointer;user-select:none}
.pt-trade-sec-head.pt-trade-sec-head-static{cursor:default}
.pt-trade-sec-toggle{font-size:20px;line-height:1;color:#64748b;min-width:22px;text-align:center}
.pt-trade-sec-title{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px}
.pt-trade-sec-main{border:none}
.pt-trade-kv{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:3px 0;color:#cbd5e1}
.pt-trade-kv span:last-child{font-variant-numeric:tabular-nums;color:#e2e8f0;text-align:right}
.pt-trade-kv-muted{color:#64748b;font-size:10px}
.pt-trade-warn{font-size:11px;color:#fbbf24;padding:4px 0;line-height:1.35}
.pt-trade-warn.is-critical{color:#f87171}
.pt-balance-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px;font-size:12px}
.pt-balance-btns{display:flex;gap:4px}
.pt-balance-btns button{cursor:pointer;border:1px solid rgba(148,163,184,.25);background:transparent;color:#94a3b8;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:600}
.pt-balance-btns button:hover{color:#e2e8f0;border-color:rgba(148,163,184,.45)}
.pt-level-preview{font-size:9px;color:#64748b;margin-top:1px;font-variant-numeric:tabular-nums}
.pt-preset-row{display:flex;gap:4px;margin-bottom:6px}
.pt-preset-row select,.pt-preset-row button{flex:1;font-size:11px}
.pt-preset-row button{cursor:pointer;border:1px solid rgba(148,163,184,.25);background:transparent;color:#cbd5e1;border-radius:6px;padding:5px}
.pt-check-row{display:flex;align-items:center;gap:6px;font-size:11px;color:#cbd5e1;margin-bottom:6px}
.pt-check-row input{margin:0}
.pt-be-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:2px}
.pt-be-row>.pt-check-row{flex:1;min-width:0;margin-bottom:0;padding-bottom:6px}
.pt-be-row>.pt-field{flex:0 0 92px;margin-bottom:0}
.pt-field.pt-field-compact{margin-bottom:0;gap:2px}
.pt-field.pt-field-compact input{padding:5px 6px;font-size:12px;border-radius:6px}
.pt-trail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:2px}
.pt-trail-grid>.pt-field{margin-bottom:0;min-width:0}
.pt-order-toggle{display:flex;gap:6px;margin-bottom:0}
.pt-order-toggle button{flex:1;cursor:pointer;border:1px solid rgba(148,163,184,.25);background:transparent;color:#94a3b8;border-radius:6px;padding:6px;font-size:11px;font-weight:600}
.pt-order-toggle button.is-active{background:rgba(99,102,241,.22);border-color:#6366f1;color:#e2e8f0}
.pt-order-toggle button:hover{color:#e2e8f0;border-color:rgba(148,163,184,.45)}
.pt-level-field input[type=number]::-webkit-inner-spin-button,
.pt-level-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pt-level-field input[type=number]{-moz-appearance:textfield;appearance:textfield}
.pt-level-add,.pt-level-remove{
display:inline-flex;align-items:center;justify-content:center;
cursor:pointer;border:none;outline:none;box-shadow:none;background:transparent;color:#94a3b8;
border-radius:4px;width:18px;height:18px;padding:0;line-height:1;font-size:13px;font-weight:600;
}
.pt-level-add:hover,.pt-level-remove:hover{color:#e2e8f0;background:rgba(148,163,184,.1)}
.pt-level-add:disabled{opacity:.35;cursor:default}
.pt-level-list{display:flex;flex-direction:column;gap:6px}
.pt-level-row{display:grid;grid-template-columns:minmax(56px,.85fr) minmax(0,1.15fr) minmax(56px,.95fr) minmax(0,1.15fr) auto;gap:4px;align-items:center}
.pt-level-field{display:flex;flex-direction:column;gap:2px}
.pt-level-field label{font-size:10px;color:#64748b}
.pt-level-field input,.pt-level-select{background:#0d1117;border:1px solid rgba(148,163,184,.25);border-radius:6px;padding:4px 6px;color:#e2e8f0;font-size:11px;width:100%}
.pt-level-select{text-align:left;padding-left:6px;padding-right:4px}
.pt-level-overlay{
position:absolute;inset:0;pointer-events:none;z-index:11;overflow:hidden;
}
.pt-level-chip{
position:absolute;right:70px;transform:translateY(-50%);
display:inline-flex;align-items:center;gap:4px;
pointer-events:auto;user-select:none;
border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.88);
border-radius:4px;padding:1px 4px 1px 6px;font-size:10px;font-weight:700;
line-height:1.2;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,.35);
}
.pt-level-chip.is-draggable{cursor:ns-resize}
.pt-level-chip-label{font-variant-numeric:tabular-nums}
.pt-level-chip-x{
cursor:pointer;border:0;background:transparent;color:#94a3b8;
font-size:12px;line-height:1;padding:0 2px;border-radius:3px;
}
.pt-level-chip-x:hover{color:#f87171;background:rgba(248,113,113,.12)}
.pt-level-pnl{
position:absolute;left:10px;transform:translateY(-50%);
pointer-events:none;user-select:none;
border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700;
line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums;
background:rgba(15,23,42,.82);border:1px solid rgba(148,163,184,.28);
box-shadow:0 1px 4px rgba(0,0,0,.3);color:#e2e8f0;
}
.pt-level-pnl.is-pos{color:#4ade80;border-color:rgba(74,222,128,.35)}
.pt-level-pnl.is-neg{color:#f87171;border-color:rgba(248,113,113,.35)}
.pt-level-pnl.is-flat{color:#94a3b8}
.pt-level-pnl.is-avg{color:#93c5fd;border-color:rgba(147,197,253,.35)}
body.pt-level-dragging{cursor:ns-resize !important;user-select:none}
.pt-level-overlay{
position:absolute;inset:0;pointer-events:none;z-index:11;overflow:hidden;
}
.pt-level-chip{
position:absolute;right:70px;transform:translateY(-50%);
display:inline-flex;align-items:center;gap:4px;
pointer-events:auto;user-select:none;
border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.88);
border-radius:4px;padding:1px 4px 1px 6px;font-size:10px;font-weight:700;
line-height:1.2;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,.35);
}
.pt-level-chip.is-draggable{cursor:ns-resize}
.pt-level-chip-label{font-variant-numeric:tabular-nums}
.pt-level-chip-x{
cursor:pointer;border:0;background:transparent;color:#94a3b8;
font-size:12px;line-height:1;padding:0 2px;border-radius:3px;
}
.pt-level-chip-x:hover{color:#f87171;background:rgba(248,113,113,.12)}
.pt-level-pnl{
position:absolute;left:10px;transform:translateY(-50%);
pointer-events:none;user-select:none;
border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700;
line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums;
background:rgba(15,23,42,.82);border:1px solid rgba(148,163,184,.28);
box-shadow:0 1px 4px rgba(0,0,0,.3);color:#e2e8f0;
}
.pt-level-pnl.is-pos{color:#4ade80;border-color:rgba(74,222,128,.35)}
.pt-level-pnl.is-neg{color:#f87171;border-color:rgba(248,113,113,.35)}
.pt-level-pnl.is-flat{color:#94a3b8}
.pt-level-pnl.is-avg{color:#fbbf24;border-color:rgba(245,158,11,.4)}
.pt-level-pnl.is-avg{color:#93c5fd;border-color:rgba(147,197,253,.35)}
body.pt-level-dragging{cursor:ns-resize !important;user-select:none}
.pt-pos-levels{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;margin-top:2px}
.pt-pos-sl{color:#fca5a5}.pt-pos-tp{color:#86efac}
.pt-history-note{font-size:11px;color:#64748b;margin:10px 0 0;text-align:center;width:100%}
.pt-order-row{
display:flex;align-items:center;gap:8px;
padding:4px 8px;border:1px solid rgba(148,163,184,.15);border-radius:6px;margin-bottom:6px;
min-height:28px;
}
.pt-order-main{
display:flex;align-items:center;gap:8px;min-width:0;flex:1;
white-space:nowrap;overflow:hidden;font-size:11px;color:#94a3b8;
}
.pt-order-kind{font-weight:700;flex-shrink:0;min-width:2.6em}
.pt-order-sl{color:#fca5a5}
.pt-order-tp{color:#86efac}
.pt-order-dca{color:#fbbf24}
.pt-order-entry{color:#93c5fd}
.pt-order-sym{font-weight:600;color:#e2e8f0;flex-shrink:0}
.pt-order-price,.pt-order-vol,.pt-order-mode{flex-shrink:0}
.pt-hist-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:6px 4px;border-bottom:1px solid rgba(148,163,184,.1)}
.pt-hist-main{font-weight:600;font-size:12px}
.pt-hist-sub{grid-column:1;font-size:11px;color:#94a3b8}
.pt-hist-pnl{grid-row:1 / span 2;align-self:center;font-weight:600;font-size:12px}
.pt-notice{font-size:12px;line-height:1.4;padding:8px 10px;border-radius:8px;background:rgba(148,163,184,.1);color:#cbd5e1;margin-top:4px}
.pt-notice a{color:#a5b4fc}
.pt-notice.warn{background:rgba(234,179,8,.12);color:#fde68a}
.pt-notice.err{background:rgba(248,113,113,.12);color:#fecaca}
.pt-positions{flex:1 1 auto;overflow-y:auto;padding:8px 10px;min-height:0}
.pt-positions h4{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}
.pt-pos{
display:flex;align-items:center;justify-content:space-between;gap:8px;
padding:4px 8px;border:1px solid rgba(148,163,184,.15);border-radius:6px;margin-bottom:6px;
min-height:28px;
}
.pt-pos.is-active{border-color:rgba(56,189,248,.45);background:rgba(14,165,233,.08)}
.pt-pos-right{display:flex;align-items:center;gap:6px;flex-shrink:0}
.pt-pos-main{
display:flex;align-items:center;gap:8px;min-width:0;flex:1;cursor:pointer;
white-space:nowrap;overflow:hidden;font-size:11px;color:#94a3b8;
}
.pt-pos-sym{font-weight:600;color:#e2e8f0;flex-shrink:0}
.pt-pos-side{font-weight:700;flex-shrink:0}
.pt-pos-mode,.pt-pos-entry,.pt-pos-size,.pt-pos-src{flex-shrink:0}
.pt-pos-src{font-size:10px;font-weight:700;letter-spacing:.02em;padding:1px 5px;border-radius:4px;line-height:1.3}
.pt-pos-src-term{color:#a5b4fc;background:rgba(99,102,241,.14);border:1px solid rgba(129,140,248,.35)}
.pt-pos-src-auto{color:#fbbf24;background:rgba(245,158,11,.12);border:1px solid rgba(251,191,36,.35)}
.pt-pos-pnl{font-variant-numeric:tabular-nums;font-weight:600;font-size:12px}
.pt-close-btn{cursor:pointer;border:1px solid rgba(248,113,113,.4);background:transparent;color:#fecaca;border-radius:6px;padding:3px 8px;font-size:11px}
.pt-close-btn-x{
width:22px;height:22px;padding:0;line-height:1;font-size:16px;font-weight:600;
display:inline-flex;align-items:center;justify-content:center;border-radius:5px;
}
.pro-terminal .pt-close-position-modal{
position:absolute;inset:0;z-index:40;
}
.pro-terminal .pt-close-position-modal .history-modal-card{width:min(400px,100%)}
.pro-terminal .pt-close-position-modal .history-modal-actions{
flex-direction:column;align-items:stretch;margin-top:16px;
}
.pro-terminal .pt-close-position-modal .history-modal-actions .btn{
width:100%;justify-content:center;
}
.pro-terminal .pt-close-position-confirm{
border:1px solid #e53e3e;background:#e53e3e;color:#fff;
}
.pro-terminal .pt-close-position-confirm:hover{
background:#c53030;border-color:#c53030;
}
.pro-terminal .pt-open-trade-modal .history-modal-card{width:min(420px,100%)}
.pro-terminal .pt-open-trade-modal .pt-confirm-summary{font-size:12px;line-height:1.5;color:#cbd5e1;margin:10px 0 0}
.pro-terminal .pt-open-trade-modal .pt-confirm-summary div{display:flex;justify-content:space-between;gap:10px;padding:2px 0}
.pro-terminal .pt-open-trade-confirm{
border:1px solid var(--primary);background:var(--primary);color:#fff;
}
.pro-terminal .pt-open-trade-confirm:hover{filter:brightness(1.05)}
.pro-terminal .pt-quote-sym--clickable{
cursor:pointer;border-radius:4px;padding:1px 4px;margin:-1px -4px;
transition:background .15s ease,color .15s ease;
}
.pro-terminal .pt-quote-sym--clickable:hover,
.pro-terminal .pt-quote-sym--clickable:focus-visible{
background:rgba(99,102,241,.22);color:#fff;outline:none;
}
.pro-terminal .pt-symbol-search-modal .history-modal-card{width:min(460px,100%)}
.pro-terminal .pt-symbol-search-input{
width:100%;margin-top:12px;box-sizing:border-box;
border:1px solid rgba(148,163,184,.35);background:#0f172a;color:#e2e8f0;
border-radius:8px;padding:10px 12px;font-size:14px;outline:none;
}
.pro-terminal .pt-symbol-search-input:focus{
border-color:rgba(99,102,241,.65);box-shadow:0 0 0 2px rgba(99,102,241,.2);
}
.pro-terminal .pt-symbol-search-results{
margin-top:12px;max-height:280px;overflow:auto;display:flex;flex-direction:column;gap:8px;
}
.pro-terminal .pt-symbol-search-empty{color:#94a3b8;font-size:13px;padding:8px 2px}
.pro-terminal .pt-symbol-search-item{
border:1px solid rgba(148,163,184,.18);border-radius:8px;padding:8px 10px;
background:rgba(15,23,42,.55);
}
.pro-terminal .pt-symbol-search-sym{font-weight:700;font-size:13px;color:#e2e8f0;margin-bottom:6px}
.pro-terminal .pt-symbol-search-exs{display:flex;flex-wrap:wrap;gap:6px}
.pro-terminal .pt-symbol-search-ex{
cursor:pointer;border:1px solid rgba(148,163,184,.35);background:transparent;color:#cbd5e1;
border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;letter-spacing:.02em;
}
.pro-terminal .pt-symbol-search-ex:hover{
border-color:rgba(99,102,241,.55);background:rgba(99,102,241,.18);color:#fff;
}
.pt-empty{color:#94a3b8;font-size:12px;padding:6px 2px}
.pt-toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:9100;background:#111827;border:1px solid rgba(148,163,184,.3);border-radius:9px;padding:10px 16px;font-size:13px;color:#e2e8f0;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.pt-toast.ok{border-color:rgba(34,197,94,.5)}
.pt-toast.err{border-color:rgba(248,113,113,.5)}
.pt-toast.warn{border-color:rgba(251,191,36,.5)}
.pt-event-row{
display:grid;grid-template-columns:84px minmax(0,1fr);gap:4px 10px;
padding:5px 2px;border-bottom:1px solid rgba(148,163,184,.08);font-size:12px;
}
.pt-event-time{color:#64748b;font-variant-numeric:tabular-nums;white-space:nowrap}
.pt-event-main{color:#e2e8f0;line-height:1.35;word-break:break-word}
.pt-event-sub{grid-column:2;color:#94a3b8;font-size:11px}
.pt-event-success .pt-event-main{color:#4ade80}
.pt-event-error .pt-event-main{color:#f87171}
.pt-event-warn .pt-event-main{color:#fbbf24}
.pt-event-info .pt-event-main{color:#cbd5e1}
.pt-ctx-menu{
position:fixed;z-index:9600;min-width:220px;max-width:320px;
background:#111827;border:1px solid rgba(148,163,184,.32);border-radius:10px;
box-shadow:0 12px 32px rgba(0,0,0,.45);padding:6px;color:#e2e8f0;
}
.pt-ctx-menu[hidden]{display:none!important}
.pt-ctx-body{display:flex;flex-direction:column;gap:2px}
.pt-ctx-item{
border:none;background:transparent;color:#e2e8f0;text-align:left;
font-size:12px;line-height:1.35;padding:8px 10px;border-radius:7px;cursor:pointer;width:100%;
}
.pt-ctx-item:hover{background:rgba(99,102,241,.22)}
.pt-ctx-item.is-disabled,.pt-ctx-item:disabled{opacity:.45;cursor:default}
.pt-ctx-item:disabled:hover{background:transparent}
.pt-ctx-sep{height:1px;margin:4px 6px;background:rgba(148,163,184,.18)}
.pt-events-filters{
display:flex;flex-wrap:wrap;gap:6px;align-items:center;
flex:0 0 auto;margin:0;padding:12px 10px 8px;
border-bottom:1px solid rgba(148,163,184,.1);
position:sticky;top:0;z-index:2;background:#0d1117;box-sizing:border-box;
}
.pt-events-filter{
height:24px;box-sizing:border-box;border-radius:6px;border:1px solid rgba(148,163,184,.28);
background:#111827;color:#e2e8f0;font-size:10px;padding:0 7px;min-width:0;
}
.pt-events-symbol{width:88px}
.pt-events-date{width:150px}
.pt-events-scr-wrap{position:relative}
.pt-events-scr-btn{cursor:pointer}
.pt-events-scr-menu{
position:absolute;left:0;top:calc(100% + 4px);z-index:5;min-width:150px;
background:#111827;border:1px solid rgba(148,163,184,.28);border-radius:8px;padding:6px;
display:flex;flex-direction:column;gap:4px;box-shadow:0 8px 20px rgba(0,0,0,.35);
}
.pt-events-scr-menu[hidden]{display:none!important}
.pt-events-scr-opt{
display:flex;align-items:center;gap:6px;font-size:11px;color:#cbd5e1;cursor:pointer;
}
.pt-events-scr-opt input{accent-color:#6366f1}
.pt-events-pager{
display:flex;align-items:center;justify-content:center;gap:6px;
margin-top:6px;padding:6px 10px;border-top:1px solid rgba(148,163,184,.1);
position:sticky;bottom:0;background:#0d1117;
}
.pt-events-page-btn{
height:24px;min-width:24px;padding:0 6px;border-radius:5px;border:1px solid rgba(148,163,184,.28);
background:#111827;color:#e2e8f0;cursor:pointer;font-size:12px;
}
.pt-events-page-btn:disabled{opacity:.4;cursor:default}
.pt-events-page-info{font-size:10px;color:#94a3b8;font-variant-numeric:tabular-nums}
.pt-ctx-menu{
position:fixed;z-index:9600;min-width:220px;max-width:320px;
background:#111827;border:1px solid rgba(148,163,184,.32);border-radius:10px;
box-shadow:0 12px 32px rgba(0,0,0,.45);padding:6px;color:#e2e8f0;
}
.pt-ctx-menu[hidden]{display:none!important}
.pt-ctx-body{display:flex;flex-direction:column;gap:2px}
.pt-ctx-item{
border:none;background:transparent;color:#e2e8f0;text-align:left;
font-size:12px;line-height:1.35;padding:8px 10px;border-radius:7px;cursor:pointer;width:100%;
}
.pt-ctx-item:hover{background:rgba(99,102,241,.22)}
.pt-ctx-item.is-disabled,.pt-ctx-item:disabled{opacity:.45;cursor:default}
.pt-ctx-item:disabled:hover{background:transparent}
.pt-ctx-sep{height:1px;margin:4px 6px;background:rgba(148,163,184,.18)}
.pt-events-filters{
display:flex;flex-wrap:wrap;gap:6px;align-items:center;
flex:0 0 auto;margin:0;padding:12px 10px 8px;
border-bottom:1px solid rgba(148,163,184,.1);
position:sticky;top:0;z-index:2;background:#0d1117;box-sizing:border-box;
}
.pt-events-filter{
height:24px;box-sizing:border-box;border-radius:6px;border:1px solid rgba(148,163,184,.28);
background:#111827;color:#e2e8f0;font-size:10px;padding:0 7px;min-width:0;
}
.pt-events-symbol{width:88px}
.pt-events-date{width:150px}
.pt-events-scr-wrap{position:relative}
.pt-events-scr-btn{cursor:pointer}
.pt-events-scr-menu{
position:absolute;left:0;top:calc(100% + 4px);z-index:5;min-width:150px;
background:#111827;border:1px solid rgba(148,163,184,.28);border-radius:8px;padding:6px;
display:flex;flex-direction:column;gap:4px;box-shadow:0 8px 20px rgba(0,0,0,.35);
}
.pt-events-scr-menu[hidden]{display:none!important}
.pt-events-scr-opt{
display:flex;align-items:center;gap:6px;font-size:11px;color:#cbd5e1;cursor:pointer;
}
.pt-events-scr-opt input{accent-color:#6366f1}
.pt-events-pager{
display:flex;align-items:center;justify-content:center;gap:6px;
margin-top:6px;padding:6px 10px;border-top:1px solid rgba(148,163,184,.1);
position:sticky;bottom:0;background:#0d1117;
}
.pt-events-page-btn{
height:24px;min-width:24px;padding:0 6px;border-radius:5px;border:1px solid rgba(148,163,184,.28);
background:#111827;color:#e2e8f0;cursor:pointer;font-size:12px;
}
.pt-events-page-btn:disabled{opacity:.4;cursor:default}
.pt-events-page-info{font-size:10px;color:#94a3b8;font-variant-numeric:tabular-nums}
/* Pro terminal V3 - layout and UI supplements */
.pt-title-text{display:flex;align-items:center;gap:10px;min-width:0;line-height:1.2}
.pt-settings-wrap{position:relative;flex:0 0 auto;display:inline-flex;align-items:center}
.pt-settings-btn{
cursor:pointer;border:1px solid rgba(148,163,184,.35);background:transparent;color:#94a3b8;
border-radius:8px;width:32px;height:32px;padding:0;box-sizing:border-box;
display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:1;
}
.pt-settings-btn:hover{color:#e2e8f0;border-color:rgba(124,92,255,.5)}
.pt-fs-btn{
cursor:pointer;border:1px solid rgba(148,163,184,.35);background:transparent;color:#94a3b8;
border-radius:8px;width:32px;height:32px;padding:0;box-sizing:border-box;
display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:1;
}
.pt-fs-btn:hover{color:#e2e8f0;border-color:rgba(124,92,255,.5)}
.pt-settings-btn .screener-pro-icon-svg,
.pt-fs-btn .screener-pro-icon-svg,
.screener-pro-fs-btn .screener-pro-icon-svg{
display:block;width:16px;height:16px;flex:0 0 auto;
}
.pt-feed-tabs{display:flex;gap:0;border-bottom:1px solid rgba(148,163,184,.12);flex:0 0 auto}
.pt-feed-tab{
flex:1;cursor:pointer;border:none;background:transparent;color:#94a3b8;
padding:8px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;
border-bottom:2px solid transparent;
}
.pt-feed-tab.is-active{color:#e2e8f0;border-bottom-color:var(--primary)}
.pt-feed-head-row{position:relative;flex:0 0 auto;width:100%;box-sizing:border-box;border-bottom:1px solid rgba(148,163,184,.12)}
.pt-feed-title{
display:flex;align-items:center;justify-content:space-between;gap:8px;
width:100%;box-sizing:border-box;cursor:pointer;border:none;background:#0d1117;color:#94a3b8;
padding:8px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:left;
}
.pt-feed-title:hover{color:#e2e8f0;background:#111827}
.pt-feed-caret{font-size:9px;margin-left:auto;opacity:.75;flex:0 0 auto}
.pt-screener-dd{
position:absolute;left:0;right:0;width:100%;box-sizing:border-box;top:calc(100% - 1px);z-index:30;
background:#111827;border:1px solid rgba(148,163,184,.28);border-radius:0 0 8px 8px;padding:6px;
box-shadow:0 8px 20px rgba(0,0,0,.4);
}
.pt-scr-opt{
display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;
cursor:pointer;font-size:11px;color:#cbd5e1;min-height:28px;line-height:1.2;
transition:background .12s ease;
}
.pt-scr-opt:hover,.pt-scr-opt:focus-within{background:rgba(99,102,241,.18)}
.pt-scr-opt input[type="checkbox"]{
width:14px;height:14px;margin:0;flex:0 0 14px;align-self:center;cursor:pointer;
}
.pt-scr-opt-abbr{font-weight:700;color:#a5b4fc;min-width:24px;flex:0 0 24px;line-height:1.2}
.pt-scr-opt-label{flex:1;display:flex;align-items:center;line-height:1.2}
.pt-scr-hint{font-size:10px;color:#64748b;padding:4px 2px 2px}
.pt-sig-sym-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.pt-sig-scr{
font-size:9px;font-weight:700;padding:1px 4px;border-radius:4px;
background:rgba(148,163,184,.15);color:#cbd5e1;letter-spacing:.3px;
}
.pt-sig-tf{
font-size:9px;font-weight:700;padding:1px 4px;border-radius:4px;
background:rgba(56,189,248,.12);color:#7dd3fc;letter-spacing:.2px;
}
.pt-chart-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:row;position:relative;min-width:0}
.pt-chart-canvas{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;position:relative}
.pt-subcharts{flex:0 0 auto;display:flex;flex-direction:column;min-height:0}
.pt-chart-loading-text{font-size:13px;color:#94a3b8;text-align:center;max-width:280px;line-height:1.4;padding:0 16px}
.pt-panel-splitter{
flex:0 0 5px;cursor:row-resize;background:rgba(148,163,184,.08);
border-top:1px solid rgba(148,163,184,.12);border-bottom:1px solid rgba(148,163,184,.12);
transition:background .15s;
}
.pt-panel-splitter:hover,.pt-panel-splitter.is-dragging{background:rgba(99,102,241,.22)}
.pt-sub-wrap,.pt-rsi-wrap{display:flex;flex-direction:column;min-height:0;position:relative}
.pt-sub-splitter,.pt-rsi-splitter{
flex:0 0 4px;cursor:row-resize;background:rgba(148,163,184,.08);border-top:1px solid rgba(148,163,184,.1);
}
.pt-sub-mount,.pt-rsi-mount{flex:1 1 auto;min-height:0;position:relative}
.pt-sub-label,.pt-rsi-label{
position:absolute;left:8px;top:4px;z-index:2;font-size:10px;font-weight:700;color:#64748b;pointer-events:none;
}
.pt-tf-label{font-size:11px;color:#94a3b8;margin-right:2px}
.pt-tf-select{
cursor:pointer;background:#0d1117;border:1px solid rgba(148,163,184,.25);border-radius:6px;
color:#e2e8f0;font-size:12px;padding:3px 24px 3px 8px;appearance:none;-webkit-appearance:none;
background-image:linear-gradient(45deg,transparent 50%,#94a3b8 50%),linear-gradient(135deg,#94a3b8 50%,transparent 50%);
background-position:calc(100% - 10px) 50%,calc(100% - 6px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat;
}
.pt-tf-vol{display:inline-flex;align-items:baseline;gap:4px;margin-left:8px;font-size:11px;color:#94a3b8}
.pt-tf-vol-label{font-weight:600;color:#64748b}
.pg-tip,.pt-tip{
position:fixed;z-index:10060;display:none;pointer-events:none;padding:6px 10px;border-radius:7px;
font-size:11px;line-height:1.35;color:#e2e8f0;background:#111827;border:1px solid rgba(148,163,184,.32);
box-shadow:0 8px 20px rgba(0,0,0,.45);max-width:280px;
}
.pg-tip.is-tool,.pt-tip.is-tool{
display:none;align-items:center;padding:6px 10px;border-radius:8px;font-size:12px;
white-space:nowrap;max-width:none;font-weight:500;
}
.pt-label-row{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:#94a3b8;margin-bottom:2px}
.pt-trade-sec-hint{font-size:10px;color:#64748b;line-height:1.35;margin-bottom:6px}
.pt-trade-sec-head-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:center;width:100%}
.pt-trade-sec-head-grid>.pt-trade-sec-title{grid-column:1;text-align:left;justify-self:start}
.pt-trade-sec-head-preview{display:flex;align-items:center;justify-content:flex-end;gap:6px;grid-column:2}
.pt-trade-preview-toggle{display:inline-flex;align-items:center;cursor:pointer;font-size:10px;color:#94a3b8;gap:4px}
.pt-trade-preview-toggle input{margin:0;accent-color:#6366f1}
.pt-trade-sec-drag{cursor:grab;color:#64748b;font-size:11px;line-height:1;margin-right:4px;user-select:none}
.pt-trade-sec-drag:active{cursor:grabbing}
.pt-trade-sec.is-dragging{opacity:.55}
.pt-trade-sec.is-drop-target{background:rgba(99,102,241,.06)}
.pt-vol-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.pt-vol-label-row label{margin:0}
.pt-vol-deposit{font-size:10px;color:#64748b;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:3px}
.pt-trade-main-grid{
display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;align-items:start;
}
.pt-trade-main-col{display:flex;flex-direction:column;gap:3px;min-width:0}
.pt-trade-main-col>.pt-label-row,
.pt-trade-main-col>.pt-vol-label-row{margin:0}
.pt-trade-main-col input[type=number]{
background:#0d1117;border:1px solid rgba(148,163,184,.3);border-radius:7px;
padding:6px 8px;color:#e2e8f0;font-size:13px;width:100%;box-sizing:border-box;
}
.pt-trade-main-col input[type=number]::-webkit-inner-spin-button,
.pt-trade-main-col input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pt-trade-main-col input[type=number]{-moz-appearance:textfield;appearance:textfield}
.pt-vol-input-row{display:flex;align-items:stretch;gap:4px}
.pt-vol-input-row>input{flex:1 1 auto;min-width:0}
.pt-vol-pct-menu-wrap{position:relative;flex:0 0 auto}
.pt-vol-pct-btn{
height:100%;min-width:34px;padding:0 8px;cursor:pointer;
border:1px solid rgba(148,163,184,.3);border-radius:7px;
background:transparent;color:#94a3b8;font-size:12px;font-weight:700;
}
.pt-vol-pct-btn:hover{color:#e2e8f0;border-color:rgba(148,163,184,.5)}
.pt-vol-pct-btn:disabled{opacity:.45;cursor:not-allowed}
.pt-vol-pct-menu-wrap.is-open .pt-vol-pct-btn{
background:rgba(99,102,241,.22);border-color:#6366f1;color:#e2e8f0;
}
.pt-vol-pct-menu{
position:absolute;right:0;top:calc(100% + 4px);z-index:40;
min-width:72px;padding:4px;border-radius:8px;
background:#0f172a;border:1px solid rgba(148,163,184,.28);
box-shadow:0 8px 20px rgba(0,0,0,.45);
display:flex;flex-direction:column;gap:2px;
}
.pt-vol-pct-menu[hidden]{display:none}
.pt-vol-pct-menu button{
cursor:pointer;border:0;background:transparent;color:#cbd5e1;
border-radius:5px;padding:5px 8px;font-size:11px;font-weight:600;text-align:left;
}
.pt-vol-pct-menu button:hover{background:rgba(99,102,241,.28);color:#e2e8f0}
.pt-vol-pct-menu button:disabled{opacity:.45;cursor:not-allowed}
.pt-order-type{margin-bottom:8px}
.pt-order-type>.pt-label-row{margin-bottom:3px}
.pt-order-type-mini{margin:4px 0 0}
.pt-order-type-mini .pt-order-toggle button{padding:5px;font-size:10px;border-radius:6px}
.pt-order-limit-field{margin-top:6px;margin-bottom:0}
.pro-terminal .pt-level-field input,.pro-terminal .pt-level-select{
display:block;flex:0 0 auto;width:100%;min-width:0;max-width:100%;
height:22px;min-height:22px;max-height:22px;line-height:20px;
background:#0d1117;border:1px solid rgba(148,163,184,.25);border-radius:6px;
padding:0 16px 0 5px;color:#e2e8f0;font-size:11px;box-sizing:border-box;
}
.pro-terminal .pt-level-select-wrap{position:relative;width:100%;min-width:56px}
.pro-terminal .pt-level-field:has(.pt-level-select-wrap){min-width:56px}
.pro-terminal .pt-level-select{
min-width:56px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
appearance:none;-webkit-appearance:none;
background-image:linear-gradient(45deg,transparent 50%,#94a3b8 50%),linear-gradient(135deg,#94a3b8 50%,transparent 50%);
background-position:calc(100% - 9px) 9px,calc(100% - 5px) 9px;
background-size:4px 4px,4px 4px;background-repeat:no-repeat;
}
.pro-terminal .pt-level-select-menu{
position:absolute;left:0;right:0;top:calc(100% + 2px);z-index:40;
margin:0;padding:2px;list-style:none;width:100%;min-width:0;box-sizing:border-box;
background:#0d1117;border:1px solid rgba(148,163,184,.35);border-radius:6px;
box-shadow:0 8px 20px rgba(2,6,23,.55);
}
.pro-terminal .pt-level-select-menu[hidden]{display:none}
.pro-terminal .pt-level-select-option{
display:block;width:100%;box-sizing:border-box;
padding:4px 6px;margin:0;border:0;border-radius:4px;
background:transparent;color:#e2e8f0;font-size:11px;line-height:1.3;
text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pro-terminal .pt-level-select-option:hover,
.pro-terminal .pt-level-select-option.is-active{background:rgba(99,102,241,.28)}
.pro-terminal .pt-level-row{
display:grid;
grid-template-columns:minmax(56px,.85fr) minmax(0,1.15fr) minmax(56px,.95fr) minmax(0,1.15fr) auto;
gap:4px;align-items:center;
}
.pro-terminal .pt-level-row--2{grid-template-columns:1fr 1fr}
.pro-terminal .pt-level-row--compact{align-items:center}
.pro-terminal .pt-level-row--compact .pt-level-field .pt-label-row,
.pro-terminal .pt-level-row--compact .pt-level-field>label{display:none}
.pro-terminal .pt-level-row--compact .pt-level-remove{margin-bottom:0}
.pro-terminal .pt-level-field--end .pt-label-row,
.pro-terminal .pt-level-field--end label{justify-content:flex-end;text-align:right;width:100%}
.pro-terminal .pt-level-remove{
border:none;outline:none;box-shadow:none;margin:0;align-self:center;
transform:translateY(-1px);
}
.pro-terminal .pt-level-add{border:none;outline:none;box-shadow:none}
.pro-terminal:not(.pt-tooltips-off) [data-pt-tip]{cursor:help}
.pro-terminal.pt-tooltips-off .pt-trade-sec-hint{display:none}
.pro-terminal .pt-chart-confirm-skip{
display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:12px;color:#cbd5e1;cursor:pointer;user-select:none;
}
.pro-terminal .pt-chart-confirm-skip input{margin:0;accent-color:#6366f1}
.pro-terminal .pt-chart-confirm-msg{margin:8px 0 0;font-size:13px;color:#cbd5e1;line-height:1.45}
.pro-terminal .pt-close-position-modal-actions{flex-direction:column;align-items:stretch;margin-top:16px}
.pro-terminal .pt-close-position-modal-actions .btn{width:100%;justify-content:center}
.pro-terminal .pt-settings-modal .pt-settings-modal-card{
width:min(420px,100%);max-height:min(86vh,640px);display:flex;flex-direction:column;gap:0;padding:18px 18px 14px;
}
.pro-terminal .pt-settings-modal-body{
display:flex;flex-direction:column;gap:14px;overflow:auto;padding:4px 2px 8px;margin:8px 0 12px;
}
.pro-terminal .pt-settings-sec{
display:flex;flex-direction:column;gap:8px;padding-bottom:12px;
border-bottom:1px solid rgba(148,163,184,.16);
}
.pro-terminal .pt-settings-sec:last-child{border-bottom:0;padding-bottom:0}
.pro-terminal .pt-settings-sec-title{
font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;
}
.pro-terminal .pt-settings-sec-hint{font-size:11px;color:#64748b;line-height:1.35;margin-top:-2px}
.pro-terminal .pt-settings-field{
display:flex;flex-direction:column;gap:6px;font-size:12px;color:#e2e8f0;
}
.pro-terminal .pt-settings-field select{
width:100%;margin:0;background:#0f172a;border:1px solid rgba(148,163,184,.25);color:#e2e8f0;
border-radius:6px;font-size:12px;padding:8px 10px;cursor:pointer;
}
.pro-terminal .pt-settings-row{
display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#e2e8f0;padding:2px 0;
cursor:pointer;user-select:none;line-height:1.35;
}
.pro-terminal .pt-settings-row.is-disabled{opacity:.45;cursor:not-allowed}
.pro-terminal .pt-settings-row input{margin:2px 0 0;accent-color:#6366f1;flex:0 0 auto}
.pro-terminal .pt-settings-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:0}
.pt-lock-overlay{
position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;
background:rgba(2,6,23,.78);backdrop-filter:blur(4px);
}
.pt-lock-card{
max-width:360px;padding:20px 22px;border-radius:12px;background:#111827;
border:1px solid rgba(148,163,184,.25);text-align:center;
}
.pt-lock-card h3{margin:0 0 8px;font-size:16px;color:#e2e8f0}
.pt-lock-text{font-size:13px;color:#94a3b8;line-height:1.45;margin:0 0 14px}
.pt-lock-exit{margin-top:4px}
.pt-fav{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(148,163,184,.08);cursor:pointer}
.pt-fav:hover{background:rgba(148,163,184,.08)}
.pt-fav.is-active{background:rgba(124,92,255,.16);box-shadow:inset 3px 0 0 var(--primary)}
.pt-fav-main{min-width:0;flex:1}
.pt-fav-sym{font-weight:600;font-size:13px}
.pt-fav-rm{cursor:pointer;border:none;background:transparent;color:#94a3b8;font-size:18px;line-height:1;padding:0 4px}
.pt-fav-rm:hover{color:#f87171}
.pt-fav-clear{
display:block;width:calc(100% - 16px);margin:8px auto;cursor:pointer;
border:1px solid rgba(148,163,184,.25);background:transparent;color:#94a3b8;border-radius:6px;padding:5px;font-size:11px;
}
.pt-pop-select{
width:100%;background:#0d1117;border:1px solid rgba(148,163,184,.25);border-radius:6px;
color:#e2e8f0;font-size:11px;padding:4px 6px;
}
.pt-draw-style-btn svg{display:block}
.pt-draw-style-popover{z-index:10055}
.pt-draw-layer,
.pro-terminal .pg-draw-layer{
position:absolute;left:0;top:0;width:100%;height:100%;z-index:14;
pointer-events:none;overflow:hidden;
}
.pt-draw-layer.is-active,
.pro-terminal .pg-draw-layer.is-active{cursor:crosshair}
.pt-chart-mount.is-draw-mode{cursor:crosshair}
.pt-draw-layer .pg-draw-handle circle,
.pro-terminal .pg-draw-layer .pg-draw-handle circle{cursor:grab}
@media (max-width:1100px){
.pt-main{grid-template-columns:220px minmax(0,1fr) 250px}
}
@media (max-width:820px){
.pt-main{grid-template-columns:1fr}
.pt-feed{max-height:24vh}
.pt-right{border-left:none;border-top:1px solid rgba(148,163,184,.15)}
}
/* Pro terminal drawing toolbar (agreed: buttons 35x35, icons ~16/20) */
.pro-terminal .pg-tool{
display:inline-flex;align-items:center;justify-content:center;
width:35px;height:35px;border:none;border-radius:7px;
background:transparent;color:#94a3b8;cursor:pointer;flex-shrink:0;
font-size:20px;line-height:1;padding:0;
}
.pro-terminal .pg-tool svg{width:16px;height:16px;display:block}
.pro-terminal .pg-tool:hover{background:rgba(99,102,241,.15);color:#e2e8f0}
.pro-terminal .pg-tool.is-active,.pro-terminal .pg-tool.is-on{background:rgba(99,102,241,.35);color:#c7d2fe}
.pro-terminal .pg-tool.pg-tool-toggle.is-on{background:rgba(249,115,22,.25);color:#fdba74}
.pro-terminal .pg-tool-sep{width:1px;height:28px;background:rgba(148,163,184,.25);margin:0 5px}
.pro-terminal .pg-tool[data-tool="magnet"] svg,
.pro-terminal .pg-tool[data-tool="hide"] svg,
.pro-terminal .pg-tool[data-tool="delete"] svg{
width:20px;height:20px;
}
.pro-terminal .pt-chart-tools .pg-tool-sep{
width:24px;height:1px;margin:4px 0;flex-shrink:0;
}
.pro-terminal .pt-chart-tools .pg-dock-toggle{
width:35px;height:35px;border-radius:7px;padding:0;flex-shrink:0;margin-bottom:2px;
}
.pro-terminal .pg-dock-toggle{
width:35px;height:35px;border-radius:7px;
background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:0;
display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.pro-terminal .pg-dock-toggle svg{width:20px;height:20px;display:block}
.pro-terminal .pg-dock-toggle:hover{background:rgba(99,102,241,.15);color:#e2e8f0}
.pro-terminal .pg-dock-toggle.is-open{background:rgba(99,102,241,.2);color:#c7d2fe}
.pro-terminal .pg-tool-delete-all{position:relative;font-size:12px}
.pro-terminal .pg-tool-badge{
position:absolute;right:3px;bottom:2px;font-size:8px;line-height:1;
color:rgba(248,113,113,.9);font-weight:700;pointer-events:none;
}
.settings-pro-rows{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.settings-pro-row{
display:flex;
align-items:center;
gap:12px;
padding:10px 12px;
border:1px solid rgba(148,163,184,.2);
border-radius:10px;
background:rgba(148,163,184,.05);
}
.settings-pro-name{flex:1;font-weight:600}
.settings-pro-variant{
background:#0d1117;
color:#e2e8f0;
border:1px solid rgba(148,163,184,.35);
border-radius:8px;
padding:5px 8px;
font-size:13px;
}
/* Screener Pro mode - toolbar control */
.screener-pro-control{
display:inline-flex;
align-items:center;
gap:6px;
margin-left:6px;
}
.screener-pro-btn{
cursor:pointer;
border:1px solid var(--primary);
background:rgba(124,92,255,.12);
color:#e9deff;
border-radius:8px;
padding:5px 12px;
font-size:13px;
font-weight:600;
white-space:nowrap;
}
.screener-pro-btn:hover{background:rgba(124,92,255,.24)}
.screener-pro-btn.is-active{
background:var(--primary);
color:#fff;
}
.screener-pro-variant{
background:#0d1117;
color:#e2e8f0;
border:1px solid rgba(148,163,184,.35);
border-radius:8px;
padding:4px 6px;
font-size:12px;
}
.screener-pro-variant:disabled{opacity:.55;cursor:not-allowed}
.screener-pro-fs-btn{
cursor:pointer;
border:1px solid rgba(148,163,184,.35);
background:transparent;
color:#94a3b8;
border-radius:8px;
width:32px;
height:32px;
font-size:16px;
line-height:1;
padding:0;
box-sizing:border-box;
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
}
.screener-pro-fs-btn:hover{color:#e2e8f0;border-color:rgba(124,92,255,.5)}
.screener-pro-fs-btn.is-active{
color:#c7d2fe;
border-color:rgba(124,92,255,.55);
background:rgba(124,92,255,.16);
}
body.screener-pro-active #streamState{display:none !important}
body.screener-pro-active header,
body.screener-pro-active footer,
body.screener-pro-active .site-announcements,
body.screener-pro-active #bgNotifyHost,
body.screener-pro-active .screener-head,
body.screener-pro-active .screener-card > form,
body.screener-pro-active .screener-filters-panel > form{
display:none !important;
}
html.screener-pro-active,
body.screener-pro-active{
overflow:hidden !important;
}
body.screener-pro-active main{
padding:0 !important;
margin:0 !important;
max-width:none !important;
width:100% !important;
}
body.screener-pro-active .container,
body.screener-pro-active main > .container{
max-width:100% !important;
width:100% !important;
padding-left:10px !important;
padding-right:10px !important;
}
body.screener-pro-active .screener-card{
position:fixed;
inset:0;
z-index:1200;
max-width:none !important;
margin:0 !important;
border-radius:0 !important;
border-top:none !important;
padding:8px 12px !important;
height:100vh;
width:100vw;
display:flex;
flex-direction:column;
background:var(--bg, #0b0f17);
}
body.screener-pro-active .screener-toolbar{
position:sticky;
top:0;
z-index:20;
background:var(--bg, #0b0f17);
padding:6px 0;
flex:0 0 auto;
}
body.screener-pro-active .screener-signals{
flex:1 1 auto;
min-height:0;
overflow:auto;
max-height:none !important;
}
body.screener-pro-active .screener-signals .table-wrap{
max-height:none;
overflow:visible;
}
.screener-pro-live{
display:inline-flex;
align-items:center;
gap:5px;
margin-right:8px;
margin-left:6px;
padding:4px 10px;
border-radius:999px;
font-size:12px;
font-weight:700;
letter-spacing:.04em;
border:1px solid rgba(148,163,184,.25);
color:#94a3b8;
}
.screener-pro-live::before{
content:"";width:6px;height:6px;border-radius:50%;
background:currentColor;
}
.screener-pro-live--ok{
color:#22c55e;
border-color:rgba(34,197,94,.35);
background:rgba(34,197,94,.08);
}
.screener-pro-live--ok::before{
animation:streamLivePulse 1.8s ease-in-out infinite;
box-shadow:0 0 0 2px rgba(34,197,94,.2);
}
.screener-pro-live--reconnect{
color:#f59e0b;
border-color:rgba(245,158,11,.35);
}
.screener-pro-live--pending{
color:#94a3b8;
border-color:rgba(148,163,184,.35);
}
.screener-pro-live--error{
color:#ef4444;
border-color:rgba(239,68,68,.4);
}
@keyframes streamLivePulse{
0%,100%{transform:scale(1);opacity:1}
50%{transform:scale(1.4);opacity:.75}
}
.pt-data-source-badge{
display:inline-flex;align-items:center;
margin-left:8px;padding:3px 8px;border-radius:6px;
font-size:11px;font-weight:600;line-height:1.2;
color:#94a3b8;background:rgba(148,163,184,.1);
border:1px solid rgba(148,163,184,.22);white-space:nowrap;
}
.pt-data-source-badge[hidden]{display:none !important}
.pt-vol-value{margin-left:8px}