/* FlowSig — общая дизайн-система для всего приложения.
   Токены и базовые классы перенесены дословно из design-pitch/landing
   прототипов (signal-terminal.html, flowsig-landing.html). Один тёмный
   мир без переключения темы — так и было решено для обоих прототипов. */

:root{
  --bg:#0A0A0C;
  --mesh-a:rgba(255,165,61,.30);
  --mesh-b:rgba(70,150,196,.13);
  --mesh-c:rgba(255,130,120,.11);

  --glass:rgba(20,17,15,.55);
  --glass-strong:rgba(27,23,19,.74);
  --glass-border:rgba(255,255,255,.10);
  --glass-border-hi:rgba(255,196,130,.4);

  --ink:#F5F1EB;
  --ink-mute:#9E968C;
  --amber:#FFA53D;
  --amber-2:#FFD9A0;
  --amber-ink:#241505;
  --long:#4FE0A0;
  --short:#FF6B7E;
  --glow:rgba(255,165,61,.4);
  --glow-soft:rgba(255,165,61,.16);

  --font-display:'Unbounded', sans-serif;
  --font-body:'Golos Text', 'Segoe UI', sans-serif;
  --font-mono:'JetBrains Mono', ui-monospace, monospace;

  --r-soft:20px; --r-sharp:6px;
  --ease:cubic-bezier(.16,1,.3,1);
  --container:1120px;
  --container-xl:1360px;
  --container-narrow:460px;
}

*{box-sizing:border-box;}
html{overflow-x:hidden; scroll-behavior:smooth;}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--font-body); font-size:16px; line-height:1.5;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
h1,h2,h3{font-family:var(--font-display); text-wrap:balance; margin:0; letter-spacing:-.01em;}
p{margin:0;}
a{color:inherit;}
ul{margin:0; padding:0; list-style:none;}
button{font:inherit;}
::selection{background:var(--amber); color:var(--amber-ink);}
:focus-visible{outline:2px solid var(--amber); outline-offset:3px; border-radius:4px;}

.num{font-family:var(--font-mono); font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1;}
.eyebrow{font-family:var(--font-mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-mute);}
.glow-text{
  background:linear-gradient(100deg, var(--amber), var(--amber-2));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.muted{color:var(--ink-mute); font-size:.92rem;}
.err{color:var(--short);}
.ok{color:var(--long);}
.link{color:var(--amber); text-decoration:none; border-bottom:1px solid transparent; transition:border-color .2s ease;}
.link:hover{border-color:var(--amber);}
code{background:var(--glass); padding:2px 7px; border-radius:5px; font-family:var(--font-mono); font-size:.88em;}

.wrap{max-width:var(--container); margin:0 auto; padding:0 28px;}
.wrap.narrow{max-width:var(--container-narrow);}
.wrap.xl{max-width:var(--container-xl);}
.page{position:relative; z-index:1;}
.app-footer{
  padding:28px 28px 26px; font-family:var(--font-mono); font-size:.76rem;
  color:var(--ink-mute); border-top:1px solid var(--glass-border); margin-top:8px;
}
.app-footer a{color:inherit; text-decoration:none; transition:color .15s ease;}
.app-footer a:hover{color:var(--ink);}
.footer-top{
  display:flex; gap:20px; flex-wrap:wrap; align-items:flex-start;
  justify-content:space-between; padding-bottom:20px;
}
.footer-brand{display:flex; flex-direction:column; gap:6px;}
.footer-logo{
  display:flex; align-items:center; gap:8px; font-family:var(--font-display);
  font-weight:700; font-size:.92rem; color:var(--ink);
}
.footer-logo img{display:block; flex:none;}
.footer-tagline{color:var(--ink-mute); font-size:.76rem;}
.footer-links{display:flex; gap:18px; flex-wrap:wrap; align-items:center; row-gap:8px;}
.footer-disclaimer{
  max-width:76ch; margin:0 auto; text-align:center; line-height:1.6;
  color:var(--ink-mute); font-size:.58rem; opacity:.75;
  padding:18px 0; border-top:1px solid var(--glass-border);
}
.footer-bottom{
  display:flex; flex-direction:column; align-items:center; gap:2px;
  text-align:center; font-size:.72rem; color:var(--ink-mute); opacity:.65;
}
@media (max-width:640px){ .footer-top{flex-direction:column;} }

/* ============ ATMOSPHERE + GRAIN ============ */
.atmosphere{position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none;}
.blob{position:absolute; border-radius:50%; filter:blur(120px); animation:drift 30s ease-in-out infinite;}
.blob.a{width:640px; height:640px; left:-180px; top:-220px; background:var(--mesh-a); opacity:.65;}
.blob.b{width:560px; height:560px; right:-160px; top:60px; background:var(--mesh-b); opacity:.8; animation-duration:38s; animation-delay:-10s;}
.blob.c{width:520px; height:520px; left:16%; bottom:-300px; background:var(--mesh-c); opacity:.7; animation-duration:44s; animation-delay:-5s;}
@keyframes drift{
  0%,100%{transform:translate(0,0) scale(1);}
  50%{transform:translate(46px,32px) scale(1.06);}
}
.grain{position:fixed; inset:0; z-index:6; pointer-events:none; mix-blend-mode:overlay; opacity:.5;}

@media (prefers-reduced-motion: reduce){
  *{animation:none !important; transition:none !important;}
  .enter{opacity:1 !important; filter:none !important; transform:none !important;}
  .reveal{opacity:1 !important; transform:none !important;}
  html{scroll-behavior:auto;}
}

/* ============ ENTRANCE ============ */
@keyframes resolve{
  from{opacity:0; filter:blur(14px); transform:scale(.97) translateY(10px);}
  to{opacity:1; filter:blur(0); transform:scale(1) translateY(0);}
}
.enter{animation:resolve .9s var(--ease) both;}
.reveal{opacity:0; transform:translateY(16px); transition:opacity .7s var(--ease), transform .7s var(--ease);}
.reveal.in{opacity:1; transform:translateY(0);}

/* ============ GLASS ============ */
.glass{
  position:relative;
  background:linear-gradient(155deg, var(--glass-strong), var(--glass));
  -webkit-backdrop-filter:blur(24px) saturate(150%);
  backdrop-filter:blur(24px) saturate(150%);
  border:1px solid var(--glass-border);
  border-radius:var(--r-soft) var(--r-soft) var(--r-soft) var(--r-sharp);
  box-shadow:0 1px 0 rgba(255,255,255,.07) inset, 0 28px 54px -30px rgba(0,0,0,.65);
}
.glass.pad{padding:26px 26px;}

/* ============ NAV (app shell) ============ */
.nav{
  position:sticky; top:0; z-index:10;
  display:flex; align-items:center; gap:20px;
  padding:14px 24px;
  background:rgba(9,9,11,.62);
  -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
  border-bottom:1px solid var(--glass-border);
}
.nav-logo{display:flex; align-items:center; gap:9px; font-family:var(--font-display); font-weight:700; font-size:1.05rem; text-decoration:none; color:var(--ink);}
.nav-logo img, .lp-nav-logo img{display:block; flex:none;}
.nav-links{display:flex; gap:4px; font-family:var(--font-mono); font-size:.8rem; flex-wrap:wrap;}
.nav-links a{
  text-decoration:none; color:var(--ink-mute); padding:8px 12px;
  border-radius:8px 8px 8px 3px; transition:color .2s ease, background-color .2s ease;
}
.nav-links a:hover{color:var(--ink); background:var(--glass);}
.nav-links a.active{color:var(--amber-ink); background:var(--amber); font-weight:700;}
.nav-right{display:flex; align-items:center; gap:12px; margin-left:auto;}
.nav-divider{width:1px; align-self:stretch; margin:6px 0; background:var(--glass-border); flex:none;}
.nav-lang{display:flex; gap:2px; font-family:var(--font-mono); font-size:.72rem;
  background:var(--glass); border:1px solid var(--glass-border); border-radius:7px; padding:2px;}
.nav-lang a{padding:4px 8px; border-radius:5px; text-decoration:none; color:var(--ink-mute); transition:color .2s ease, background-color .2s ease;}
.nav-lang a:hover{color:var(--ink);}
.nav-lang a.active{color:var(--amber-ink); background:var(--amber); font-weight:700;}
.nav-util{display:flex; gap:2px; font-family:var(--font-mono); font-size:.78rem;}
.nav-util a{
  text-decoration:none; color:var(--ink-mute); padding:7px 11px;
  border-radius:7px; transition:color .2s ease, background-color .2s ease;
}
.nav-util a:hover{color:var(--ink); background:var(--glass);}
.nav-logout button{
  background:none; border:1px solid var(--glass-border); color:var(--ink-mute);
  font-family:var(--font-mono); font-size:.78rem; padding:8px 12px;
  border-radius:8px 8px 8px 3px; cursor:pointer; transition:color .2s ease, border-color .2s ease;
}
.nav-logout button:hover{color:var(--ink); border-color:var(--ink-mute);}
@media (max-width:640px){ .nav-util{display:none;} }
@media (max-width:860px){ .nav-links{display:none;} }

.mobile-dock, .mobile-sheet, .mobile-sheet-backdrop{display:none;}
@media (max-width:860px){
  .nav{min-height:58px; padding:12px 18px;}
  .nav-right{display:none;}
  .page > .wrap{padding:30px 16px 118px !important;}
  .app-footer{padding:26px 18px calc(108px + env(safe-area-inset-bottom));}
  .mobile-dock{
    display:flex; position:fixed; z-index:30; left:50%; bottom:max(10px, env(safe-area-inset-bottom));
    width:min(calc(100% - 24px), 560px); min-height:66px; transform:translateX(-50%);
    align-items:stretch; justify-content:space-between; padding:5px;
    border:1px solid var(--glass-border-hi); border-radius:20px 20px 20px 8px;
    background:color-mix(in srgb, var(--bg) 86%, transparent);
    -webkit-backdrop-filter:blur(22px); backdrop-filter:blur(22px);
    box-shadow:0 18px 48px -20px rgba(0,0,0,.9), 0 1px 0 rgba(255,255,255,.06) inset;
  }
  .mobile-dock-item{
    flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
    border:0; border-radius:14px 14px 14px 5px; background:none; color:var(--ink-mute);
    padding:7px 3px 6px; text-decoration:none; font-family:var(--font-mono); font-size:.61rem; line-height:1.15;
    cursor:pointer; transition:color .2s ease, background-color .2s ease, transform .2s var(--ease);
  }
  .mobile-dock-item svg{width:20px; height:20px; flex:none;}
  .mobile-dock-item.active{color:var(--amber); background:color-mix(in srgb, var(--amber) 13%, transparent);}
  .mobile-dock-item:active{transform:scale(.94);}
  .mobile-sheet-backdrop{
    display:block; position:fixed; z-index:39; inset:0; opacity:0; pointer-events:none;
    background:rgba(3,4,5,.58); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
    transition:opacity .25s ease;
  }
  .mobile-sheet{
    display:block; position:fixed; z-index:40; left:50%; bottom:0; width:min(100%, 560px);
    max-height:min(78dvh, 700px); overflow:auto; padding:10px 16px calc(94px + env(safe-area-inset-bottom));
    border:1px solid var(--glass-border-hi); border-bottom:0; border-radius:26px 26px 0 0;
    background:color-mix(in srgb, var(--bg) 92%, transparent);
    -webkit-backdrop-filter:blur(26px); backdrop-filter:blur(26px);
    box-shadow:0 -26px 70px -32px rgba(0,0,0,.95);
    opacity:0; pointer-events:none; transform:translate(-50%, calc(100% + 36px));
    transition:transform .34s var(--ease), opacity .2s ease;
  }
  .mobile-sheet.is-open{opacity:1; pointer-events:auto; transform:translate(-50%, 0);}
  .mobile-sheet-backdrop.is-open{opacity:1; pointer-events:auto;}
  .mobile-sheet-handle{width:42px; height:4px; margin:2px auto 10px; border-radius:99px; background:var(--glass-border-hi);}
  .mobile-sheet-head{display:flex; align-items:center; justify-content:space-between; padding:0 4px 12px;}
  .mobile-sheet-head strong{font-family:var(--font-display); font-size:1rem;}
  .mobile-sheet-head button{width:34px; height:34px; padding:0; border:1px solid var(--glass-border); border-radius:10px; background:var(--glass); color:var(--ink-mute); font-size:1.45rem; line-height:1; cursor:pointer;}
  .mobile-sheet-group{margin:14px 6px 7px; color:var(--ink-mute); font-family:var(--font-mono); font-size:.65rem; letter-spacing:.1em; text-transform:uppercase;}
  .mobile-sheet-list{overflow:hidden; border:1px solid var(--glass-border); border-radius:15px 15px 15px 5px; background:rgba(255,255,255,.018);}
  .mobile-sheet-link, .mobile-support, .mobile-logout button{
    display:flex; align-items:center; gap:12px; width:100%; min-height:52px; padding:10px 12px;
    border:0; border-bottom:1px solid var(--glass-border); background:none; color:var(--ink); text-decoration:none;
    font-family:var(--font-body); font-size:.92rem; text-align:left;
  }
  .mobile-sheet-link:last-child{border-bottom:0;}
  .mobile-sheet-link svg, .mobile-support svg, .mobile-logout svg{width:20px; height:20px; color:var(--amber); flex:none;}
  .mobile-sheet-link span{flex:1;}
  .mobile-sheet-link i{font-style:normal; font-size:1.4rem; color:var(--ink-mute);}
  .mobile-sheet-link.active{background:color-mix(in srgb, var(--amber) 10%, transparent);}
  .mobile-sheet-foot{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; padding:16px 4px 0;}
  .mobile-sheet-foot .nav-lang{grid-column:1 / -1; width:fit-content;}
  .mobile-support, .mobile-logout{display:flex; width:100%; min-width:0; overflow:hidden;}
  .mobile-support, .mobile-logout button{border:1px solid var(--glass-border); border-radius:11px 11px 11px 4px; justify-content:center; padding:8px 10px; min-height:42px; font-size:.8rem;}
  .mobile-logout button{color:var(--short); cursor:pointer;}
  .mobile-logout button svg{color:currentColor;}
  body.mobile-sheet-open{overflow:hidden;}
}

/* ============ DOT / BADGE / PULSE ============ */
.dot{width:7px; height:7px; border-radius:50%; background:var(--amber); flex:none;}
.dot.live{animation:pulse 2.2s ease-in-out infinite;}
@keyframes pulse{
  0%,100%{box-shadow:0 0 0 0 var(--glow);}
  50%{box-shadow:0 0 0 8px var(--glow);}
}
.dot.paper{background:var(--ink-mute); opacity:.5;}
.badge{
  display:inline-flex; align-items:center; gap:9px;
  padding:8px 16px 8px 12px; border-radius:100px;
  background:var(--glass-strong); border:1px solid var(--glass-border);
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
}

/* ============ BUTTONS ============ */
.btn-primary{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; white-space:nowrap;
  padding:13px 22px; border-radius:12px 12px 12px 4px;
  background:linear-gradient(135deg, var(--amber), var(--amber-2));
  color:var(--amber-ink); font-weight:700; font-size:.94rem; font-family:var(--font-body);
  border:none; cursor:pointer; text-decoration:none;
  box-shadow:0 16px 36px -16px var(--glow);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease);
}
.btn-primary:hover{transform:translateY(-2px); box-shadow:0 20px 44px -14px var(--glow);}
.btn-primary:active{transform:translateY(0) scale(.98);}
.btn-primary:disabled,.btn-ghost:disabled{opacity:.42; cursor:not-allowed; transform:none; box-shadow:none;}
.btn-primary.sm{padding:9px 16px; font-size:.85rem;}
.btn-primary.block{width:100%;}

