.sp-form-trends-page{
    --ft-bg:#0b1018;
    --ft-panel:#101823;
    --ft-panel-2:#0d151f;
    --ft-border:#243140;
    --ft-text:#f5f7fa;
    --ft-muted:#9aa7b6;
    --ft-orange:#ff9f13;
    --ft-orange-2:#ff7a18;
    --ft-green:#13d879;
    --ft-red:#ff5d68;
    display:grid;
    gap:14px;
    padding-bottom:30px;
}
.sp-form-trends-page *{box-sizing:border-box}
.sp-ft-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:25px;
    border:1px solid rgba(255,159,19,.45);
    border-radius:15px;
    background:linear-gradient(135deg,#0d151f 0%,#0a1119 62%,rgba(255,159,19,.06) 100%);
}
.sp-ft-kicker,.sp-ft-eyebrow{
    display:block;
    color:var(--ft-orange);
    font-size:12px;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-bottom:6px;
}
.sp-ft-hero h1{margin:0;color:var(--ft-text);font-size:29px;line-height:1.1}
.sp-ft-hero p{margin:9px 0 0;max-width:780px;color:var(--ft-muted);font-size:14px;line-height:1.55}
.sp-ft-hero-badge{
    min-width:170px;
    padding:13px 16px;
    border:1px solid var(--ft-border);
    border-radius:12px;
    background:#111a25;
    text-align:center;
}
.sp-ft-hero-badge span{display:block;color:var(--ft-muted);font-size:11px;text-transform:uppercase}
.sp-ft-hero-badge strong{display:block;margin-top:4px;color:var(--ft-orange);font-size:14px}

.sp-ft-tabs{
    display:flex;
    gap:9px;
    flex-wrap:wrap;
}
.sp-ft-tab-btn{
    appearance:none;
    padding:10px 14px;
    border:1px solid var(--ft-border);
    border-radius:9px;
    background:#111821;
    color:#dce3eb;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
    font-family:inherit;
    white-space:nowrap;
}
.sp-ft-tab-btn:hover,
.sp-ft-tab-btn.active{
    color:#111;
    border-color:var(--ft-orange);
    background:var(--ft-orange);
}
.sp-ft-tab-panel{display:none}
.sp-ft-tab-panel.active{display:block}

.sp-ft-filters{
    display:grid;
    grid-template-columns:minmax(190px,1.5fr) minmax(150px,1fr) minmax(170px,1fr) auto auto;
    gap:10px;
    align-items:end;
    padding:14px;
    border:1px solid var(--ft-border);
    border-radius:13px;
    background:#0e151e;
}
.sp-ft-filters label{display:grid;gap:6px}
.sp-ft-filters label>span{font-size:11px;color:var(--ft-muted);font-weight:800;text-transform:uppercase}
.sp-ft-filters select{
    width:100%;
    height:42px;
    border:1px solid var(--ft-border);
    border-radius:9px;
    background:#111a24;
    color:var(--ft-text);
    padding:0 12px;
    outline:none;
}
.sp-ft-filters select:focus{border-color:var(--ft-orange)}
.sp-ft-filters button,.sp-ft-reset{
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 17px;
    border-radius:9px;
    font-size:12px;
    font-weight:900;
}
.sp-ft-filters button{
    cursor:pointer;
    border:1px solid var(--ft-orange);
    background:var(--ft-orange);
    color:#111;
}
.sp-ft-reset{
    border:1px solid var(--ft-border);
    background:#141c26;
    color:#fff;
}