.btn-ghost{
  display:inline-flex; align-items:center; justify-content:center; gap:6px; white-space:nowrap;
  padding:13px 20px; border-radius:12px 12px 12px 4px;
  background:none; color:var(--ink); font-weight:600; font-size:.94rem; font-family:var(--font-body);
  border:1px solid var(--glass-border); cursor:pointer; text-decoration:none;
  transition:border-color .25s ease, transform .25s var(--ease);
}
.btn-ghost:hover{border-color:var(--ink-mute); transform:translateY(-2px);}
.btn-ghost.sm{padding:9px 16px; font-size:.85rem;}
.btn-ghost.danger{color:var(--short); border-color:color-mix(in srgb, var(--short) 30%, var(--glass-border));}
.btn-ghost.danger:hover{border-color:var(--short);}
.events-pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px;color:var(--ink-mute);font-family:var(--font-mono);font-size:.72rem;}.events-pager .btn-ghost{min-width:94px;justify-content:center;}.events-pager .pager-disabled{opacity:.38;cursor:default;transform:none;}

/* ============ FORMS ============ */
label{display:block; font-family:var(--font-mono); font-size:.76rem; letter-spacing:.04em; color:var(--ink-mute); margin:0 0 7px;}
/* input:not([type]) обязателен: у <input> без явного type атрибутный
   селектор [type=text] не срабатывает, и поле остаётся нестилизованным */
input:not([type]), input[type=text], input[type=email], input[type=password],
input[type=number], input[type=tel], input[type=search], select, textarea{
  width:100%; padding:12px 14px;
  background:var(--glass); border:1px solid var(--glass-border);
  border-radius:10px 10px 10px 4px; color:var(--ink);
  font-family:var(--font-body); font-size:.95rem;
  transition:border-color .2s ease, box-shadow .2s ease;
}
/* нативную стрелку убираем и рисуем свою — иначе на разных ОС/браузерах
   она то системного цвета, то не совпадает по вертикали с полем */
select{
  cursor:pointer; padding-right:38px;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239e968c' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center;
}
/* нативный попап <option> не поддерживает glass/blur, а подсветку
   выбранного пункта (обычно синюю) браузер красит сам и CSS её не берёт —
   это ограничение ОС/браузера, а не недосмотр в стилях. Фон/цвет строки
   в закрытом виде и текста опций всё равно подчиняем теме */
select option{background:var(--bg); color:var(--ink);}
textarea{resize:vertical; min-height:90px; font-family:var(--font-mono); font-size:.85rem;}
/* спинер number-полей — блочные бело-серые стрелки, ни на что в теме не
   похожие; убираем, значение по-прежнему листается клавишами ↑/↓ */
input[type=number]{appearance:textfield; -moz-appearance:textfield;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{
  -webkit-appearance:none; margin:0;
}
input:focus, select:focus, textarea:focus{
  outline:none; border-color:var(--glass-border-hi); box-shadow:0 0 0 3px var(--glow-soft);
}
input::placeholder, textarea::placeholder{color:var(--ink-mute); opacity:.7;}
/* чекбоксы вне .switch не должны растягиваться на всю ширину */
input[type=checkbox], input[type=radio]{width:auto; padding:0;}
.field{margin:0 0 18px;}
.field-row{display:flex; gap:14px; flex-wrap:wrap;}
.field-row > .field{flex:1; min-width:160px;}
.field-hint{font-size:.78rem; color:var(--ink-mute); margin-top:6px; line-height:1.5;}

/* поле пароля с кнопкой-глазом */
.pw-wrap{position:relative;}
.pw-wrap input{padding-right:42px;}
.api-secret-input.is-masked{-webkit-text-security:disc;}
.pw-toggle{
  position:absolute; right:4px; top:50%; transform:translateY(-50%);
  background:none; border:none; padding:8px; margin:0; cursor:pointer;
  color:var(--ink-mute); display:flex; align-items:center; justify-content:center;
  transition:color .15s ease;
}
.pw-toggle:hover{color:var(--ink);}
.pw-toggle:focus-visible{outline:2px solid var(--amber); outline-offset:1px; border-radius:6px;}

/* toggle switch — заменяет голый <input type=checkbox> в настройках */
.switch{position:relative; display:inline-block; width:42px; height:24px; flex:none; vertical-align:middle;}
.switch input{opacity:0; width:100%; height:100%; position:absolute; margin:0; cursor:pointer; z-index:1;}
.switch .track{
  position:absolute; inset:0; background:var(--glass-strong); border:1px solid var(--glass-border);
  border-radius:100px; transition:background-color .2s ease, border-color .2s ease;
}
.switch .track::before{
  content:""; position:absolute; width:16px; height:16px; left:3px; top:2px;
  background:var(--ink-mute); border-radius:50%; transition:transform .25s var(--ease), background-color .25s ease;
}
.switch input:checked ~ .track{background:color-mix(in srgb, var(--amber) 25%, var(--glass-strong)); border-color:var(--glass-border-hi);}
.switch input:checked ~ .track::before{transform:translateX(18px); background:var(--amber);}
.switch input:focus-visible ~ .track{outline:2px solid var(--amber); outline-offset:2px;}
.switch-row{display:flex; align-items:center; gap:12px;}
.switch-row .switch-label{font-family:var(--font-body); color:var(--ink); font-size:.95rem; letter-spacing:0; text-transform:none;}

/* ============ TABLES ============ */
.table-scroll{overflow-x:auto;}
table{width:100%; border-collapse:collapse;}
table th{
  text-align:left; font-family:var(--font-mono); font-size:.68rem; letter-spacing:.08em;
  text-transform:uppercase; color:var(--ink-mute); font-weight:600;
  padding:10px 14px; border-bottom:1px solid var(--glass-border); white-space:nowrap;
}
table td{padding:13px 14px; border-bottom:1px solid var(--glass-border); font-size:.88rem; white-space:nowrap;}
table tbody tr{transition:background-color .2s ease;}
table tbody tr:hover{background:rgba(255,255,255,.025);}
table th.num, table td.num{text-align:right; font-family:var(--font-mono);}
.row-actions{display:flex; gap:8px; flex-wrap:wrap;}

/* ============ SECTION SHELL ============ */
section{padding:56px 0;}
.section-head{display:flex; align-items:baseline; gap:16px; margin-bottom:28px; flex-wrap:wrap;}
.section-head h2{font-size:1.5rem; font-weight:600;}
.section-head .eyebrow{margin-left:auto;}
.section-head.center{max-width:640px; margin:0 auto 40px; text-align:center; display:block;}
.section-head.center h2{margin-top:10px;}

/* ============ MESSAGE BANNER ============ */
.banner{
  padding:12px 18px; border-radius:12px 12px 12px 4px; font-size:.92rem;
  border:1px solid var(--glass-border); margin-bottom:18px;
}
.banner.ok{color:var(--long); background:color-mix(in srgb, var(--long) 12%, var(--glass));}
.banner.err{color:var(--short); background:color-mix(in srgb, var(--short) 12%, var(--glass));}
.banner.warn{color:var(--amber); background:color-mix(in srgb, var(--amber) 12%, var(--glass));}

/* ============ PROGRESS BAR ============ */
.progress{height:8px; border-radius:100px; background:var(--glass); overflow:hidden; border:1px solid var(--glass-border);}
.progress > i{display:block; height:100%; background:linear-gradient(90deg, var(--amber), var(--amber-2)); border-radius:100px;}

/* ============ STAT / TRUST TILES ============ */
.stat-strip{display:grid; grid-template-columns:repeat(4,1fr); margin:0 -26px 4px;}
.stat-tile{padding:14px 26px 18px; box-shadow:inset -1px 0 0 var(--glass-border);}
.stat-tile:last-child{box-shadow:none;}
.stat-num{font-family:var(--font-mono); font-weight:700; font-size:1.4rem; margin-top:6px;}
.stat-num.up{color:var(--long);} .stat-num.down{color:var(--short);}

.cockpit-head{display:flex; align-items:center; gap:14px; margin-bottom:20px; flex-wrap:wrap;}
.cockpit-sync{display:flex; align-items:center; gap:8px; margin-left:auto; font-family:var(--font-mono); font-size:.74rem; color:var(--ink-mute);}

.chart-wrap{margin:8px -4px 4px;}
.chart-line{fill:none; stroke:var(--amber); stroke-width:2.5;}
.chart-area{opacity:.16;}
.chart-grid{stroke:var(--glass-border); stroke-width:1; stroke-dasharray:2 5;}
.chart-dot{fill:var(--amber);}
.chart-ping{fill:none; stroke:var(--amber); stroke-width:2; transform-box:fill-box; transform-origin:center; animation:ping 2.4s ease-out infinite;}
@keyframes ping{ from{transform:scale(1); opacity:.8;} to{transform:scale(3.2); opacity:0;} }

td.pnl-cell{font-weight:700; transition:background-color .5s ease;}
td.pnl-cell.up{color:var(--long);} td.pnl-cell.down{color:var(--short);}
td.pnl-cell.tick-up{background:color-mix(in srgb, var(--long) 20%, transparent);}
td.pnl-cell.tick-down{background:color-mix(in srgb, var(--short) 20%, transparent);}

.trust-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
.trust-tile{padding:22px 20px;}
.trust-num{font-family:var(--font-mono); font-weight:700; font-size:1.4rem; margin-top:9px; color:var(--ink);}
.trust-hint{font-size:.8rem; color:var(--ink-mute); margin-top:7px; line-height:1.5;}

/* ============ DASHBOARD ============ */
.dash-head{display:flex; align-items:flex-end; gap:18px; flex-wrap:wrap; margin-bottom:26px;}
.dash-head h1{font-size:clamp(1.6rem,3vw,2.1rem); font-weight:700;}
.dash-head .dash-email{font-family:var(--font-mono); font-size:.8rem; color:var(--ink-mute); margin-top:6px;}
.dash-head-right{margin-left:auto; display:flex; gap:10px; flex-wrap:wrap;}

/* Dashboard / precision atelier. Scoped to keep the rest of the product's
   visual language intact while giving the main workspace its own identity. */
.dashboard-workspace{position:relative;isolation:isolate;padding:8px 0 42px;}
.dashboard-workspace::before{
  content:"";position:absolute;z-index:-2;pointer-events:none;inset:-82px -70px -88px;
  background:
    linear-gradient(135deg,transparent 0 24%,rgba(255,255,255,.035) 24.05% 24.12%,transparent 24.2%),
    linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.095) 48.05% 48.18%,transparent 48.3%),
    linear-gradient(135deg,transparent 0 68%,rgba(255,255,255,.035) 68.05% 68.12%,transparent 68.2%),
    radial-gradient(ellipse 68% 52% at 63% 31%,rgba(255,255,255,.025),transparent 72%);
  -webkit-mask-image:linear-gradient(120deg,transparent 0%,rgba(0,0,0,.22) 20%,rgba(0,0,0,.7) 48%,transparent 88%);
  mask-image:linear-gradient(120deg,transparent 0%,rgba(0,0,0,.22) 20%,rgba(0,0,0,.7) 48%,transparent 88%);
}
.dashboard-hero{min-height:186px;align-items:center;margin-bottom:30px;padding:12px 4px 4px;}
.dashboard-heading{position:relative;}
.dashboard-kicker{display:block;margin-bottom:13px;font:600 .64rem/1 var(--font-mono);letter-spacing:.19em;color:var(--amber);}
.dashboard-hero h1{font-size:clamp(2.7rem,6vw,5.4rem);line-height:.92;letter-spacing:-.065em;font-weight:700;}
.dashboard-hero .dash-email{margin-top:17px;padding-left:22px;position:relative;letter-spacing:.02em;}
.dashboard-hero .dash-email::before{content:"";position:absolute;left:0;top:50%;width:13px;height:1px;background:var(--ink-mute);}
.dashboard-workspace .status-grid{gap:12px;margin-bottom:20px;}
.dashboard-workspace .status-tile{min-height:168px;padding:22px;border-radius:3px 20px 20px 20px;overflow:hidden;transition:transform .3s var(--ease),border-color .3s ease;}
.dashboard-workspace .status-tile::after{content:"";position:absolute;right:18px;bottom:17px;width:7px;height:7px;border:1px solid currentColor;transform:rotate(45deg);opacity:.22;}
.dashboard-workspace .status-tile:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.22);}
.dashboard-workspace .status-tile:first-child{background:linear-gradient(135deg,color-mix(in srgb,var(--long) 9%,var(--glass-strong)),var(--glass-strong));border-color:color-mix(in srgb,var(--long) 28%,var(--glass-border));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.dashboard-workspace .status-tile:first-child .status-val.up{color:var(--long);}
.dashboard-workspace .status-tile:first-child .dot.live{box-shadow:0 0 0 4px color-mix(in srgb,var(--long) 14%,transparent);}
.dashboard-workspace .status-top{min-height:20px;}
.dashboard-workspace .status-val{font-family:var(--font-display);font-size:1.65rem;letter-spacing:-.035em;margin-top:18px;}
.dashboard-workspace .status-hint{margin-top:auto;padding-top:14px;}
.dashboard-workspace .setup{border-radius:3px 22px 22px 22px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));}
.dashboard-positions{padding:25px 26px 10px;margin-top:20px;border-radius:3px 22px 22px 22px;}
.dashboard-positions .cockpit-head{padding-bottom:14px;border-bottom:1px solid var(--glass-border);}
.dashboard-shortcuts{margin-top:38px;}
.dashboard-section-head{display:flex;align-items:center;gap:16px;margin-bottom:14px;padding:0 3px;}
.dashboard-section-head i{height:1px;flex:1;background:linear-gradient(90deg,var(--glass-border-hi),transparent);}
.dashboard-workspace .quick-grid{gap:1px;border:1px solid var(--glass-border);border-radius:3px 22px 22px 22px;overflow:hidden;background:var(--glass-border);}
.dashboard-workspace .quick{position:relative;min-height:112px;align-items:center;padding:19px 20px;border:0;border-radius:0;background:color-mix(in srgb,var(--bg) 92%,#fff 8%);box-shadow:none;}
.dashboard-workspace .quick:hover{z-index:1;transform:none;background:color-mix(in srgb,var(--bg) 82%,#fff 18%);box-shadow:inset 0 -2px 0 var(--amber);}
.dashboard-workspace .quick-ico{width:38px;height:38px;border-radius:10px 10px 10px 3px;background:transparent;border:1px solid rgba(255,255,255,.13);}
.dashboard-workspace .quick-title{font-family:var(--font-display);font-size:.88rem;letter-spacing:-.015em;}
.dashboard-workspace .quick-sub{max-width:25ch;font-size:.72rem;}
.quick-arrow{margin-left:auto;align-self:flex-start;color:var(--ink-mute);font:400 .85rem/1 var(--font-mono);transition:transform .25s var(--ease),color .2s ease;}
.quick:hover .quick-arrow{color:var(--amber);transform:translate(2px,-2px);}

/* плитки статуса: то, что должно считываться за секунду */
.status-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:18px;}
.status-tile{padding:18px 20px 20px; display:flex; flex-direction:column; gap:2px;}
.status-tile .status-top{display:flex; align-items:center; gap:8px;}
.status-val{font-family:var(--font-mono); font-weight:700; font-size:1.35rem; margin-top:9px;}
.status-val.up{color:var(--long);} .status-val.down{color:var(--short);}
.status-val.warn{color:var(--amber);} .status-val.off{color:var(--ink-mute);}
.status-hint{font-size:.78rem; color:var(--ink-mute); margin-top:6px; line-height:1.45;}

/* чеклист настройки — показывается, пока аккаунт не готов к работе */
.setup{padding:24px 24px 20px; margin-bottom:18px;}
.setup-top{display:flex; align-items:baseline; gap:12px; margin-bottom:6px; flex-wrap:wrap;}
.setup-top h2{font-size:1.15rem; font-weight:600;}
.setup-count{font-family:var(--font-mono); font-size:.78rem; color:var(--ink-mute); margin-left:auto;}
.setup-steps{display:flex; flex-direction:column; margin-top:16px;}
.setup-step{
  display:flex; align-items:center; gap:14px;
  padding:14px 0; border-bottom:1px solid var(--glass-border);
}
.setup-step:last-child{border-bottom:none; padding-bottom:0;}
.setup-mark{
  flex:none; width:26px; height:26px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-mono); font-size:.78rem; font-weight:700;
  border:1px solid var(--glass-border); color:var(--ink-mute);
}
.setup-step.done .setup-mark{background:var(--long); border-color:var(--long); color:var(--amber-ink);}
.setup-step.next .setup-mark{background:var(--amber); border-color:var(--amber); color:var(--amber-ink);}
.setup-body{min-width:0;}
.setup-title{font-size:.98rem; font-weight:600;}
.setup-step.done .setup-title{color:var(--ink-mute); font-weight:400;}
.setup-hint{font-size:.8rem; color:var(--ink-mute); margin-top:3px;}
.setup-step > a, .setup-step > .setup-tag{margin-left:auto; flex:none;}
.setup-tag{font-family:var(--font-mono); font-size:.72rem; color:var(--ink-mute);}

/* сетка быстрых переходов вместо простыни ссылок */
.quick-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
.quick{
  display:flex; align-items:flex-start; gap:14px; padding:18px 18px;
  text-decoration:none; color:inherit;
  transition:transform .25s var(--ease), border-color .25s ease, box-shadow .25s ease;
}
.quick:hover{
  transform:translateY(-3px); border-color:var(--glass-border-hi);
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset, 0 0 34px -12px var(--glow);
}
.quick-ico{
  flex:none; width:34px; height:34px; border-radius:10px 10px 10px 3px;
  display:flex; align-items:center; justify-content:center;
  background:color-mix(in srgb, var(--amber) 14%, transparent);
}
.quick-ico svg{display:block;}
.quick-title{font-size:.96rem; font-weight:600;}
.quick-sub{font-size:.79rem; color:var(--ink-mute); margin-top:4px; line-height:1.45;}

/* мастер из нескольких шагов: точки показывают, где юзер и сколько осталось */
.wiz-head{display:flex; align-items:center; gap:16px; flex-wrap:wrap;}
.wiz-head h1{font-size:1.4rem; font-weight:700;}
.wiz-dots{display:flex; gap:6px; margin-left:auto;}
.wiz-dot{width:22px; height:4px; border-radius:100px; background:var(--glass-border);}
.wiz-dot.on{background:var(--amber);}

/* вертикальная стопка карточек с ровным зазором — вместо margin у каждой */
.stack{display:flex; flex-direction:column; gap:16px;}

/* опасная зона: необратимые действия должны выглядеть иначе, чем обычные */
.danger-zone{border-color:color-mix(in srgb, var(--short) 28%, var(--glass-border));}

/* пустое состояние — вместо голой пустоты объясняем, что будет дальше */
.empty{padding:34px 26px; text-align:center;}
.empty h3{font-size:1.05rem; font-weight:600;}
.empty p{color:var(--ink-mute); font-size:.9rem; margin-top:8px; max-width:44ch; margin-left:auto; margin-right:auto; line-height:1.55;}
.empty .btn-primary, .empty .btn-ghost{margin-top:18px;}

/* ============ SETTINGS PAGE ============ */
.settings-section{padding:26px 28px; margin-bottom:18px;}
.settings-section h2{font-size:1.15rem; font-weight:600; margin-bottom:4px;}
.settings-fold > summary{display:flex; align-items:center; justify-content:space-between; gap:16px; cursor:default; list-style:none;}
.settings-fold > summary::-webkit-details-marker{display:none;}
.settings-fold > summary strong{display:block; font-family:var(--font-display); font-size:1.15rem; font-weight:600; letter-spacing:-.01em;}
.settings-fold > summary small{display:block; margin-top:4px; color:var(--ink-mute); font-size:.78rem; line-height:1.45;}
.settings-fold > summary > i{display:none;}
.settings-fold-body{margin-top:20px;}
.settings-section .section-hint{font-size:.82rem; color:var(--ink-mute); margin-bottom:20px; line-height:1.5; max-width:64ch;}
.settings-section .switch-row{margin-bottom:14px;}
.settings-section .switch-row:last-child{margin-bottom:0;}
.bot-alert-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin:18px 0 2px;padding:16px 17px;border:1px solid color-mix(in srgb,var(--amber) 28%,var(--glass-border));border-radius:16px 16px 16px 5px;background:linear-gradient(115deg,color-mix(in srgb,var(--amber) 9%,transparent),transparent 52%),var(--glass-strong);}
.bot-alert-copy{display:grid;gap:4px;min-width:0;}.bot-alert-copy strong{font-size:.91rem;}.bot-alert-copy span{max-width:62ch;color:var(--ink-mute);font-size:.8rem;line-height:1.45;}.bot-alert-copy small{max-width:62ch;color:var(--ink-mute);font-size:.72rem;line-height:1.4;}.bot-alert-action{position:relative;z-index:1;}
.bot-alert-card.is-connected{border-color:color-mix(in srgb,var(--long) 38%,var(--glass-border));background:linear-gradient(115deg,color-mix(in srgb,var(--long) 9%,transparent),transparent 52%),var(--glass-strong);}.bot-alert-card.is-unavailable{grid-template-columns:minmax(0,1fr);border-color:var(--glass-border);}
.settings-section .field-row{margin-bottom:0;}
.timer-close-fields{align-items:flex-end;}
.timer-close-input{display:flex;align-items:stretch;gap:7px;}
.timer-close-input input{min-width:0;}
.timer-close-calculate{display:grid;place-items:center;flex:none;width:42px;min-height:42px;padding:0;border:1px solid var(--glass-border-hi);border-radius:10px 10px 10px 4px;background:color-mix(in srgb,var(--amber) 8%,transparent);color:var(--amber);cursor:pointer;transition:transform .2s var(--ease),background .2s ease,border-color .2s ease,color .2s ease;}
.timer-close-calculate:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--amber) 16%,transparent);}
.timer-close-calculate.is-confirmed{color:#07150f;border-color:var(--long);background:var(--long);box-shadow:0 0 20px color-mix(in srgb,var(--long) 27%,transparent);}
.timer-close-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;}
.timer-close-metrics > div{display:flex;flex-direction:column;gap:5px;padding:10px 12px;border:1px solid var(--glass-border);border-radius:10px 10px 10px 4px;background:rgba(255,255,255,.018);}
.timer-close-metrics span{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-mute);}
.timer-close-metrics output{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--ink);}
.timer-close-preview{margin-top:12px;padding:11px 13px;border:1px solid var(--glass-border);border-radius:11px 11px 11px 4px;background:rgba(255,255,255,.018);color:var(--ink-mute);font-size:.77rem;line-height:1.5;transition:border-color .2s ease,background .2s ease,color .2s ease;}
.timer-close-preview.is-calculated{border-color:color-mix(in srgb,var(--long) 35%,var(--glass-border));background:color-mix(in srgb,var(--long) 8%,transparent);color:var(--ink);}
.timer-close-preview.is-error{border-color:color-mix(in srgb,var(--short) 50%,var(--glass-border));background:color-mix(in srgb,var(--short) 8%,transparent);color:var(--short);}
.tp-table td{vertical-align:middle;}
.tp-table .field-hint{margin:0;}
.settings-save{display:flex; justify-content:flex-end; margin-top:4px;}