.sp-ft-summary-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:10px;
}
.sp-ft-summary-grid article{
    padding:14px;
    min-height:88px;
    border:1px solid var(--ft-border);
    border-radius:12px;
    background:linear-gradient(180deg,#111a24,#0d141d);
}
.sp-ft-summary-grid span{display:block;color:var(--ft-muted);font-size:11px;font-weight:700}
.sp-ft-summary-grid strong{display:block;margin-top:8px;color:var(--ft-text);font-size:22px}
.sp-ft-summary-grid strong.small{font-size:15px;line-height:1.4}

.sp-ft-panel{
    min-width:0;
    padding:14px;
    border:1px solid var(--ft-border);
    border-radius:14px;
    background:linear-gradient(180deg,var(--ft-panel),var(--ft-panel-2));
}
.sp-ft-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:12px;
}
.sp-ft-panel-head.compact{margin-bottom:6px}
.sp-ft-panel h2,.sp-ft-section-title h2{margin:0;color:#fff;font-size:17px}
.sp-ft-panel h3{margin:0 0 8px;color:#fff;font-size:14px}
.sp-ft-panel-head p{margin:5px 0 0;color:var(--ft-muted);font-size:12px}
.sp-ft-sample-note{
    color:var(--ft-muted);
    font-size:11px;
    padding:6px 9px;
    border:1px solid var(--ft-border);
    border-radius:999px;
    white-space:nowrap;
}

.sp-ft-table-wrap{overflow-x:auto}
.sp-ft-form-table{
    min-width:830px;
    display:grid;
    grid-template-columns:32px minmax(190px,1.3fr) minmax(155px,1fr) 190px 58px 40px 40px 45px;
    align-items:center;
    gap:10px;
    min-height:42px;
    padding:5px 2px;
    border-bottom:1px solid rgba(255,255,255,.055);
    color:#e6ebf0;
    font-size:12px;
}
.sp-ft-form-head{
    min-height:30px;
    color:var(--ft-muted);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
}
.sp-ft-form-table .rank{color:#7e8996}
.sp-ft-team{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
}
.sp-ft-team img{
    width:22px;height:22px;object-fit:contain;flex:0 0 22px;
}
.sp-ft-team strong,.sp-ft-form-table .league{
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.sp-ft-team:hover strong{color:var(--ft-orange)}
.sp-ft-form-dots{display:flex;gap:4px;flex-wrap:nowrap}
.sp-ft-form-dots i{
    width:24px;height:24px;border-radius:50%;
    display:grid;place-items:center;
    font-size:9px;font-style:normal;font-weight:900;color:#07110b;
}
.sp-ft-form-dots i.w{background:var(--ft-green)}
.sp-ft-form-dots i.d{background:var(--ft-orange);color:#191107}
.sp-ft-form-dots i.l{background:var(--ft-red);color:#fff}
.green{color:var(--ft-green)!important}
.orange{color:var(--ft-orange)!important}
.red{color:var(--ft-red)!important}

.sp-ft-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sp-ft-progress-list{display:grid;gap:2px}
.sp-ft-progress-list a{
    display:grid;
    grid-template-columns:minmax(130px,1.3fr) minmax(90px,1fr) 48px 43px;
    gap:10px;
    align-items:center;
    min-height:36px;
    padding:3px 0;
    color:#edf1f5;
    font-size:12px;
}
.sp-ft-progress-list .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-ft-progress-list .bar{height:7px;border-radius:99px;background:#1f2935;overflow:hidden}
.sp-ft-progress-list .bar i{
    display:block;height:100%;border-radius:99px;
    background:linear-gradient(90deg,var(--ft-orange),var(--ft-orange-2));
}
.sp-ft-progress-list strong{text-align:right;color:#fff}
.sp-ft-progress-list small{color:var(--ft-muted);text-align:right}
.sp-ft-progress-list a:hover .name{color:var(--ft-orange)}

.sp-ft-section-block{display:grid;gap:9px}
.sp-ft-section-title span{display:block;color:var(--ft-orange);font-size:11px;font-weight:900;margin-bottom:3px}
.sp-ft-four-col{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sp-ft-mini-list{display:grid}
.sp-ft-mini-list a{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    min-height:43px;padding:6px 0;
    border-bottom:1px solid rgba(255,255,255,.055);
}
.sp-ft-mini-list a:last-child{border-bottom:0}
.sp-ft-mini-list span{min-width:0}
.sp-ft-mini-list strong{
    display:block;color:#edf2f7;font-size:11px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.sp-ft-mini-list small{display:block;color:var(--ft-muted);font-size:9px;margin-top:2px}
.sp-ft-mini-list em{color:var(--ft-orange);font-size:12px;font-weight:900;font-style:normal}
.sp-ft-mini-list a:hover strong{color:var(--ft-orange)}

.sp-ft-league-table{
    min-width:850px;
    display:grid;
    grid-template-columns:minmax(220px,1.7fr) 65px 75px 60px 60px 60px 60px 60px;
    gap:10px;
    align-items:center;
    min-height:48px;
    padding:5px 4px;
    border-bottom:1px solid rgba(255,255,255,.055);
    color:#e7ecf1;
    font-size:11px;
}
.sp-ft-league-head{
    min-height:31px;
    color:var(--ft-muted);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
}
.sp-ft-league-name{display:flex;align-items:center;gap:8px;min-width:0}
.sp-ft-league-name img{width:24px;height:24px;object-fit:contain;flex:0 0 24px}
.sp-ft-league-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-ft-league-name small{display:block;margin-top:2px;color:var(--ft-muted);font-size:9px}
a.sp-ft-league-table:hover{background:rgba(255,159,19,.035)}

.sp-ft-empty{
    padding:15px 0;
    color:var(--ft-muted);
    font-size:12px;
}

@media(max-width:1180px){
    .sp-ft-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .sp-ft-four-col{grid-template-columns:1fr 1fr}
    .sp-ft-filters{grid-template-columns:1fr 1fr 1fr}
    .sp-ft-filters button,.sp-ft-reset{width:100%}
}
@media(max-width:760px){
    .sp-form-trends-page{gap:10px}
    .sp-ft-hero{padding:17px;align-items:flex-start;flex-direction:column}
    .sp-ft-hero h1{font-size:23px}
    .sp-ft-hero-badge{width:100%;text-align:left}
    .sp-ft-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
    .sp-ft-tab-btn{white-space:nowrap}
    .sp-ft-filters{grid-template-columns:1fr 1fr}
    .sp-ft-filters label:first-child{grid-column:1/-1}
    .sp-ft-summary-grid{grid-template-columns:1fr 1fr}
    .sp-ft-two-col,.sp-ft-four-col{grid-template-columns:1fr}
    .sp-ft-panel{padding:12px}
    .sp-ft-panel-head{flex-direction:column}
    .sp-ft-progress-list a{grid-template-columns:minmax(120px,1.4fr) minmax(70px,1fr) 45px}
    .sp-ft-progress-list small{display:none}
}
@media(max-width:460px){
    .sp-ft-filters{grid-template-columns:1fr}
    .sp-ft-filters label:first-child{grid-column:auto}
    .sp-ft-summary-grid{grid-template-columns:1fr 1fr}
    .sp-ft-summary-grid article{min-height:78px;padding:11px}
    .sp-ft-summary-grid strong{font-size:19px}
}