/* ============ EXCHANGE KEY IDENTITY ============ */
.exchange-key-card{
  position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center; gap:16px; margin:18px 0 20px; padding:18px 20px;
  overflow:hidden; border:1px solid color-mix(in srgb, var(--long) 28%, var(--glass-border));
  border-radius:15px 15px 15px 5px;
  background:linear-gradient(110deg, color-mix(in srgb, var(--long) 8%, transparent), transparent 55%), var(--glass);
}
.exchange-key-card::after{
  content:""; position:absolute; width:150px; height:150px; right:-74px; top:-88px;
  border:1px solid color-mix(in srgb, var(--long) 24%, transparent); border-radius:50%; pointer-events:none;
}
.exchange-key-mark{
  width:44px; height:44px; display:grid; grid-template-columns:repeat(2,8px);
  grid-auto-rows:8px; place-content:center; gap:4px; border-radius:12px 12px 12px 4px;
  color:var(--amber); background:color-mix(in srgb, var(--amber) 10%, transparent);
  border:1px solid color-mix(in srgb, var(--amber) 24%, var(--glass-border));
}
.exchange-key-mark span{width:8px; height:8px; background:currentColor; transform:rotate(45deg); border-radius:1px;}
.exchange-key-copy{min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:3px;}
.exchange-key-copy > span,.exchange-key-mode span{
  font-family:var(--font-mono); font-size:.66rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--ink-mute);
}
.exchange-key-copy code{
  padding:0; background:none; color:var(--ink); font-size:.94rem;
  letter-spacing:.055em; white-space:nowrap;
}
.exchange-key-copy small{color:var(--ink-mute); font-size:.72rem;}
.exchange-key-mode{z-index:1; display:flex; flex-direction:column; align-items:flex-end; gap:3px; padding-left:18px; border-left:1px solid var(--glass-border);}
.exchange-key-mode strong{font-family:var(--font-mono); font-size:.8rem; color:var(--long); font-weight:600;}

/* ============ EXCHANGES WORKSPACE ============ */
.exchanges-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 28px;padding:8px 2px 0;}
.exchanges-hero h1{font-size:clamp(2rem,4vw,3.35rem);font-weight:700;letter-spacing:-.045em;margin-top:8px;}
.exchanges-hero p{max-width:680px;color:var(--ink-mute);line-height:1.62;margin-top:10px;}
.venue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;}
.venue-card{position:relative;overflow:hidden;padding:26px;border:1px solid var(--glass-border);border-radius:22px 22px 22px 6px;background:linear-gradient(145deg,color-mix(in srgb,var(--glass) 95%,transparent),color-mix(in srgb,var(--bg) 88%,transparent));box-shadow:var(--shadow);}
.venue-card.connected{border-color:color-mix(in srgb,var(--long) 34%,var(--glass-border));background:linear-gradient(145deg,color-mix(in srgb,var(--long) 7%,var(--glass)),var(--glass));}
.venue-head{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;}
.venue-head h2{font-size:1.35rem;font-weight:650;letter-spacing:-.025em;}
.venue-kicker{display:block;margin-bottom:3px;font:500 .6rem/1.2 var(--font-mono);letter-spacing:.12em;color:var(--ink-mute);}
.venue-state{padding:6px 9px;border:1px solid var(--glass-border);border-radius:999px;font:600 .6rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);background:rgba(255,255,255,.025);}
.venue-state.live{color:var(--long);border-color:color-mix(in srgb,var(--long) 32%,transparent);background:color-mix(in srgb,var(--long) 7%,transparent);}
.venue-glyph{width:50px;height:50px;display:grid;place-content:center;border:1px solid var(--glass-border-hi);border-radius:15px 15px 15px 5px;background:rgba(255,255,255,.03);}
.venue-binance{grid-template-columns:repeat(3,7px);grid-template-rows:repeat(3,7px);gap:3px;transform:none;}
.venue-binance i{width:7px;height:7px;transform:rotate(45deg);background:#f3ba2f;border-radius:1px;}
.venue-binance i:nth-child(1){grid-column:2}.venue-binance i:nth-child(2){grid-area:2/1}.venue-binance i:nth-child(3){grid-area:2/2}.venue-binance i:nth-child(4){grid-area:2/3}.venue-binance i:nth-child(5){grid-area:3/2}
.venue-bybit{position:relative;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(247,166,0,.05));}
.venue-bybit b{font-family:var(--font-display);font-size:1.3rem;font-weight:800;}
.venue-bybit i{position:absolute;width:16px;height:3px;right:7px;bottom:9px;background:#f7a600;transform:skewX(-28deg);}
.venue-okx{grid-template-columns:repeat(3,8px);grid-template-rows:repeat(2,8px);gap:3px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.01));}
.venue-okx i{width:8px;height:8px;border-radius:1px;background:var(--ink);}.venue-okx i:nth-child(5){grid-column:3}
.venue-copy{min-height:48px;margin:22px 0 20px;color:var(--ink-mute);font-size:.88rem;line-height:1.55;}
.venue-connected{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px 16px;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--long) 25%,var(--glass-border));border-radius:14px 14px 14px 5px;background:color-mix(in srgb,var(--long) 5%,transparent);}
.venue-identity,.venue-mode{display:flex;flex-direction:column;gap:3px;min-width:0;}.venue-mode{align-items:flex-end;padding-left:16px;border-left:1px solid var(--glass-border);}
.venue-identity span,.venue-mode span{font:500 .6rem/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);}
.venue-identity code{padding:0;background:none;color:var(--ink);letter-spacing:.05em;}.venue-identity small{color:var(--ink-mute);font-size:.69rem;}.venue-mode strong{color:var(--long);font:600 .77rem/1.2 var(--font-mono);}
.venue-connect{border-top:1px solid var(--glass-border);}.venue-connect summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:16px 2px 2px;color:var(--amber);font-weight:600;list-style:none;}.venue-connect summary::-webkit-details-marker{display:none}.venue-connect summary i{font-style:normal;transition:transform .2s var(--ease);}.venue-connect[open] summary i{transform:rotate(180deg);}
.venue-form{padding-top:16px;}.venue-form>p{margin-bottom:16px;color:var(--ink-mute);font-size:.78rem;line-height:1.5;}.venue-form .field{margin-bottom:13px;}.venue-form .btn-primary{width:100%;margin-top:4px;}.venue-remove{margin-top:12px;display:flex;justify-content:flex-end;}
.exchange-security{display:flex;align-items:flex-start;gap:16px;margin-top:18px;padding:20px 22px;}.exchange-security>span{display:grid;place-content:center;width:34px;height:34px;flex:none;border:1px solid color-mix(in srgb,var(--long) 30%,transparent);border-radius:10px;color:var(--long);}.exchange-security strong{font-size:.9rem;}.exchange-security p{margin-top:5px;color:var(--ink-mute);font-size:.78rem;line-height:1.5;}

/* ============ SIGNAL SOURCES WORKSPACE ============ */
.sources-hero{
  display:flex; align-items:flex-end; justify-content:space-between; gap:28px;
  margin-bottom:24px; padding:8px 2px 0;
}
.sources-hero h1{font-size:clamp(2rem,4vw,3.35rem); font-weight:700; margin-top:8px; letter-spacing:-.045em;}
.sources-hero p{max-width:650px; color:var(--ink-mute); margin-top:10px; line-height:1.6;}
.source-usage{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px;
  overflow:hidden; margin-bottom:16px; border:1px solid var(--glass-border);
  border-radius:14px 14px 14px 4px; background:var(--glass-border);
}
.source-usage > div{padding:14px 18px 15px; background:color-mix(in srgb,var(--bg) 88%,transparent);}
.source-usage span{display:flex; justify-content:space-between; gap:16px; margin-bottom:9px; color:var(--ink-mute); font-family:var(--font-mono); font-size:.68rem; letter-spacing:.05em; text-transform:uppercase;}
.source-usage b{color:var(--ink); font-weight:600; letter-spacing:0;}
.source-usage .progress{height:4px; background:rgba(255,255,255,.045); border:0;}
.sources-workspace{display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr); gap:16px; align-items:start;}
.sources-roster{min-height:430px; overflow:hidden;}
.source-roster-head{display:flex; justify-content:space-between; align-items:flex-start; gap:20px; padding:25px 26px 20px; border-bottom:1px solid var(--glass-border);}
.source-roster-head h2,.source-connect h2,.source-plan h2{font-size:1.04rem; font-weight:600; margin-top:6px;}
.source-roster-head > span{font-family:var(--font-display); font-size:2.4rem; line-height:1; color:var(--glass-border-hi);}
.source-section-kicker{color:var(--amber); font-family:var(--font-mono); font-size:.65rem; letter-spacing:.12em;}
.source-list{padding:0 26px 8px;}
.source-item{display:grid; grid-template-columns:42px minmax(140px,1fr) auto; gap:14px; align-items:center; padding:18px 0; border-bottom:1px solid var(--glass-border);}
.source-item:last-child{border-bottom:0;}
.source-brand{width:42px; height:42px; display:grid; place-items:center; border-radius:12px 12px 12px 4px; font-family:var(--font-mono); font-size:.7rem; font-weight:700; border:1px solid var(--glass-border);}
.source-brand.telegram{color:#70c8ff; background:rgba(43,159,222,.1);}
.source-brand.x{color:var(--ink); background:rgba(255,255,255,.06);}
.source-copy{min-width:0; display:flex; flex-direction:column; gap:3px;}
.source-copy strong{overflow:hidden; text-overflow:ellipsis; font-size:.94rem;}
.source-copy span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ink-mute); font-size:.76rem;}
.source-state{display:flex; align-items:center; gap:7px; font-family:var(--font-mono); font-size:.66rem; color:var(--ink-mute);}
.source-state i{width:7px; height:7px; border-radius:50%; background:var(--ink-mute);}
.source-state.on i{background:var(--long); box-shadow:0 0 12px color-mix(in srgb,var(--long) 55%,transparent);}
.source-controls{display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap;}
.source-controls form{margin:0;}
.source-prompt-btn{display:flex; align-items:center; gap:8px; padding:6px 10px 6px 7px; border:1px solid var(--glass-border); border-radius:10px 10px 10px 4px; background:rgba(255,255,255,.018); color:var(--ink-mute); cursor:pointer; text-align:left; transition:border-color .2s ease,background-color .2s ease,transform .2s var(--ease);}
.source-prompt-btn:hover{border-color:var(--glass-border-hi); background:var(--glow-soft); transform:translateY(-1px);}
.source-prompt-btn.custom{border-color:color-mix(in srgb,var(--amber) 34%,var(--glass-border)); color:var(--ink);}
.source-prompt-ico{display:grid; place-items:center; flex:none; width:25px; height:25px; border-radius:8px 8px 8px 3px; color:var(--amber); background:color-mix(in srgb,var(--amber) 12%,transparent); font-size:.7rem;}
.source-prompt-btn > span:last-child{display:flex; flex-direction:column; gap:1px;}.source-prompt-btn b{font-size:.69rem; font-weight:600; white-space:nowrap;}.source-prompt-btn small{font-family:var(--font-mono); font-size:.56rem; color:var(--ink-mute); text-transform:uppercase; letter-spacing:.04em;}
.source-mode{padding:6px 9px; border:1px solid var(--glass-border); background:transparent; color:var(--ink-mute); font-family:var(--font-mono); font-size:.62rem; letter-spacing:.05em; cursor:pointer;}
.source-mode:first-of-type{border-radius:8px 2px 2px 4px;}
.source-mode:last-of-type{margin-left:-9px; border-radius:2px 8px 4px 2px;}
.source-mode.active{color:var(--amber); border-color:var(--glass-border-hi); background:var(--glow-soft);}
.source-mode.live.active{color:var(--long); border-color:color-mix(in srgb,var(--long) 40%,transparent); background:color-mix(in srgb,var(--long) 12%,transparent);}
.source-remove{width:28px; height:28px; border:0; background:transparent; color:var(--ink-mute); font-size:1.25rem; line-height:1; cursor:pointer; border-radius:8px;}
.source-remove:hover{color:var(--short); background:color-mix(in srgb,var(--short) 10%,transparent);}
.source-empty{min-height:330px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:42px 28px; text-align:center;}
.source-empty-mark{position:relative; width:94px; height:94px; margin-bottom:24px; border:1px solid var(--glass-border); border-radius:50%;}
.source-empty-mark::before,.source-empty-mark::after{content:""; position:absolute; inset:15px; border:1px solid var(--glass-border); border-radius:50%;}
.source-empty-mark::after{inset:33px; background:var(--amber); border:0; box-shadow:0 0 30px var(--glow);}
.source-empty-mark i{position:absolute; left:46px; top:-8px; width:1px; height:110px; background:linear-gradient(transparent,var(--glass-border-hi),transparent); transform-origin:center;}
.source-empty-mark i:nth-child(2){transform:rotate(60deg);}.source-empty-mark i:nth-child(3){transform:rotate(120deg);}
.source-empty h3{font-size:1.08rem;}.source-empty p{max-width:48ch; margin-top:9px; color:var(--ink-mute); font-size:.84rem; line-height:1.55;}
.sources-side{padding:0 24px; overflow:hidden;}
.source-connect,.source-plan{padding:25px 0;}
.source-telegram-connect{padding-top:25px;}
.source-x-connect,.source-plan{border-top:1px solid var(--glass-border);}
.source-plan{border-top:1px solid var(--glass-border);}
.source-connect > p,.source-plan > p{margin-top:8px; color:var(--ink-mute); font-size:.8rem; line-height:1.55;}
.source-account-card{position:relative; display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:11px; align-items:center; margin-top:18px; padding:12px; border:1px solid color-mix(in srgb,#2b9fde 32%,var(--glass-border)); border-radius:14px 14px 14px 5px; background:linear-gradient(135deg,rgba(43,159,222,.11),rgba(255,255,255,.018)); overflow:hidden;}
.source-account-avatar{display:grid; place-items:center; width:42px; height:42px; border-radius:12px 12px 12px 4px; font-family:var(--font-mono); font-size:.68rem; font-weight:700;}
.source-account-avatar.telegram{color:#b9e4ff; background:rgba(43,159,222,.2); border:1px solid rgba(112,200,255,.25);}
.source-account-card strong{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:var(--font-mono); font-size:.78rem; color:var(--ink);}
.source-account-card span{display:block; margin-top:3px; color:var(--ink-mute); font-size:.69rem; line-height:1.35;}
.source-account-live{position:relative; width:8px; height:8px; border-radius:50%; background:var(--long); box-shadow:0 0 0 5px color-mix(in srgb,var(--long) 10%,transparent),0 0 14px color-mix(in srgb,var(--long) 70%,transparent);}
.source-account-actions{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px;}
.source-account-actions .btn-primary,.source-account-actions .btn-ghost{justify-content:center; padding:10px 8px; font-size:.72rem; white-space:nowrap;}
.source-connect .banner{margin:16px 0 0; font-size:.78rem;}
.source-add-form{display:flex; flex-direction:column; gap:9px; margin-top:20px;}
.source-add-form label{color:var(--ink-mute); font-family:var(--font-mono); font-size:.67rem; letter-spacing:.06em; text-transform:uppercase;}
.source-input-line{display:flex; align-items:center; border:1px solid var(--glass-border); border-radius:10px 10px 10px 4px; background:var(--glass); transition:border-color .2s ease,box-shadow .2s ease;}
.source-input-line:focus-within{border-color:var(--glass-border-hi); box-shadow:0 0 0 3px var(--glow-soft);}
.source-input-line > span{padding-left:13px; color:var(--amber); font-family:var(--font-mono);}
.source-input-line input{border:0; background:transparent; box-shadow:none!important; padding-left:5px;}
.source-add-form .btn-primary{width:100%; justify-content:center; margin-top:2px;}
.source-note{display:flex; gap:8px; margin-top:15px; color:var(--ink-mute); font-size:.72rem; line-height:1.5;}.source-note span{color:var(--amber);}
.source-provider-switch{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:17px;}
.source-provider-switch button{display:flex; align-items:center; gap:9px; padding:10px; border:1px solid var(--glass-border); border-radius:10px 10px 10px 4px; background:transparent; color:var(--ink-mute); cursor:pointer; font-size:.78rem;}
.source-provider-switch button span{display:grid; place-items:center; width:25px; height:25px; border-radius:7px; background:rgba(255,255,255,.05); font-family:var(--font-mono); font-size:.62rem;}
.source-provider-switch button.active{color:var(--ink); border-color:var(--glass-border-hi); background:var(--glow-soft);}

.source-prompt-dialog{width:min(680px,calc(100% - 32px)); max-height:min(90dvh,820px); margin:auto; padding:0; overflow:hidden; color:var(--ink); border:1px solid var(--glass-border-hi); border-radius:24px 24px 24px 7px; background:linear-gradient(150deg,rgba(31,26,21,.98),rgba(13,13,15,.98)); box-shadow:0 50px 120px -35px rgba(0,0,0,.95),0 0 60px -30px var(--glow);}
.source-prompt-dialog::backdrop{background:rgba(4,5,7,.72); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);}
.source-prompt-dialog[open]{animation:prompt-in .3s var(--ease) both;}
@keyframes prompt-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.source-prompt-form{display:flex; flex-direction:column; padding:28px; max-height:min(90dvh,820px); overflow:auto;}
.source-prompt-head{display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:19px; border-bottom:1px solid var(--glass-border);}
.source-prompt-head h2{font-size:1.35rem; margin-top:7px;}.source-prompt-head p{margin-top:5px; color:var(--amber-2); font-family:var(--font-mono); font-size:.74rem;}
.source-prompt-close{display:grid; place-items:center; flex:none; width:36px; height:36px; padding:0; border:1px solid var(--glass-border); border-radius:11px; background:var(--glass); color:var(--ink-mute); font-size:1.35rem; line-height:1; cursor:pointer;}.source-prompt-close:hover{color:var(--ink); border-color:var(--glass-border-hi);}
.source-prompt-explainer{display:flex; gap:12px; align-items:flex-start; margin:18px 0; padding:13px 14px; border:1px solid color-mix(in srgb,var(--amber) 22%,var(--glass-border)); border-radius:12px 12px 12px 4px; background:color-mix(in srgb,var(--amber) 7%,transparent);}
.source-prompt-explainer i{display:grid; place-items:center; flex:none; width:25px; height:25px; border-radius:8px; background:var(--glow-soft); color:var(--amber); font-style:normal; font-size:.7rem;}.source-prompt-explainer p{color:var(--ink-mute); font-size:.78rem; line-height:1.55;}
.source-prompt-form > label{margin-bottom:7px; color:var(--ink-mute); font-family:var(--font-mono); font-size:.66rem; letter-spacing:.08em; text-transform:uppercase;}
.source-prompt-form textarea{min-height:210px; padding:16px; line-height:1.65; font-size:.84rem; background:rgba(5,6,8,.58); border-color:var(--glass-border-hi);}
.source-prompt-meta{display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:8px; color:var(--ink-mute); font-size:.67rem;}.source-prompt-meta b{font-family:var(--font-mono); font-weight:500; white-space:nowrap;}
.source-prompt-actions{display:flex; justify-content:space-between; gap:12px; margin-top:22px; padding-top:18px; border-top:1px solid var(--glass-border);}.source-prompt-actions .btn-primary,.source-prompt-actions .btn-ghost{justify-content:center;}

@media (max-width:880px){
  .sources-workspace{grid-template-columns:1fr;}
  .sources-side{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
  .source-plan{border-top:0; border-left:1px solid var(--glass-border); padding-left:24px;}
}
@media (max-width:620px){
  .sources-hero{align-items:flex-start; flex-direction:column;}.sources-hero .btn-ghost{width:100%; text-align:center;}
  .source-usage{grid-template-columns:1fr;}
  .sources-side{display:block; padding:0 18px;}.source-plan{border-left:0; border-top:1px solid var(--glass-border); padding-left:0;}
  .source-account-actions{grid-template-columns:1fr;}
  .timer-close-metrics{grid-template-columns:1fr;}
  .source-roster-head{padding:20px 18px 16px;}.source-list{padding:0 18px 8px;}
  .source-item{grid-template-columns:40px minmax(0,1fr);}.source-controls{grid-column:1/-1; justify-content:flex-start; padding-left:54px;}
  .source-state{justify-self:end;}.source-copy + .source-controls{justify-self:stretch;}
  .source-prompt-form{padding:21px 18px;}.source-prompt-actions{flex-direction:column-reverse;}.source-prompt-actions .btn-primary,.source-prompt-actions .btn-ghost{width:100%;}.source-prompt-meta{align-items:flex-start; flex-direction:column; gap:3px;}
}

/* ============ X ADMIN ============ */
.x-admin-status{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; overflow:hidden; margin-bottom:16px; border:1px solid var(--glass-border); border-radius:14px 14px 14px 4px; background:var(--glass-border);}
.x-admin-status > div{display:grid; grid-template-columns:auto 1fr; column-gap:9px; padding:14px 16px; background:color-mix(in srgb,var(--bg) 88%,transparent);}
.x-admin-status i{grid-row:1/3; align-self:center; width:8px; height:8px; border-radius:50%; background:var(--ink-mute);}
.x-admin-status i.ok{background:var(--long); box-shadow:0 0 12px color-mix(in srgb,var(--long) 55%,transparent);}
.x-admin-status span{font-size:.72rem; color:var(--ink-mute);}.x-admin-status b{font-family:var(--font-mono); font-size:.7rem; font-weight:500;}
.x-admin-grid{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr); gap:16px; align-items:start;}
.x-admin-connect,.x-admin-checklist{padding:26px 28px;}
.x-admin-connect h2,.x-admin-checklist h2{font-size:1.08rem; margin-top:7px;}
.x-admin-connect > p{max-width:62ch; margin-top:11px; color:var(--ink-mute); font-size:.84rem; line-height:1.6;}
.x-callback{display:flex; flex-direction:column; gap:7px; margin:22px 0 18px; padding:13px 14px; border:1px solid var(--glass-border); border-radius:10px 10px 10px 4px; background:rgba(255,255,255,.02);}
.x-callback span{font-family:var(--font-mono); font-size:.64rem; color:var(--ink-mute); letter-spacing:.08em; text-transform:uppercase;}
.x-callback code{padding:0; background:none; overflow-wrap:anywhere; color:var(--amber-2);}
.x-admin-checklist ol{display:flex; flex-direction:column; gap:0; margin:18px 0 0; padding:0; list-style:none;}
.x-admin-checklist li{display:flex; gap:12px; align-items:center; padding:13px 0; border-bottom:1px solid var(--glass-border);}
.x-admin-checklist li:last-child{border-bottom:0; padding-bottom:0;}
.x-admin-checklist li > i{display:grid; flex:none; place-items:center; width:27px; height:27px; border:1px solid var(--glass-border); border-radius:50%; color:var(--ink-mute); font-family:var(--font-mono); font-size:.68rem; font-style:normal;}
.x-admin-checklist li.done > i{color:#06251a; border-color:var(--long); background:var(--long);}
.x-admin-checklist li span{display:flex; min-width:0; flex-direction:column; gap:2px;}.x-admin-checklist li b{font-size:.82rem;}.x-admin-checklist li small{color:var(--ink-mute); font-size:.7rem; line-height:1.4;}
@media (max-width:880px){.x-admin-status{grid-template-columns:repeat(2,1fr);}.x-admin-grid{grid-template-columns:1fr;}}
@media (max-width:520px){.x-admin-status{grid-template-columns:1fr;}.x-admin-connect,.x-admin-checklist{padding:22px 18px;}}

/* ============ STATISTICS PAGE ============ */
.money{font-family:var(--font-mono); font-weight:600;}
.money.up{color:var(--long);} .money.down{color:var(--short);}
.period-tabs{display:flex; gap:6px; flex-wrap:wrap; margin-bottom:18px;}
.period-tabs a, .period-tabs span{
  font-family:var(--font-mono); font-size:.78rem; padding:8px 14px;
  border-radius:10px 10px 10px 4px; border:1px solid var(--glass-border);
  color:var(--ink-mute); text-decoration:none; transition:border-color .2s ease, color .2s ease;
}
.period-tabs a:hover{border-color:var(--ink-mute); color:var(--ink);}
.period-tabs .active{background:var(--glass-strong); border-color:var(--glass-border-hi); color:var(--ink);}
.stats-sources-section{overflow:hidden;}
.stats-sources-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px;}
.stats-sources-head h2{margin:0;}
.stats-sources-head p{max-width:58ch;margin:6px 0 0;color:var(--ink-mute);font-size:.8rem;line-height:1.5;}
.stats-source-filter{display:flex;align-items:center;gap:9px;flex:none;}
.stats-source-filter label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap;}
.stats-source-filter select{width:min(250px,38vw);min-height:38px;padding:7px 31px 7px 11px;font-size:.76rem;}
.stats-source-link{display:inline-flex;text-decoration:none;color:inherit;}
.stats-source-link:hover .source-badge b{color:var(--amber);}
.stats-source-row.is-selected{background:color-mix(in srgb,var(--amber) 7%,transparent);}
.stats-source-note{margin-top:14px;margin-bottom:0!important;}
.source-badge{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:240px;vertical-align:middle;}
.source-badge>i{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid var(--glass-border);border-radius:8px 8px 8px 3px;font-family:var(--font-mono);font-size:.59rem;font-style:normal;font-weight:700;line-height:1;}
.source-badge.telegram>i{color:#9bdcff;background:rgba(43,159,222,.13);border-color:rgba(43,159,222,.3);}
.source-badge.x>i{color:var(--ink);background:rgba(255,255,255,.06);}
.source-badge.unknown>i{color:var(--ink-mute);}
.source-badge>span{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.12;}
.source-badge b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:.8rem;font-weight:600;transition:color .18s ease;}
.source-badge em,.source-badge small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-mute);font-family:var(--font-mono);font-size:.57rem;font-style:normal;letter-spacing:.045em;text-transform:uppercase;}
.source-badge small{font-family:var(--font-body);font-size:.64rem;letter-spacing:0;text-transform:none;}
@media (max-width:680px){
  .stats-sources-head{align-items:stretch;flex-direction:column;gap:14px;}
  .stats-source-filter{width:100%;}.stats-source-filter select{flex:1;width:auto;}
  .source-badge{max-width:190px;}
}

/* ============ SUBSCRIPTION / PLANS ============ */
.pricing-card.current{border-color:var(--glass-border-hi); box-shadow:0 0 0 1px var(--glass-border-hi);}

.pay-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; max-width:640px; margin:0 auto;}
.pay-option{padding:28px 26px; text-align:center; display:flex; flex-direction:column;}
.pay-option h3{font-size:1.1rem; font-weight:600;}
.pay-option .pay-price{font-family:var(--font-display); font-weight:800; font-size:2.2rem; margin:14px 0 6px;}
.pay-option .pay-hint{font-size:.84rem; color:var(--ink-mute); line-height:1.5; min-height:2.6em;}
.pay-option form{margin-top:auto; padding-top:14px;}

@media (max-width:900px){
  .status-grid{grid-template-columns:repeat(2,1fr);}
  .quick-grid{grid-template-columns:repeat(2,1fr);}
  .dashboard-workspace::before{inset:-44px -20px -60px;background-size:100% 100%,56px 56px,56px 56px;}
  .dashboard-hero{min-height:158px;}
}
@media (max-width:560px){
  .status-grid, .quick-grid{grid-template-columns:1fr;}
  .dashboard-workspace{padding-top:0;}
  .dashboard-hero{min-height:132px;margin-bottom:22px;padding-top:0;}.dashboard-hero h1{font-size:2.65rem;}
  .dashboard-workspace .status-tile{min-height:142px;}
  .dashboard-workspace .quick{min-height:96px;}.dashboard-shortcuts{margin-top:30px;}
  .dashboard-positions{padding:21px 18px 8px;}
}

/* ============ POSITION CARD ============ */
.card{padding:22px 22px 20px; transition:box-shadow .35s var(--ease), transform .35s var(--ease), border-color .35s var(--ease);}
.card:hover{
  transform:translateY(-3px);
  border-color:var(--glass-border-hi);
  box-shadow:0 1px 0 rgba(255,255,255,.09) inset, 0 0 40px -10px var(--glow), 0 30px 56px -28px rgba(0,0,0,.7);
}
.card-top{display:flex; justify-content:space-between; align-items:flex-start;}
.symbol{font-family:var(--font-mono); font-weight:700; font-size:1.08rem;}
.card-meta{display:flex; align-items:center; gap:8px; margin-top:6px;}
.lev{font-family:var(--font-mono); font-size:.72rem; color:var(--ink-mute); padding:1px 7px; border-radius:6px; border:1px solid var(--glass-border);}
.side-pill{font-family:var(--font-mono); font-size:.68rem; letter-spacing:.06em; padding:3px 8px; border-radius:8px 8px 8px 2px;}
.side-pill.long{color:var(--long); background:color-mix(in srgb, var(--long) 16%, transparent);}
.side-pill.short{color:var(--short); background:color-mix(in srgb, var(--short) 16%, transparent);}
.mode-chip{display:inline-flex; align-items:center; gap:6px; font-size:.72rem; letter-spacing:.06em; color:var(--ink-mute); font-family:var(--font-mono);}
.card-status{display:flex; align-items:center; gap:7px; font-family:var(--font-mono); font-size:.7rem; letter-spacing:.08em; color:var(--ink-mute);}

.card-body{display:grid; grid-template-columns:1fr auto; gap:16px; align-items:center; margin-top:18px;}
.pnl{font-family:var(--font-mono); font-weight:700; font-size:1.8rem; letter-spacing:-.01em;}
.pnl.up{color:var(--long);} .pnl.down{color:var(--short);}
.pnl-sub{font-family:var(--font-mono); font-size:.74rem; color:var(--ink-mute); margin-top:5px;}
.spark path.line{fill:none; stroke-width:2;}
.spark path.area{opacity:.16;}

.card-foot{display:flex; justify-content:space-between; align-items:center; margin-top:18px; padding-top:15px; border-top:1px solid var(--glass-border);}
.row-nums{display:flex; gap:16px; font-family:var(--font-mono); font-size:.76rem; color:var(--ink-mute);}
.row-nums b{color:var(--ink); font-weight:600;}
.ghost-btn{
  font-family:var(--font-mono); font-size:.74rem; letter-spacing:.04em;
  background:none; color:var(--ink-mute); border:1px solid var(--glass-border);
  padding:7px 13px; border-radius:8px 8px 8px 2px; cursor:pointer;
  transition:transform .15s var(--ease), border-color .2s ease, color .2s ease;
}
.ghost-btn:hover{color:var(--ink); border-color:var(--ink-mute);}
.ghost-btn:active{transform:translateY(1px) scale(.98);}

/* ============ PRICING (toggle + price card) ============ */
.toggle{display:flex; padding:4px; gap:2px; margin:0 auto 32px; width:fit-content;}
.toggle button{
  padding:9px 20px; border:none; background:none; color:var(--ink-mute);
  font-family:var(--font-mono); font-size:.84rem; border-radius:10px 10px 10px 3px;
  cursor:pointer; transition:background-color .3s ease, color .3s ease;
}
.toggle button[aria-pressed="true"]{background:var(--amber); color:var(--amber-ink); font-weight:700;}
.save-badge{
  font-family:var(--font-mono); font-size:.68rem; letter-spacing:.04em;
  color:var(--long); background:color-mix(in srgb, var(--long) 16%, transparent);
  padding:3px 9px; border-radius:8px; margin-left:8px;
}
.price-card{max-width:420px; margin:0 auto; padding:34px 32px 28px; text-align:center;}
.price-row{display:flex; align-items:baseline; justify-content:center; gap:6px; margin-top:16px; transition:opacity .18s ease;}
.price-main{font-family:var(--font-display); font-weight:800; font-size:3rem;}
.price-suffix{font-family:var(--font-mono); color:var(--ink-mute); font-size:1.05rem;}
.price-note{font-family:var(--font-mono); font-size:.78rem; color:var(--ink-mute); margin-top:8px;}
.price-features{text-align:left; margin:26px 0 24px; display:flex; flex-direction:column; gap:12px;}
.price-features li{display:flex; gap:10px; font-size:.92rem; color:var(--ink); align-items:flex-start;}
.price-features li svg{flex:none; margin-top:3px;}
.price-micro{font-family:var(--font-mono); font-size:.74rem; color:var(--ink-mute); margin-top:15px;}

/* ============ FAQ ============ */
.faq-list{max-width:760px; margin:0 auto;}
.faq-item{border-bottom:1px solid var(--glass-border);}
.faq-item:last-child{border-bottom:none;}
.faq-item summary{
  list-style:none; cursor:pointer;
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  padding:20px 24px; font-family:var(--font-body); font-weight:600; font-size:1rem;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:'+'; font-family:var(--font-mono); font-size:1.3rem; color:var(--amber); transition:transform .3s var(--ease); flex:none;}
.faq-item[open] summary::after{transform:rotate(45deg);}
.faq-item .faq-body{padding:0 24px 22px; color:var(--ink-mute); line-height:1.6; max-width:68ch;}

/* ============ STEPS ============ */
.step-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
.step{padding:24px 22px;}
.step-index{font-family:var(--font-mono); font-weight:700; font-size:.8rem; color:var(--amber);}
.step h3{font-size:1.02rem; font-weight:600; margin-top:12px;}
.step p{color:var(--ink-mute); font-size:.9rem; line-height:1.5; margin-top:7px;}

.footer-links a{text-decoration:none; color:inherit; transition:color .2s ease;}
.footer-links a:hover{color:var(--ink);}

/* ============ GUIDE PAGE ============ */
.guide-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.34fr);gap:30px;padding:16px 2px 0;}
.guide-hero h1{max-width:12ch;margin-top:12px;font-size:clamp(2.35rem,5.1vw,4.8rem);line-height:1.03;letter-spacing:-.055em;}
.guide-hero>div>p{max-width:62ch;margin-top:17px;color:var(--ink-mute);font-size:1rem;line-height:1.62;}
.guide-hero-side{align-self:end;display:grid;justify-items:end;gap:14px;padding:16px 0 12px;border-bottom:1px solid var(--glass-border);color:var(--ink-mute);font-size:.78rem;line-height:1.45;text-align:right;}
.guide-hero-side b{font-family:var(--font-mono);font-size:1.1rem;letter-spacing:.12em;color:var(--amber);}
.guide-jumps{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--glass-border);}
.guide-jumps a{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 15px;border:1px solid var(--glass-border);border-radius:12px 12px 12px 4px;color:var(--ink-mute);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s var(--ease);}
.guide-jumps a::after{content:'↘';color:var(--amber);font-size:.86rem;}.guide-jumps a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--amber) 55%,var(--glass-border));background:color-mix(in srgb,var(--amber) 8%,transparent);color:var(--ink);}
.guide-step{display:grid;grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);align-items:center;gap:42px;padding:76px 0;}
.guide-step + .guide-step{border-top:1px solid var(--glass-border);}.guide-step.is-reversed .guide-step-copy{order:2;}.guide-step.is-reversed .guide-shot{order:1;}
.guide-step-num{font-family:var(--font-mono);font-weight:700;color:var(--amber);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;}
.guide-step h2{max-width:14ch;margin-top:13px;font-size:clamp(1.55rem,2.2vw,2.25rem);line-height:1.12;letter-spacing:-.04em;}
.guide-step p{max-width:48ch;margin-top:15px;color:var(--ink-mute);font-size:.94rem;line-height:1.65;}
.guide-step-list{display:grid;gap:9px;margin:20px 0 0;padding:0;list-style:none;}.guide-step-list li{position:relative;padding-left:18px;color:var(--ink);font-size:.82rem;line-height:1.5;}.guide-step-list li::before{content:'◆';position:absolute;left:0;top:.05em;color:var(--amber);font-size:.58rem;}
.guide-shot{min-width:0;}.shot-frame{overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--r-soft);background:var(--glass-strong);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);}
.shot-frame .shot-bar{display:flex; gap:6px; padding:12px 14px; border-bottom:1px solid var(--glass-border);}
.shot-frame .shot-dot{width:9px; height:9px; border-radius:50%; background:var(--glass-border-hi);}
.shot-frame img{display:block; width:100%; height:auto;}
.guide-api{padding:68px 0;border-top:1px solid var(--glass-border);}.guide-api-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.5fr);gap:42px;align-items:end;}.guide-api-head h2{margin-top:12px;font-size:clamp(1.7rem,2.7vw,2.8rem);letter-spacing:-.045em;}.guide-api-head>div>p{max-width:66ch;margin-top:15px;color:var(--ink-mute);line-height:1.63;}.guide-api-rules{display:grid;gap:7px;padding:16px;border:1px solid color-mix(in srgb,var(--amber) 32%,var(--glass-border));border-radius:13px 13px 13px 4px;background:linear-gradient(135deg,color-mix(in srgb,var(--amber) 8%,transparent),transparent);}.guide-api-rules strong{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:var(--amber);}.guide-api-rules span{color:var(--ink-mute);font-size:.78rem;line-height:1.52;}
.guide-exchange-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px;}.guide-exchange-card{min-height:260px;padding:20px;border:1px solid var(--glass-border);border-radius:18px 18px 18px 5px;background:linear-gradient(145deg,color-mix(in srgb,var(--glass-strong) 96%,transparent),color-mix(in srgb,var(--bg) 90%,transparent));}.guide-exchange-card.binance{box-shadow:inset 0 2px 0 color-mix(in srgb,#f0b90b 70%,transparent);}.guide-exchange-card.bybit{box-shadow:inset 0 2px 0 color-mix(in srgb,#f7a600 70%,transparent);}.guide-exchange-card.okx{box-shadow:inset 0 2px 0 color-mix(in srgb,#d8dbe0 65%,transparent);}.guide-exchange-mark{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid var(--glass-border);border-radius:999px;color:var(--ink);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.07em;text-transform:uppercase;}.guide-exchange-card h3{margin-top:22px;font-size:1.28rem;}.guide-exchange-card p{margin-top:11px;color:var(--ink-mute);font-size:.81rem;line-height:1.55;}.guide-exchange-card a{display:inline-flex;margin-top:20px;color:var(--amber);font-family:var(--font-mono);font-size:.7rem;text-decoration:none;letter-spacing:.035em;}.guide-exchange-card a:hover{text-decoration:underline;}.guide-api-note{display:flex;gap:11px;margin-top:13px;padding:14px 16px;border:1px solid var(--glass-border);border-radius:13px 13px 13px 4px;background:rgba(255,255,255,.018);}.guide-api-note>span{color:var(--amber);font-size:.8rem;padding-top:.15em;}.guide-api-note p{color:var(--ink-mute);font-size:.8rem;line-height:1.55;}
.guide-support{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:8px;padding:29px 30px;border-color:color-mix(in srgb,var(--long) 35%,var(--glass-border));background:linear-gradient(125deg,color-mix(in srgb,var(--long) 9%,transparent),transparent 55%),var(--glass-strong);}.guide-support h2{margin-top:10px;font-size:1.55rem;letter-spacing:-.035em;}.guide-support p{max-width:68ch;margin-top:9px;color:var(--ink-mute);font-size:.85rem;line-height:1.55;}.guide-support .btn-primary{flex:none;white-space:nowrap;}.guide-cta{padding:44px 32px;text-align:center;margin-top:14px;}

@media (max-width:900px){
  .guide-step{grid-template-columns:1fr;gap:28px;padding:52px 0;}.guide-step.is-reversed .guide-step-copy,.guide-step.is-reversed .guide-shot{order:initial;}.guide-step h2{max-width:19ch;}
  .guide-api-head{grid-template-columns:1fr;gap:20px;}.guide-exchange-grid{grid-template-columns:1fr;}.guide-exchange-card{min-height:0;}.guide-support{align-items:flex-start;flex-direction:column;}
}
@media (max-width:620px){
  .guide-hero{grid-template-columns:1fr;gap:18px;}.guide-hero-side{justify-items:start;text-align:left;align-self:start;border-bottom:0;padding:0;}.guide-jumps{grid-template-columns:repeat(2,1fr);}.guide-jumps a{min-height:50px;padding:0 12px;font-size:.61rem;}.guide-step{padding:42px 0;}.guide-step p{font-size:.9rem;}.guide-api{padding:48px 0;}.guide-support{padding:23px 20px;}.guide-support .btn-primary{width:100%;text-align:center;}.guide-cta{padding:34px 20px;}
}

/* ============ SUPPORT ============ */
.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px;}
.support-card{padding:28px;display:flex;flex-direction:column;min-height:238px;}
.support-card h2{font-size:1.5rem;margin-top:10px;}
.support-card p{margin-top:10px;color:var(--ink-mute);line-height:1.58;max-width:44ch;}
.support-card .btn-primary,.support-card .btn-ghost{margin-top:auto;align-self:flex-start;}
.support-note{margin-top:16px;padding:15px 17px;display:flex;gap:10px;color:var(--ink-mute);font-size:.84rem;line-height:1.55;}
.support-note span{color:var(--amber);font-family:var(--font-mono);}

@media (max-width:860px){
  .support-grid{grid-template-columns:1fr;}.support-card{min-height:0;}.support-card .btn-primary,.support-card .btn-ghost{margin-top:22px;}
  .exchanges-hero{align-items:flex-start}.venue-grid{grid-template-columns:1fr}.venue-card{padding:20px}.venue-copy{min-height:0}.venue-head{grid-template-columns:auto minmax(0,1fr)}.venue-state{grid-column:2;justify-self:start}.venue-connected{grid-template-columns:1fr}.venue-mode{align-items:flex-start;padding:10px 0 0;border-left:0;border-top:1px solid var(--glass-border)}
  .trust-grid, .step-grid, .stat-strip{grid-template-columns:repeat(2,1fr);}
}
/* ============ PRICING GRID (3-tier) ============ */
.pricing-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:stretch; max-width:1080px; margin:0 auto;}
.pricing-card{position:relative; padding:32px 28px; display:flex; flex-direction:column;}
.pricing-card.popular{
  border-color:color-mix(in srgb, var(--long) 45%, var(--glass-border-hi));
  box-shadow:0 0 0 1px color-mix(in srgb, var(--long) 30%, transparent), 0 30px 60px -25px rgba(0,0,0,.6);
}
.pricing-popular-badge{
  position:absolute; top:-13px; left:50%; transform:translateX(-50%);
  background:var(--long); color:#06251a; font-family:var(--font-mono); font-weight:700;
  font-size:.68rem; letter-spacing:.06em; padding:5px 14px; border-radius:100px; white-space:nowrap;
}
.pricing-eyebrow{font-family:var(--font-mono); font-size:.72rem; letter-spacing:.1em; color:var(--ink-mute); text-transform:uppercase;}
.pricing-price{display:flex; align-items:baseline; gap:2px; margin-top:12px;}
.pricing-price .cur{font-family:var(--font-display); font-weight:700; font-size:1.4rem; color:var(--ink-mute); align-self:flex-start; margin-top:8px;}
.pricing-main{font-family:var(--font-display); font-weight:800; font-size:2.6rem; letter-spacing:-.02em;}
.pricing-main.free{font-size:1.5rem;}
.pricing-suffix{font-family:var(--font-mono); color:var(--ink-mute); font-size:.9rem; margin-left:2px;}
.pricing-desc{color:var(--ink-mute); font-size:.88rem; line-height:1.55; margin-top:12px; min-height:2.8em;}
.pricing-divider{height:1px; background:var(--glass-border); margin:20px 0;}
.pricing-features{display:flex; flex-direction:column; gap:12px; flex:1; list-style:none; margin:0; padding:0;}
.pricing-features li{display:flex; align-items:flex-start; gap:10px; font-size:.88rem; color:var(--ink); line-height:1.4;}
.pricing-check{flex:none; width:18px; height:18px; border-radius:50%; background:color-mix(in srgb, var(--long) 18%, transparent); display:flex; align-items:center; justify-content:center; margin-top:1px;}
.pricing-card .btn-primary, .pricing-card .btn-ghost{margin-top:24px; text-align:center;}
.pricing-micro{font-family:var(--font-mono); font-size:.72rem; color:var(--ink-mute); text-align:center; margin-top:12px; line-height:1.5;}

/* ============ PLAN COMPARISON ============ */
.plan-compare{max-width:1080px;margin:34px auto 0;}
.plan-compare-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 4px 14px;}
.plan-compare-head h3{margin:7px 0 0;font-size:1.25rem;font-weight:700;}
.plan-compare-head p{max-width:56ch;margin:0;color:var(--ink-mute);font-size:.82rem;line-height:1.5;text-align:right;}
.plan-compare-scroll{overflow-x:auto;border:1px solid var(--glass-border);border-radius:var(--r-soft);background:linear-gradient(135deg,color-mix(in srgb,var(--glass-strong) 92%,transparent),color-mix(in srgb,var(--bg) 88%,transparent));}
.plan-compare table{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed;}
.plan-compare th,.plan-compare td{padding:14px 16px;border-bottom:1px solid var(--glass-border);vertical-align:middle;text-align:center;font-size:.82rem;line-height:1.42;white-space:normal;overflow-wrap:anywhere;}
.plan-compare thead th{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.075em;text-transform:uppercase;color:var(--ink-mute);background:rgba(255,255,255,.018);}
.plan-compare thead th:first-child{width:22%;text-align:left;}
.plan-compare thead .is-plan{color:var(--long);}
.plan-compare tbody th{font-weight:600;text-align:left;color:var(--ink);}
.plan-compare tbody td{color:var(--ink-mute);}
.plan-compare tbody tr:last-child th,.plan-compare tbody tr:last-child td{border-bottom:0;}
.plan-compare-note{margin:10px 4px 0;color:var(--ink-mute);font-size:.76rem;line-height:1.5;}

@media (max-width:900px){
  .pricing-grid{grid-template-columns:1fr; max-width:420px;}
  .pricing-card.popular{order:-1;}
  .plan-compare-head{align-items:flex-start;flex-direction:column;gap:8px;}
  .plan-compare-head p{text-align:left;}
}

@media (max-width:560px){
  .trust-grid, .step-grid, .stat-strip{grid-template-columns:1fr;}
  .price-card{padding:28px 20px 24px;}
  .field-row{flex-direction:column;}
  .bot-alert-card{grid-template-columns:minmax(0,1fr);gap:11px;padding:15px;}
  .bot-alert-action{grid-column:1/-1;width:100%;margin-top:2px;}
}

@media (max-width:860px){
  .settings-section{padding:0; margin-bottom:12px;}
  .settings-fold > summary{padding:17px 16px; cursor:pointer;}
  .settings-fold > summary strong{font-size:.98rem;}
  .settings-fold > summary small{font-size:.73rem;}
  .settings-fold > summary > i{display:block; width:9px; height:9px; flex:none; border-right:1.5px solid var(--ink-mute); border-bottom:1.5px solid var(--ink-mute); transform:rotate(45deg) translateY(-3px); transition:transform .22s var(--ease), border-color .2s ease;}
  .settings-fold[open] > summary{border-bottom:1px solid var(--glass-border);}
  .settings-fold[open] > summary > i{transform:rotate(225deg) translateY(-1px); border-color:var(--amber);}
  .settings-fold-body{margin:0; padding:18px 16px 16px;}
  .settings-fold .field-row{gap:0;}
  .settings-fold input, .settings-fold select{min-height:48px;}
  .settings-save{position:sticky; z-index:8; bottom:82px; margin:16px -2px 0; padding:10px; border:1px solid var(--glass-border-hi); border-radius:15px 15px 15px 5px; background:color-mix(in srgb, var(--bg) 88%, transparent); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);}
  .settings-save .btn-primary{width:100%; min-height:48px;}
  .tp-table, .tp-table tbody, .tp-table tr, .tp-table td{display:block; width:100%;}
  .tp-table thead{display:none;}
  .tp-table tr{padding:14px 0; border-bottom:1px solid var(--glass-border);}
  .tp-table tr:first-child{padding-top:0;}
  .tp-table tr:last-child{border-bottom:0; padding-bottom:0;}
  .tp-table td{border:0; padding:0; white-space:normal;}
  .tp-table td.tp-name{margin-bottom:12px;}
  .tp-table .tp-name .switch-row{margin:0;}
  .tp-table td:not(.tp-name){display:grid; grid-template-columns:minmax(0, .8fr) minmax(0, 1.2fr); align-items:center; gap:12px; margin-top:8px;}
  .tp-table td:not(.tp-name)::before{content:attr(data-label); color:var(--ink-mute); font-family:var(--font-mono); font-size:.68rem; line-height:1.35;}
  .exchange-key-card{margin:16px; grid-template-columns:auto minmax(0,1fr); padding:16px;}
  .exchange-key-mode{grid-column:2; align-items:flex-start; padding:8px 0 0; border-left:0; border-top:1px solid var(--glass-border);}
}

/* ============ OVERVIEW / ACCOUNT COMMAND CENTER ============ */
.overview-status-panel{padding:25px 27px 26px;margin-bottom:18px;overflow:hidden;}
.overview-status-panel::before{content:"";position:absolute;inset:0 auto 0 0;width:42%;pointer-events:none;background:radial-gradient(ellipse at 0 0,rgba(255,165,61,.14),transparent 68%);}
.overview-status-head,.overview-section-heading{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;}
.overview-status-head h2,.overview-section-heading h2{margin-top:5px;font-size:1.2rem;}
.overview-plan{margin-left:auto;min-width:190px;padding:9px 13px 10px;border:1px solid var(--glass-border);border-radius:12px 12px 12px 4px;background:rgba(255,255,255,.025);}
.overview-plan strong{display:block;margin-top:4px;font:600 .8rem/1.35 var(--font-mono);color:var(--ink);}
.overview-plan.ready{border-color:color-mix(in srgb,var(--long) 36%,var(--glass-border));background:color-mix(in srgb,var(--long) 7%,transparent);}
.overview-plan.attention{border-color:color-mix(in srgb,var(--amber) 42%,var(--glass-border));}
.overview-connection-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;}
.overview-connection-card{position:relative;display:flex;flex-direction:column;min-height:123px;padding:16px 17px;text-decoration:none;border:1px solid var(--glass-border);border-radius:14px 14px 14px 4px;background:rgba(255,255,255,.022);color:var(--ink);overflow:hidden;transition:transform .24s var(--ease),border-color .24s ease,background-color .24s ease;}
.overview-connection-card::after{content:"↗";position:absolute;right:13px;top:11px;font:400 .82rem var(--font-mono);color:var(--ink-mute);opacity:.55;transition:color .2s ease,transform .2s var(--ease);}
.overview-connection-card:hover{transform:translateY(-2px);border-color:var(--glass-border-hi);background:rgba(255,255,255,.045);}
.overview-connection-card:hover::after{color:var(--amber);transform:translate(2px,-2px);}
.connection-platform{font:600 .65rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);}
.overview-connection-card strong{margin-top:12px;padding-right:20px;font-size:.98rem;line-height:1.2;}
.overview-connection-card small{margin-top:6px;max-width:31ch;font-size:.75rem;line-height:1.45;color:var(--ink-mute);}
.overview-connection-card.ready{border-color:color-mix(in srgb,var(--long) 28%,var(--glass-border));background:linear-gradient(135deg,color-mix(in srgb,var(--long) 8%,transparent),rgba(255,255,255,.02));}
.overview-connection-card.attention{border-color:color-mix(in srgb,var(--amber) 32%,var(--glass-border));background:linear-gradient(135deg,color-mix(in srgb,var(--amber) 7%,transparent),rgba(255,255,255,.02));}
.overview-connection-detail{margin-top:auto;padding-top:9px;font:400 .61rem/1.45 var(--font-mono);color:var(--ink-mute);border-top:1px solid var(--glass-border);}
.overview-alerts{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:13px;}
.overview-alert{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--amber) 34%,var(--glass-border));border-radius:9px 9px 9px 3px;background:color-mix(in srgb,var(--amber) 9%,transparent);color:var(--amber-2);font-size:.78rem;text-decoration:none;transition:background-color .18s ease,border-color .18s ease;}
.overview-alert:hover{border-color:var(--amber);background:color-mix(in srgb,var(--amber) 16%,transparent);}
.overview-alert span{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--amber);color:var(--amber-ink);font:700 .69rem/1 var(--font-mono);}
.overview-trial-action{position:relative;margin:13px 0 0;}
.overview-setup{display:flex;align-items:flex-end;gap:24px;padding:24px 27px;margin-bottom:18px;background:linear-gradient(135deg,rgba(255,165,61,.1),var(--glass));}
.overview-setup h2{margin-top:5px;font-size:1.12rem;}.overview-setup p{max-width:62ch;margin-top:8px;color:var(--ink-mute);font-size:.84rem;line-height:1.55;}
.overview-setup-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-left:auto;}
.overview-results{margin:26px 0 18px;}.overview-section-heading{margin:0 3px 13px;}.overview-section-heading p{max-width:38ch;color:var(--ink-mute);font-size:.78rem;text-align:right;line-height:1.45;}
.overview-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.overview-result-card{min-height:161px;padding:19px 20px 18px;overflow:hidden;}
.overview-result-card.live-result{border-color:color-mix(in srgb,var(--long) 29%,var(--glass-border));background:linear-gradient(145deg,color-mix(in srgb,var(--long) 9%,var(--glass-strong)),var(--glass));}
.overview-result-card.paper-result{border-color:color-mix(in srgb,var(--amber) 28%,var(--glass-border));background:linear-gradient(145deg,color-mix(in srgb,var(--amber) 8%,var(--glass-strong)),var(--glass));}
.overview-result-card.positions-result{background:linear-gradient(145deg,rgba(96,158,207,.08),var(--glass));}
.result-card-top,.balance-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}.overview-result-card .status-val{margin-top:24px;font-family:var(--font-display);font-size:1.65rem;letter-spacing:-.05em;}.overview-result-card .status-hint{margin-top:auto;padding-top:11px;}
.result-mode{display:inline-flex;align-items:center;min-height:21px;padding:3px 7px;border-radius:7px 7px 7px 2px;font:600 .6rem/1 var(--font-mono);letter-spacing:.09em;}.result-mode.live{color:var(--long);background:color-mix(in srgb,var(--long) 13%,transparent);}.result-mode.paper{color:var(--amber-2);background:color-mix(in srgb,var(--amber) 13%,transparent);}.result-mode.neutral{color:var(--ink-mute);background:rgba(255,255,255,.07);}
.overview-details{padding:0;margin:0 0 18px;overflow:hidden;}.overview-details summary{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;cursor:pointer;font-weight:700;list-style:none;}.overview-details summary::-webkit-details-marker{display:none;}.overview-details summary i{font:400 1.2rem/1 var(--font-mono);color:var(--amber);transition:transform .2s var(--ease);}.overview-details[open] summary{border-bottom:1px solid var(--glass-border);}.overview-details[open] summary i{transform:rotate(45deg);}.overview-details .status-grid{margin:14px;padding:0;grid-template-columns:repeat(3,minmax(0,1fr));}.overview-details .status-tile{padding:12px 13px;background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:11px 11px 11px 3px;}
.overview-balance{padding:25px 27px;margin-bottom:22px;}.balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.balance-card{min-height:196px;padding:19px 20px;border:1px solid var(--glass-border);border-radius:15px 15px 15px 4px;background:rgba(255,255,255,.022);}.live-balance-card{border-color:color-mix(in srgb,var(--long) 25%,var(--glass-border));background:linear-gradient(145deg,color-mix(in srgb,var(--long) 7%,transparent),rgba(255,255,255,.02));}.paper-balance-card{border-color:color-mix(in srgb,var(--amber) 25%,var(--glass-border));background:linear-gradient(145deg,color-mix(in srgb,var(--amber) 7%,transparent),rgba(255,255,255,.02));}.balance-card-head p{margin-top:5px;color:var(--ink-mute);font-size:.73rem;line-height:1.35;}.balance-value,.paper-equity{margin-top:24px;font:700 clamp(1.75rem,3vw,2.35rem)/1 var(--font-display);letter-spacing:-.055em;}.balance-value span,.paper-equity span{font:500 .75rem var(--font-mono);letter-spacing:0;color:var(--ink-mute);}.balance-period{margin-top:10px;color:var(--ink-mute);font-size:.79rem;line-height:1.45;}.balance-period>span:not(.money){font-size:.73rem;}.paper-balance-form{display:flex;align-items:flex-end;gap:9px;max-width:330px;margin-top:16px;}.paper-balance-form .field{flex:1;margin:0;}.paper-balance-form input{min-height:37px;padding:7px 9px;}.paper-balance-card .field-hint{margin-top:12px;line-height:1.45;}
@media (max-width:900px){.overview-connection-grid,.overview-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.overview-connection-card:last-child{grid-column:span 2;}.overview-details .status-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:640px){.overview-status-panel,.overview-balance{padding:20px 18px;}.overview-status-head{align-items:flex-start;flex-wrap:wrap;}.overview-plan{order:3;width:100%;min-width:0;margin:0;}.overview-status-head>.btn-ghost{margin-left:auto;}.overview-connection-grid,.overview-result-grid,.balance-grid,.overview-details .status-grid{grid-template-columns:1fr;}.overview-connection-card:last-child{grid-column:auto;}.overview-connection-card{min-height:112px;}.overview-section-heading{align-items:flex-start;flex-direction:column;gap:5px;margin:0 1px 12px;}.overview-section-heading p{text-align:left;}.overview-results{margin-top:22px;}.overview-result-card{min-height:142px;}.overview-setup{display:block;padding:21px 18px;}.overview-setup-actions{justify-content:flex-start;margin:17px 0 0;}.paper-balance-form{max-width:none;}.balance-card{min-height:0;}.overview-details .status-grid{margin:11px;}}