:root{
      --bg:#0b1020;
      --panel:#131d36;
      --panel-2:#1a2748;
      --line:#344773;
      --soft:#a5b7dd;
      --text:#f7f9ff;
      --green:#22c55e;
      --red:#ef4444;
      --yellow:#f59e0b;
      --blue:#3b82f6;
      --cyan:#06b6d4;
      --muted:#64748b;
      --shadow:0 14px 34px rgba(0,0,0,.34);
      --radius:18px;
    }

    * { box-sizing:border-box; }
    html,body { margin:0; padding:0; }

    body{
      font-family:Arial,Helvetica,sans-serif;
      background:linear-gradient(180deg,#08101d 0%, #0b1020 100%);
      color:var(--text);
      min-height:100vh;
    }

    .wrap{
      width:min(1440px, calc(100% - 24px));
      margin:0 auto;
      padding:14px 0 24px;
    }

    .topbar{
      display:grid;
      grid-template-columns:1fr auto;
      gap:16px;
      align-items:center;
      margin-bottom:16px;
      position:relative;
      overflow:hidden;
      padding:14px 16px;
      border:1px solid rgba(82,128,218,.56);
      border-radius:18px;
      background:
        radial-gradient(circle at 88% 16%, rgba(168,85,247,.12) 0%, rgba(10,16,30,0) 32%),
        radial-gradient(circle at 12% 100%, rgba(18,223,243,.10) 0%, rgba(10,16,30,0) 30%),
        linear-gradient(135deg, rgba(18,28,53,.94) 0%, rgba(8,15,31,.98) 58%, rgba(12,20,39,.96) 100%);
      box-shadow:
        0 22px 58px rgba(0,0,0,.26),
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -1px 0 rgba(76,141,255,.08);
    }

    .topbar::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(112deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 27%),
        linear-gradient(270deg, rgba(168,85,247,.12) 0%, rgba(168,85,247,0) 32%);
      opacity:.62;
    }

    .topbar::after{
      content:"";
      position:absolute;
      left:18px;
      right:18px;
      bottom:0;
      height:1px;
      pointer-events:none;
      background:linear-gradient(90deg, transparent, rgba(18,223,243,.58), rgba(168,85,247,.50), transparent);
    }

    .titlebox{
      position:relative;
      z-index:1;
      min-width:0;
    }

    .titlebox h1{
      margin:0 0 6px;
      font-size:28px;
      line-height:1.1;
      text-shadow:0 10px 26px rgba(76,141,255,.16);
    }

    .titlebox p{
      margin:0;
      color:var(--soft);
      font-size:14px;
    }

    .actions{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
      justify-content:flex-end;
    }

    .btn,
    .input{
      border:1px solid var(--line);
      background:var(--panel-2);
      color:var(--text);
      border-radius:12px;
      padding:11px 14px;
      font-size:14px;
    }

    .btn{
      --btn-node:#7db0ff;
      --btn-node-2:#22d3ee;
      position:relative;
      isolation:isolate;
      overflow:hidden;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      min-height:42px;
      cursor:pointer;
      font-weight:700;
      text-decoration:none;
      background:
        linear-gradient(180deg, rgba(42,58,102,.96), rgba(24,36,68,.96)),
        var(--panel-2);
      border-color:rgba(91,116,178,.78);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 10px 22px rgba(2,6,23,.18);
      transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
    }

    .btn::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:-1;
      background:
        linear-gradient(105deg, rgba(255,255,255,.14), rgba(255,255,255,0) 38%),
        radial-gradient(circle at 20% 0%, rgba(125,176,255,.24), transparent 34%);
      opacity:.18;
      transition:opacity .18s ease;
    }

    .btn:hover{
      transform:translateY(-1px);
      border-color:rgba(125,176,255,.92);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.11),
        0 14px 28px rgba(2,6,23,.25);
    }

    .btn:hover::before{ opacity:.44; }

    .btn:not(.icon-command)::after{
      content:"";
      order:-1;
      width:20px;
      height:20px;
      flex:0 0 20px;
      clip-path:polygon(50% 3%, 91% 26%, 91% 74%, 50% 97%, 9% 74%, 9% 26%);
      background:
        radial-gradient(circle at 29% 30%, rgba(255,255,255,.92) 0 1.4px, transparent 1.8px),
        radial-gradient(circle at 72% 31%, rgba(255,255,255,.82) 0 1.2px, transparent 1.7px),
        radial-gradient(circle at 50% 71%, rgba(255,255,255,.76) 0 1.5px, transparent 2px),
        linear-gradient(29deg, transparent 42%, rgba(255,255,255,.38) 43% 47%, transparent 48%),
        linear-gradient(149deg, transparent 42%, rgba(255,255,255,.30) 43% 47%, transparent 48%),
        linear-gradient(135deg, color-mix(in srgb, var(--btn-node) 86%, white 8%), color-mix(in srgb, var(--btn-node-2) 58%, #07101e 20%));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 8px 16px rgba(2,6,23,.20);
      transition:transform .18s ease, filter .18s ease;
    }

    .btn:hover:not(.icon-command)::after{
      transform:rotate(12deg) scale(1.04);
      filter:drop-shadow(0 0 8px color-mix(in srgb, var(--btn-node) 44%, transparent));
    }

    .btn:active{ transform:translateY(0); }

    .btn:focus-visible{
      outline:2px solid rgba(125,176,255,.86);
      outline-offset:2px;
    }

    .btn.primary{
      --btn-node:#eff6ff;
      --btn-node-2:#bfdbfe;
      background:
        linear-gradient(180deg, #60a5fa 0%, #2563eb 100%);
      border-color:rgba(147,197,253,.82);
      color:#ffffff;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 12px 28px rgba(59,130,246,.34);
    }

    .btn.ghost{
      --btn-node:#93c5fd;
      --btn-node-2:#22d3ee;
      background:rgba(255,255,255,.035);
      border-color:rgba(84,109,168,.68);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    }

    .input{
      min-width:120px;
      outline:none;
    }

    .statusbar{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:10px;
      margin-bottom:14px;
    }

    .stat{
      --stat-accent:#60a5fa;
      position:relative;
      overflow:hidden;
      min-height:42px;
      max-width:100%;
      display:inline-flex;
      align-items:center;
      gap:10px;
      background:
        linear-gradient(180deg, rgba(28,42,76,.78), rgba(13,22,43,.84));
      border:1px solid rgba(84,109,168,.7);
      border-radius:14px;
      padding:8px 12px 8px 10px;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 10px 20px rgba(2,6,23,.14);
      min-width:0;
    }

    .stat::after{
      content:"";
      position:absolute;
      left:42px;
      right:12px;
      bottom:6px;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, var(--stat-accent), transparent);
      opacity:.48;
    }

    .stat:first-child{
      flex:1 1 240px;
    }

    .stat::before{
      content:"";
      width:22px;
      height:22px;
      border-radius:8px;
      flex:0 0 auto;
      background:
        radial-gradient(circle at 35% 30%, rgba(255,255,255,.8), transparent 18%),
        linear-gradient(135deg, var(--stat-accent), rgba(255,255,255,.08));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.2),
        0 0 0 1px rgba(255,255,255,.06),
        0 8px 14px rgba(2,6,23,.22);
    }

    .stat:nth-child(1){ --stat-accent:#60a5fa; }
    .stat:nth-child(2){ --stat-accent:#22c55e; }
    .stat:nth-child(3){ --stat-accent:#06b6d4; }
    .stat:nth-child(4){ --stat-accent:#f59e0b; }
    .stat:nth-child(5){ --stat-accent:#a78bfa; }

    .stat .k{
      color:var(--soft);
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:.06em;
      margin:0;
      white-space:nowrap;
    }

    .stat .v{
      font-size:13px;
      font-weight:900;
      line-height:1.1;
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .notice{
      display:none;
      margin-bottom:16px;
      background:rgba(19,29,54,.94);
      border:1px solid var(--line);
      border-radius:14px;
      padding:12px 14px;
      color:var(--soft);
      font-size:14px;
    }

    .notice.show{ display:block; }

    .active-coin-float{
      display:none;
      position:sticky;
      top:6px;
      z-index:34;
      min-height:44px;
      margin:0 0 10px;
      padding:6px 8px;
      border:1px solid rgba(84,109,168,.72);
      border-radius:12px;
      background:rgba(9,16,31,.88);
      box-shadow:0 10px 26px rgba(0,0,0,.18);
      backdrop-filter:blur(14px);
      align-items:center;
      justify-content:space-between;
      gap:8px;
    }

    .active-coin-float.show{
      display:flex;
    }

    .active-coin-main{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
    }

    .asset-logo.active-coin-logo{
      width:30px;
      height:30px;
      box-shadow:none;
    }

    .active-coin-copy{
      display:grid;
      gap:2px;
      min-width:0;
    }

    .active-coin-copy strong{
      color:#fff;
      font-size:15px;
      line-height:1;
    }

    .active-coin-copy span{
      color:var(--soft);
      font-size:11px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      max-width:220px;
    }

    .active-coin-metrics{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:6px;
      min-width:0;
      flex:1 1 auto;
    }

    .active-coin-metrics span{
      min-width:72px;
      min-height:30px;
      display:grid;
      align-content:center;
      gap:1px;
      padding:3px 6px;
      border-radius:8px;
      background:rgba(255,255,255,.045);
      border:1px solid rgba(108,132,188,.28);
    }

    .active-coin-metrics small{
      color:rgba(207,220,255,.72);
      font-size:9px;
      text-transform:uppercase;
      font-weight:900;
    }

    .active-coin-metrics strong{
      color:#fff;
      font-size:12px;
      line-height:1.1;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .active-coin-open-list{
      flex:0 0 auto;
      min-height:30px;
    }

    .health-action-group{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:8px;
      flex-wrap:wrap;
    }

    @media (max-width: 820px){
      .active-coin-float{
        min-height:38px;
        padding:5px 6px;
        align-items:center;
        gap:6px;
      }
      .active-coin-float.show{
        display:grid;
        grid-template-columns:minmax(96px,.78fr) minmax(0,1.46fr) auto;
      }
      .active-coin-main{
        gap:7px;
      }
      .asset-logo.active-coin-logo{
        width:26px;
        height:26px;
      }
      .active-coin-copy strong{
        font-size:13px;
      }
      .active-coin-copy span{
        max-width:96px;
        font-size:10px;
      }
      .active-coin-metrics{
        width:auto;
        display:grid;
        grid-template-columns:repeat(4, minmax(0,1fr));
        gap:4px;
      }
      .active-coin-metrics span{
        min-width:0;
        min-height:28px;
        padding:3px 4px;
        border-radius:7px;
      }
      .active-coin-metrics small{
        font-size:8px;
      }
      .active-coin-metrics strong{
        font-size:10.5px;
      }
      .active-coin-open-list{
        min-height:28px;
        margin-left:0;
        padding:0 8px;
        font-size:11px;
      }
      .health-action-group{
        justify-content:flex-start;
      }
    }

    @media (max-width: 520px){
      .topbar{
        padding:12px;
        border-radius:16px;
      }
      .brand-row{
        gap:10px;
      }
      .header-bitcoin{
        width:38px;
        height:38px;
      }
      .blockchain-strip{
        right:-18px;
        bottom:-10px;
        width:190px;
        opacity:.28;
      }
      .blockchain-strip span{
        flex-basis:28px;
        height:15px;
        border-radius:5px;
      }
      .bitcoin-coin{
        inset:6px;
      }
      .bitcoin-mark{
        font-size:17px;
      }
      .active-coin-float.show{
        grid-template-columns:58px minmax(0,1fr) 38px;
        gap:5px;
      }
      .active-coin-main{
        gap:5px;
      }
      .asset-logo.active-coin-logo{
        width:22px;
        height:22px;
      }
      .active-coin-copy strong{
        font-size:12px;
      }
      .active-coin-copy span{
        display:none;
      }
      .active-coin-metrics{
        grid-template-columns:minmax(78px,1.12fr) minmax(68px,.92fr) minmax(78px,1.08fr);
        gap:5px;
      }
      .active-coin-metrics span{
        min-height:28px;
        padding:3px 5px;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:4px;
      }
      .active-coin-metrics span:nth-child(4){
        display:none;
      }
      .active-coin-metrics small{
        font-size:7.5px;
        line-height:1;
      }
      .active-coin-metrics strong{
        font-size:10.5px;
        line-height:1;
      }
      .active-coin-open-list{
        width:38px;
        padding:0;
        font-size:10px;
      }
      .watchlist-addbar{
        grid-template-columns:1fr 1fr;
      }
      .watchlist-addbar .btn{
        grid-column:1 / -1;
        width:100%;
      }
    }

    .system-health{
      position:relative;
      overflow:hidden;
      margin-bottom:16px;
      padding:16px;
      border-radius:16px;
      border:1px solid rgba(84,109,168,.78);
      background:
        linear-gradient(180deg, rgba(19,29,54,.9), rgba(10,17,33,.94));
      box-shadow:
        0 18px 42px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.06);
      display:grid;
      gap:12px;
    }

    .system-health::before{
      content:"";
      position:absolute;
      left:14px;
      right:14px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, transparent, rgba(96,165,250,.76), rgba(34,197,94,.56), transparent);
      opacity:.78;
    }

    .system-health.good{ border-color:rgba(34,197,94,.42); }
    .system-health.warn{ border-color:rgba(245,158,11,.46); }
    .system-health.bad{ border-color:rgba(239,68,68,.5); }

    .system-health-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
    }

    .system-health-title{
      font-size:15px;
      font-weight:900;
      color:#ffffff;
      margin-bottom:4px;
    }

    .system-health-sub{
      color:var(--soft);
      font-size:13px;
    }

      .system-health-grid{
        display:grid;
        grid-template-columns:repeat(4, minmax(0,1fr));
        gap:10px;
      }

    .system-health-card{
      position:relative;
      overflow:hidden;
      border:1px solid rgba(84,109,168,.68);
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      border-radius:12px;
      padding:12px;
      display:grid;
      gap:8px;
      min-width:0;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 10px 20px rgba(2,6,23,.12);
    }

    .system-health-card::before{
      content:"";
      position:absolute;
      inset:0 auto 0 0;
      width:3px;
      background:rgba(96,165,250,.58);
    }

    .system-health-card.good{ border-color:rgba(34,197,94,.34); }
    .system-health-card.good::before{ background:#22c55e; }
    .system-health-card.warn{ border-color:rgba(245,158,11,.4); }
    .system-health-card.warn::before{ background:#f59e0b; }
    .system-health-card.bad{ border-color:rgba(239,68,68,.46); }
    .system-health-card.bad::before{ background:#ef4444; }

    .system-card-top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
    }

    .system-card-top strong{
      color:#ffffff;
      font-size:13px;
    }

    .system-card-top span{
      font-size:11px;
      font-weight:900;
      color:var(--soft);
      text-transform:uppercase;
    }

    .system-card-lines{
      display:grid;
      gap:4px;
      color:#dbe6ff;
      font-size:12px;
      line-height:1.35;
      overflow-wrap:anywhere;
    }

    .system-log{
      border-top:1px solid rgba(69,92,145,.46);
      padding-top:10px;
    }

    .system-log summary{
      cursor:pointer;
      color:#dbe6ff;
      font-size:12px;
      font-weight:900;
      text-transform:uppercase;
    }

    .system-log pre{
      margin:10px 0 0;
      max-height:220px;
      overflow:auto;
      white-space:pre-wrap;
      border:1px solid rgba(69,92,145,.72);
      border-radius:12px;
      background:rgba(8,16,29,.72);
      color:#dbe6ff;
      padding:12px;
      font-size:12px;
      line-height:1.45;
    }

    .score-health{
      display:none;
      margin-bottom:16px;
      background:rgba(19,29,54,.94);
      border:1px solid var(--line);
      border-radius:16px;
      padding:14px 16px;
      box-shadow:var(--shadow);
    }

    .score-health.show{ display:block; }
    .score-health-top{ display:flex; justify-content:space-between; gap:12px; align-items:center; flex-wrap:wrap; }
    .score-health-title{ font-size:16px; font-weight:800; }
    .score-health-sub{ color:var(--soft); font-size:13px; margin-top:4px; }
    .score-health-badge{ display:inline-flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:999px; padding:7px 10px; font-size:12px; font-weight:700; }
    .score-health-badge.good{ color:#86efac; background:rgba(34,197,94,.14); border-color:rgba(34,197,94,.32); }
    .score-health-badge.warn{ color:#fde68a; background:rgba(245,158,11,.14); border-color:rgba(245,158,11,.32); }
    .score-health-badge.bad{ color:#fca5a5; background:rgba(239,68,68,.14); border-color:rgba(239,68,68,.32); }
    .score-health-text{ margin-top:10px; color:#dfe8fb; font-size:14px; line-height:1.5; }

    .brand-row{
      display:flex;
      align-items:center;
      gap:14px;
      position:relative;
      z-index:2;
    }

    .brand-copy{
      min-width:0;
    }

    .brand-eyebrow{
      margin:0 0 5px;
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:#9cecff;
      font-size:11px;
      font-weight:900;
      letter-spacing:.12em;
      line-height:1;
      text-transform:uppercase;
    }

    .brand-eyebrow::before{
      content:"";
      width:18px;
      height:18px;
      border-radius:50%;
      background:
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.95) 0 2px, transparent 2.4px),
        conic-gradient(from 40deg, #12dff3, #a855f7, #1c8dff, #12dff3);
      box-shadow:0 0 18px rgba(18,223,243,.26);
    }

    .topbar .brand-copy h1{
      display:inline-block;
      background:linear-gradient(90deg, #f7fbff 0%, #bdf8ff 46%, #caa6ff 100%);
      -webkit-background-clip:text;
      background-clip:text;
      -webkit-text-fill-color:transparent;
      text-shadow:none;
    }

    .topbar .brand-copy > p:not(.brand-eyebrow){
      color:#b9c8e8;
    }

    .blockchain-strip{
      position:absolute;
      right:8px;
      bottom:-14px;
      z-index:0;
      width:min(390px, 48vw);
      height:42px;
      display:flex;
      align-items:center;
      justify-content:flex-end;
      pointer-events:none;
      opacity:.46;
      transform:rotate(-4deg);
      -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 22%, #000 100%);
      mask-image:linear-gradient(90deg, transparent 0%, #000 22%, #000 100%);
    }

    .blockchain-strip::before{
      content:"";
      position:absolute;
      inset:-12px 0 -18px;
      background:
        radial-gradient(circle at 78% 42%, rgba(255,184,77,.18), transparent 36%),
        radial-gradient(circle at 58% 52%, rgba(76,141,255,.16), transparent 38%);
      filter:blur(12px);
    }

    .blockchain-strip span{
      position:relative;
      flex:0 0 34px;
      height:18px;
      margin-left:-5px;
      border:1px solid rgba(132,164,237,.36);
      border-radius:6px;
      background:
        linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,0) 44%),
        linear-gradient(135deg, rgba(21,35,66,.94), rgba(9,18,36,.86));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 0 18px rgba(76,141,255,.13);
      transform:rotate(-16deg);
      animation:blockchainGlow 6.4s ease-in-out infinite;
    }

    .blockchain-strip span:nth-child(even){
      transform:rotate(16deg);
      border-color:rgba(255,184,77,.30);
      animation-delay:-2.1s;
    }

    .blockchain-strip span::after{
      content:"";
      position:absolute;
      top:50%;
      right:-11px;
      width:13px;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(132,164,237,.44), rgba(255,184,77,.34));
      transform:translateY(-50%);
      box-shadow:0 0 10px rgba(122,162,255,.25);
    }

    .blockchain-strip span:last-child::after{
      display:none;
    }

    .header-bitcoin{
      width:46px;
      height:46px;
      position:relative;
      flex:0 0 auto;
      display:grid;
      place-items:center;
      perspective:620px;
      filter:drop-shadow(0 14px 18px rgba(0,0,0,.28));
    }

    .header-bitcoin::before{
      content:"";
      position:absolute;
      inset:6px;
      border-radius:50%;
      background:rgba(255,184,77,.18);
      filter:blur(12px);
      transform:translateY(8px) scaleX(1.24);
    }

    .bitcoin-orbit{
      position:absolute;
      inset:1px;
      border-radius:50%;
      border:1px solid rgba(255,215,122,.32);
      border-left-color:rgba(76,141,255,.08);
      border-bottom-color:rgba(76,141,255,.16);
      animation:bitcoinOrbit 7s linear infinite;
    }

    .bitcoin-orbit::after{
      content:"";
      position:absolute;
      width:5px;
      height:5px;
      border-radius:50%;
      right:5px;
      top:6px;
      background:#ffd66b;
      box-shadow:0 0 12px rgba(255,214,107,.85);
    }

    .bitcoin-coin{
      position:absolute;
      inset:7px;
      border-radius:50%;
      transform-style:preserve-3d;
      animation:bitcoinSpin 4.8s linear infinite;
    }

    .bitcoin-face{
      position:absolute;
      inset:0;
      border-radius:50%;
      display:grid;
      place-items:center;
      backface-visibility:hidden;
      background:
        linear-gradient(135deg, #fff3b0 0%, #f6b02d 31%, #c77512 67%, #ffe38a 100%);
      border:1px solid rgba(255,238,177,.76);
      box-shadow:
        inset 0 2px 5px rgba(255,255,255,.46),
        inset 0 -5px 10px rgba(110,57,0,.42),
        0 8px 18px rgba(245,158,11,.25);
    }

    .bitcoin-face::after{
      content:"";
      position:absolute;
      inset:5px;
      border-radius:50%;
      border:1px solid rgba(121,68,0,.34);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
    }

    .bitcoin-back{
      transform:rotateY(180deg);
      filter:saturate(.92) brightness(.92);
    }

    .bitcoin-mark{
      position:relative;
      z-index:1;
      color:#fff8c9;
      font-weight:950;
      font-size:21px;
      font-family:Arial Black, Arial, Helvetica, sans-serif;
      line-height:1;
      text-shadow:0 2px 0 rgba(96,47,0,.55);
    }

    .bitcoin-mark::before,
    .bitcoin-mark::after{
      content:"";
      position:absolute;
      top:-3px;
      bottom:-3px;
      width:2px;
      border-radius:2px;
      background:#fff4b2;
      box-shadow:0 1px 0 rgba(93,46,0,.5);
      z-index:-1;
    }

    .bitcoin-mark::before{ left:4px; }
    .bitcoin-mark::after{ right:2px; }

    @keyframes bitcoinSpin{
      0%{ transform:rotateY(0deg) rotateZ(-8deg); }
      100%{ transform:rotateY(360deg) rotateZ(-8deg); }
    }

    @keyframes bitcoinOrbit{
      0%{ transform:rotateZ(0deg); }
      100%{ transform:rotateZ(360deg); }
    }

    @keyframes blockchainGlow{
      0%, 100%{
        opacity:.58;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 0 14px rgba(76,141,255,.10);
      }
      50%{
        opacity:.92;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.15), 0 0 24px rgba(255,184,77,.16);
      }
    }

    @media (prefers-reduced-motion: reduce){
      .bitcoin-coin,
      .bitcoin-orbit,
      .blockchain-strip span{
        animation:none;
      }
    }

    .app-nav{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      margin:-4px 0 16px;
      padding:8px;
      border:1px solid rgba(79,104,165,.74);
      border-radius:18px;
      background:
        linear-gradient(180deg, rgba(18,28,53,.84), rgba(10,17,33,.86)),
        rgba(19,29,54,.72);
      box-shadow:
        0 18px 42px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.07);
    }

    .app-nav a{
      --nav-accent:#60a5fa;
      --nav-accent-soft:rgba(96,165,250,.2);
      position:relative;
      isolation:isolate;
      overflow:hidden;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      min-height:44px;
      padding:8px 14px 8px 10px;
      border-radius:13px;
      border:1px solid rgba(84,109,168,.34);
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      color:#dce7ff;
      text-decoration:none;
      font-size:13px;
      font-weight:900;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
      transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
    }

    .app-nav a::before{
      content:"";
      width:26px;
      height:26px;
      border-radius:0;
      clip-path:polygon(50% 3%, 91% 26%, 91% 74%, 50% 97%, 9% 74%, 9% 26%);
      flex:0 0 auto;
      background:
        radial-gradient(circle at 29% 30%, rgba(255,255,255,.95) 0 1.8px, transparent 2.2px),
        radial-gradient(circle at 72% 31%, rgba(255,255,255,.82) 0 1.5px, transparent 2px),
        radial-gradient(circle at 50% 72%, rgba(255,255,255,.78) 0 1.8px, transparent 2.3px),
        linear-gradient(29deg, transparent 42%, rgba(255,255,255,.38) 43% 47%, transparent 48%),
        linear-gradient(149deg, transparent 42%, rgba(255,255,255,.30) 43% 47%, transparent 48%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 88%, white 6%), rgba(8,16,31,.58));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.22),
        0 8px 16px rgba(2,6,23,.20),
        0 0 0 1px rgba(255,255,255,.06);
      transition:transform .18s ease, filter .18s ease;
    }

    .app-nav a::after{
      content:"";
      position:absolute;
      left:48px;
      right:14px;
      bottom:7px;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, var(--nav-accent), transparent);
      opacity:0;
      transform:scaleX(.45);
      transform-origin:left;
      transition:opacity .18s ease, transform .18s ease;
    }

    .app-nav a[data-page-link="radar"]{ --nav-accent:#60a5fa; --nav-accent-soft:rgba(96,165,250,.20); }
    .app-nav a[data-page-link="spot"]{ --nav-accent:#22c55e; --nav-accent-soft:rgba(34,197,94,.18); }
    .app-nav a[data-page-link="trading"]{ --nav-accent:#f59e0b; --nav-accent-soft:rgba(245,158,11,.18); }
    .app-nav a[data-page-link="monitoring"]{ --nav-accent:#06b6d4; --nav-accent-soft:rgba(6,182,212,.18); }
    .app-nav a[data-page-link="scoring"]{ --nav-accent:#eab308; --nav-accent-soft:rgba(234,179,8,.18); }

    .app-nav a[data-page-link="radar"]::before{
      background:
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.96) 0 1.6px, transparent 2.1px),
        radial-gradient(circle at 29% 31%, rgba(255,255,255,.82) 0 1.2px, transparent 1.7px),
        radial-gradient(circle at 72% 34%, rgba(255,255,255,.76) 0 1.2px, transparent 1.7px),
        radial-gradient(circle at 50% 72%, rgba(255,255,255,.70) 0 1.3px, transparent 1.8px),
        conic-gradient(from 45deg, transparent 0 17%, rgba(255,255,255,.30) 18% 21%, transparent 22% 47%, rgba(255,255,255,.24) 48% 51%, transparent 52% 77%, rgba(255,255,255,.22) 78% 81%, transparent 82%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 88%, white 8%), rgba(8,16,31,.58));
    }

    .app-nav a[data-page-link="spot"]::before{
      background:
        radial-gradient(circle at 28% 32%, rgba(255,255,255,.92) 0 1.7px, transparent 2.2px),
        radial-gradient(circle at 72% 31%, rgba(255,255,255,.80) 0 1.3px, transparent 1.8px),
        radial-gradient(circle at 49% 72%, rgba(255,255,255,.78) 0 1.7px, transparent 2.2px),
        linear-gradient(32deg, transparent 42%, rgba(255,255,255,.35) 43% 48%, transparent 49%),
        linear-gradient(150deg, transparent 42%, rgba(255,255,255,.28) 43% 48%, transparent 49%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 84%, white 8%), rgba(20,184,166,.46));
    }

    .app-nav a[data-page-link="trading"]::before{
      background:
        radial-gradient(circle at 28% 69%, rgba(255,255,255,.86) 0 1.4px, transparent 1.9px),
        radial-gradient(circle at 50% 28%, rgba(255,255,255,.92) 0 1.5px, transparent 2px),
        radial-gradient(circle at 73% 62%, rgba(255,255,255,.78) 0 1.4px, transparent 1.9px),
        linear-gradient(118deg, transparent 40%, rgba(255,255,255,.36) 41% 46%, transparent 47%),
        linear-gradient(62deg, transparent 44%, rgba(255,255,255,.28) 45% 50%, transparent 51%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 84%, white 8%), rgba(239,68,68,.48));
    }

    .app-nav a[data-page-link="monitoring"]::before{
      background:
        radial-gradient(circle at 25% 52%, rgba(255,255,255,.88) 0 1.4px, transparent 1.9px),
        radial-gradient(circle at 50% 35%, rgba(255,255,255,.92) 0 1.5px, transparent 2px),
        radial-gradient(circle at 75% 56%, rgba(255,255,255,.78) 0 1.4px, transparent 1.9px),
        linear-gradient(90deg, transparent 21%, rgba(255,255,255,.34) 22% 28%, transparent 29% 45%, rgba(255,255,255,.28) 46% 53%, transparent 54% 71%, rgba(255,255,255,.24) 72% 78%, transparent 79%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 86%, white 8%), rgba(122,162,255,.44));
    }

    .app-nav a[data-page-link="scoring"]::before{
      background:
        radial-gradient(circle at 31% 30%, rgba(255,255,255,.90) 0 1.3px, transparent 1.8px),
        radial-gradient(circle at 70% 30%, rgba(255,255,255,.82) 0 1.3px, transparent 1.8px),
        radial-gradient(circle at 31% 70%, rgba(255,255,255,.76) 0 1.3px, transparent 1.8px),
        radial-gradient(circle at 70% 70%, rgba(255,255,255,.70) 0 1.3px, transparent 1.8px),
        linear-gradient(90deg, transparent 46%, rgba(255,255,255,.28) 47% 53%, transparent 54%),
        linear-gradient(0deg, transparent 46%, rgba(255,255,255,.25) 47% 53%, transparent 54%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 88%, white 8%), rgba(245,158,11,.46));
    }

    .app-nav a:hover{
      color:#ffffff;
      background:
        linear-gradient(180deg, var(--nav-accent-soft), rgba(255,255,255,.035));
      border-color:color-mix(in srgb, var(--nav-accent) 62%, white 16%);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        0 12px 22px rgba(2,6,23,.22);
      transform:translateY(-1px);
    }

    .app-nav a:hover::after{ opacity:.82; transform:scaleX(1); }

    .app-nav a:hover::before{
      transform:rotate(10deg) scale(1.05);
      filter:drop-shadow(0 0 10px color-mix(in srgb, var(--nav-accent) 50%, transparent));
    }

    .app-nav a:focus-visible{
      outline:2px solid color-mix(in srgb, var(--nav-accent) 70%, white 18%);
      outline-offset:2px;
    }

    body[data-page="radar"] .app-nav a[data-page-link="radar"],
    body[data-page="spot"] .app-nav a[data-page-link="spot"],
    body[data-page="trading"] .app-nav a[data-page-link="trading"],
    body[data-page="monitoring"] .app-nav a[data-page-link="monitoring"],
    body[data-page="scoring"] .app-nav a[data-page-link="scoring"]{
      color:#ffffff;
      background:
        linear-gradient(180deg, var(--nav-accent-soft), rgba(255,255,255,.055));
      border-color:color-mix(in srgb, var(--nav-accent) 70%, white 14%);
      box-shadow:
        0 0 0 1px color-mix(in srgb, var(--nav-accent) 38%, transparent) inset,
        0 12px 24px rgba(2,6,23,.24);
    }

    body[data-page="radar"] .app-nav a[data-page-link="radar"]::after,
    body[data-page="spot"] .app-nav a[data-page-link="spot"]::after,
    body[data-page="trading"] .app-nav a[data-page-link="trading"]::after,
    body[data-page="monitoring"] .app-nav a[data-page-link="monitoring"]::after,
    body[data-page="scoring"] .app-nav a[data-page-link="scoring"]::after{
      opacity:1;
      transform:scaleX(1);
    }

    .layout{
      display:block;
      min-width:0;
    }

    .layout > *{
      min-width:0;
      width:100%;
    }

    .layout.watchlist-collapsed{ grid-template-columns:1fr; }

    .sidebar.is-collapsed .watchlist{
      display:none;
    }

    .bottom-actions{
      margin-top:16px;
      padding:16px;
    }

    .bottom-actions.utility-dock{
      padding:8px;
      display:grid;
      gap:8px;
      background:rgba(12,20,38,.76);
      border-color:rgba(69,92,145,.5);
      box-shadow:0 10px 28px rgba(2,6,23,.16);
    }

    .bottom-actions.is-compact{
      display:flex;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
      align-items:center;
    }

    .actions.actions-bottom{
      justify-content:flex-start;
    }

    .dock-section{
      border:1px solid rgba(69,92,145,.54);
      border-radius:10px;
      background:rgba(255,255,255,.025);
      overflow:hidden;
      position:relative;
    }

    .dock-section[open]{
      background:rgba(255,255,255,.035);
      border-color:rgba(94,120,180,.68);
    }

    .dock-section.live-ai-dock,
    .dock-section.cron-dock{
      background:
        linear-gradient(118deg, rgba(18,28,52,.88), rgba(7,14,28,.82)),
        repeating-linear-gradient(90deg, rgba(125,176,255,.10) 0 1px, transparent 1px 22px);
    }

    .dock-section.live-ai-dock::before,
    .dock-section.cron-dock::before{
      content:"";
      position:absolute;
      inset:0 auto 0 0;
      width:3px;
      background:linear-gradient(180deg, rgba(34,211,238,.80), rgba(125,176,255,.30), rgba(34,197,94,.54));
      opacity:.82;
    }

    .dock-summary{
      min-height:42px;
      padding:7px 10px;
      display:flex;
      align-items:center;
      gap:10px;
      cursor:pointer;
      list-style:none;
      user-select:none;
    }

    .dock-summary::-webkit-details-marker{
      display:none;
    }

    .dock-summary::after{
      content:"";
      width:8px;
      height:8px;
      border-right:2px solid rgba(219,230,255,.72);
      border-bottom:2px solid rgba(219,230,255,.72);
      transform:rotate(45deg);
      margin-left:auto;
      transition:transform .18s ease;
    }

    .dock-section[open] .dock-summary::after{
      transform:rotate(225deg);
    }

    .dock-icon{
      width:28px;
      height:28px;
      border-radius:0;
      clip-path:polygon(50% 3%, 91% 26%, 91% 74%, 50% 97%, 9% 74%, 9% 26%);
      border:1px solid rgba(84,109,168,.58);
      background:
        radial-gradient(circle at 29% 30%, rgba(255,255,255,.88) 0 1.4px, transparent 1.9px),
        radial-gradient(circle at 72% 31%, rgba(255,255,255,.72) 0 1.2px, transparent 1.7px),
        radial-gradient(circle at 50% 72%, rgba(255,255,255,.66) 0 1.4px, transparent 1.9px),
        linear-gradient(29deg, transparent 42%, rgba(255,255,255,.30) 43% 47%, transparent 48%),
        linear-gradient(149deg, transparent 42%, rgba(255,255,255,.24) 43% 47%, transparent 48%),
        linear-gradient(135deg, rgba(96,165,250,.70), rgba(12,20,39,.68));
      color:#dbe6ff;
      display:grid;
      place-items:center;
      flex:0 0 auto;
    }

    .dock-icon svg,
    .icon-command svg{
      width:16px;
      height:16px;
      fill:none;
      stroke:currentColor;
      stroke-width:2;
      stroke-linecap:round;
      stroke-linejoin:round;
    }

    .dock-copy{
      min-width:0;
      display:grid;
      gap:1px;
    }

    .dock-copy strong{
      color:#ffffff;
      font-size:13px;
      line-height:1.2;
    }

    .dock-copy small{
      color:var(--soft);
      font-size:12px;
      line-height:1.3;
      font-weight:700;
    }

    .compact-actions{
      padding:0 10px 10px;
      gap:8px;
    }

    .icon-command{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:7px;
      min-width:36px;
      min-height:36px;
      border:1px solid rgba(108,132,188,.54);
      border-radius:10px;
      background:
        linear-gradient(180deg, rgba(42,58,102,.92), rgba(18,28,53,.94));
      color:#dbeafe;
      cursor:pointer;
      padding:8px 10px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
      transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
    }

    .icon-command:hover{
      transform:translateY(-1px);
      border-color:rgba(125,176,255,.68);
      background:
        linear-gradient(180deg, rgba(55,75,128,.96), rgba(22,35,68,.96));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 10px 20px rgba(2,6,23,.22);
    }

    .icon-command span[aria-hidden="true"]{
      display:inline-grid;
      place-items:center;
      width:24px;
      height:24px;
      flex:0 0 24px;
      clip-path:polygon(50% 3%, 91% 26%, 91% 74%, 50% 97%, 9% 74%, 9% 26%);
      background:
        radial-gradient(circle at 30% 30%, rgba(255,255,255,.86) 0 1.3px, transparent 1.8px),
        radial-gradient(circle at 71% 32%, rgba(255,255,255,.68) 0 1.1px, transparent 1.6px),
        radial-gradient(circle at 50% 72%, rgba(255,255,255,.64) 0 1.3px, transparent 1.8px),
        linear-gradient(30deg, transparent 42%, rgba(255,255,255,.30) 43% 47%, transparent 48%),
        linear-gradient(150deg, transparent 42%, rgba(255,255,255,.24) 43% 47%, transparent 48%),
        linear-gradient(135deg, rgba(125,176,255,.74), rgba(6,182,212,.44));
      color:currentColor;
      box-shadow:0 7px 14px rgba(2,6,23,.16);
      transition:transform .18s ease, filter .18s ease;
    }

    .icon-command:hover span[aria-hidden="true"]{
      transform:rotate(10deg) scale(1.04);
      filter:drop-shadow(0 0 8px rgba(125,176,255,.32));
    }

    .hidden-config-panel{
      margin-top:0;
      display:grid;
      gap:10px;
      padding:0 10px 10px;
    }

    .hidden-config-panel + .hidden-config-panel{
      margin-top:12px;
    }

    .live-ai-panel{
      flex:1 1 100%;
      width:100%;
    }

    .hidden-config-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
    }

    .hidden-config-head strong{
      font-size:14px;
      color:#ffffff;
    }

    .hidden-config-head span{
      color:var(--soft);
      font-size:12px;
      font-weight:800;
      text-transform:uppercase;
    }

    .hidden-config-grid{
      display:grid;
      grid-template-columns:repeat(4, minmax(150px, 1fr));
      gap:10px;
      align-items:stretch;
    }

    .hidden-config-grid.live-ai-config-grid{
      grid-template-columns:repeat(4, minmax(150px, 1fr));
    }

    .hidden-config-grid.cron-config-grid{
      grid-template-columns:repeat(4, minmax(150px, 1fr));
    }

    .hidden-toggle,
    .hidden-field{
      min-height:44px;
      border:1px solid rgba(69,92,145,.72);
      background:rgba(255,255,255,.025);
      border-radius:12px;
      padding:9px 10px;
      display:flex;
      align-items:flex-start;
      gap:8px;
      color:#dbe6ff;
      font-size:12px;
      font-weight:800;
    }

    .hidden-toggle input{
      margin-top:3px;
    }

    .hidden-toggle.live-ai-toggle-info{
      align-items:center;
    }

    .hidden-toggle.live-ai-toggle-info input{
      margin-top:0;
    }

    .hidden-toggle.live-ai-toggle-info > span:not(.info-wrap){
      min-width:0;
      flex:1 1 auto;
      color:var(--soft);
      font-size:11px;
      text-transform:uppercase;
    }

    .hidden-toggle.live-ai-toggle-info .info-wrap{
      margin-left:auto;
      flex:0 0 auto;
    }

    .hidden-toggle.live-ai-toggle-info .info-toggle{
      width:22px;
      height:22px;
      font-size:12px;
    }

    .hidden-toggle-copy{
      min-width:0;
      display:grid;
      gap:4px;
    }

    .hidden-field{
      display:grid;
      grid-template-columns:1fr;
      gap:5px;
      align-items:start;
      min-height:88px;
    }

    .hidden-field span,
    .hidden-toggle-copy > span{
      color:var(--soft);
      font-size:11px;
      text-transform:uppercase;
    }

    .field-hint{
      color:rgba(207,220,255,.72);
      font-size:11px;
      font-weight:700;
      line-height:1.35;
      text-transform:none;
    }

    .field-label-with-info{
      display:inline-flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      width:100%;
      min-width:0;
    }

    .field-label-with-info > span:first-child{
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .cron-preset-tile{
      min-height:88px;
      border:1px solid rgba(69,92,145,.72);
      background:
        linear-gradient(180deg, rgba(34,211,238,.070), rgba(255,255,255,.024));
      border-radius:12px;
      padding:9px 10px;
      display:grid;
      gap:8px;
      align-content:start;
    }

    .cron-preset-row{
      display:grid;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:7px;
    }

    .cron-preset-btn{
      min-height:30px;
      padding:0 8px;
      font-size:11px;
    }

    .cron-preset-btn.active{
      border-color:rgba(34,211,238,.72);
      color:#e8fbff;
      background:
        linear-gradient(180deg, rgba(34,211,238,.20), rgba(59,130,246,.12));
      box-shadow:0 0 0 1px rgba(125,211,252,.20) inset;
    }

    .control-save-btn{
      min-height:48px;
      align-self:stretch;
    }

    .hidden-number{
      min-width:0;
      width:100%;
      padding:8px 9px;
      border-radius:9px;
    }

    .setup-overview-box{
      margin-top:18px;
      padding:14px;
      border-radius:16px;
      border:1px solid rgba(34,197,94,.18);
      background:linear-gradient(180deg, rgba(34,197,94,.10), rgba(16,23,37,.88));
    }

    .setup-overview-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin-bottom:10px;
      flex-wrap:wrap;
    }

    .setup-overview-head strong{
      font-size:14px;
      letter-spacing:.02em;
    }

    .setup-overview-list{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
    }

    .setup-overview-item{
      display:flex;
      align-items:center;
      gap:8px;
      padding:10px 12px;
      border-radius:14px;
      border:1px solid var(--line);
      background:rgba(12,18,30,.78);
      color:var(--text);
      text-decoration:none;
      transition:transform .18s ease, border-color .18s ease, background .18s ease;
    }

    .setup-overview-item:hover{
      transform:translateY(-1px);
      border-color:rgba(34,197,94,.4);
      background:rgba(16,23,37,.96);
    }

    .setup-overview-item.short-setup{
      border-color:rgba(239,68,68,.28);
      background:linear-gradient(180deg, rgba(239,68,68,.12), rgba(12,18,30,.84));
    }

    .setup-overview-item.short-setup:hover{
      border-color:rgba(239,68,68,.44);
      background:linear-gradient(180deg, rgba(239,68,68,.16), rgba(16,23,37,.96));
    }

    .setup-overview-item strong{
      font-size:14px;
    }

    .setup-overview-meta{
      color:var(--soft);
      font-size:12px;
    }

    .panel{
      background:
        linear-gradient(180deg, rgba(21,32,59,.96), rgba(13,22,42,.97));
      border:1px solid rgba(84,109,168,.72);
      border-radius:var(--radius);
      box-shadow:
        0 18px 42px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.06);
      min-width:0;
    }

    .sidebar{
      position:fixed;
      top:10px;
      right:10px;
      bottom:10px;
      width:min(430px, calc(100vw - 20px));
      padding:12px;
      z-index:80;
      overflow:hidden;
      border-radius:16px;
      background:rgba(12,20,38,.96);
      box-shadow:0 24px 70px rgba(0,0,0,.42);
      backdrop-filter:blur(16px);
      transform:translateX(0);
      opacity:1;
      transition:transform .22s ease, opacity .18s ease;
    }

    .sidebar.is-collapsed{
      transform:translateX(calc(100% + 22px));
      opacity:0;
      pointer-events:none;
    }

    .panel-head{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      flex-wrap:wrap;
      margin-bottom:12px;
      min-width:0;
    }

    .panel-head h2,
    .panel-head h3{
      margin:0;
      font-size:18px;
      min-width:0;
    }

    #tab-market .panel-head h3,
    #tab-market .section-title{
      color:#dfeaff;
    }

    #tab-flow .panel-head h3,
    #tab-flow .section-title{
      color:#ede7ff;
    }

    #tab-elliott .panel-head h3,
    #tab-elliott .section-title{
      color:#ffe6b0;
    }

    #tab-fib .panel-head h3,
    #tab-fib .section-title{
      color:#e7e8ff;
    }

    #tab-spot_setup .panel-head h3,
    #tab-spot_setup .section-title{
      color:#dbf8e6;
    }

    #tab-trading_setup .panel-head h3,
    #tab-trading_setup .section-title{
      color:#ffd9d9;
    }

    .small{
      font-size:12px;
      color:var(--soft);
    }

    .panel-meta{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }

    .sidebar .panel-head{
      display:grid;
      grid-template-columns:1fr auto;
      align-items:start;
      gap:10px;
    }

    .sidebar .panel-head h2{
      align-self:center;
    }

    .watchlist-addbar{
      grid-column:1 / -1;
      display:grid;
      grid-template-columns:minmax(0,1fr) 122px auto;
      gap:8px;
      width:100%;
      align-items:center;
    }

    .watchlist-addbar .input{
      min-width:0;
      width:100%;
      padding:9px 10px;
      border-radius:10px;
    }

    .watchlist-addbar .btn{
      min-height:40px;
      white-space:nowrap;
    }

    .sidebar-toggle{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:9px 12px;
      border-radius:12px;
      border:1px solid var(--line);
      background:var(--panel-2);
      color:var(--text);
      font-size:13px;
      font-weight:700;
      cursor:pointer;
    }

    .watchlist{
      display:grid;
      gap:10px;
      max-height:calc(100vh - 168px);
      overflow:auto;
      padding-right:2px;
      scrollbar-width:thin;
    }

    .sidebar .asset-section-tabs{
      grid-template-columns:repeat(3, minmax(0,1fr));
    }

    .sidebar .watchlist-toolbar{
      padding:8px 10px;
      border-radius:12px;
    }

    .sidebar .coin-card{
      border-radius:12px;
      padding:10px;
    }

    .sidebar .coin-card .chip-row{
      gap:6px;
    }

    .sidebar .coin-card .chip{
      padding:5px 7px;
      font-size:11px;
    }

    .sidebar .coin-card .scoreline{
      margin-top:8px;
    }

    .sidebar .card-actions{
      padding-top:8px;
      margin-top:8px;
    }

    .sidebar .coin-right strong{
      font-size:17px;
    }

    .asset-section-tabs{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:8px;
    }

    .asset-section-btn{
      position:relative;
      min-width:0;
      border:1px solid rgba(69,92,145,.84);
      background:rgba(255,255,255,.035);
      color:var(--text);
      border-radius:12px;
      padding:9px 10px 9px 36px;
      cursor:pointer;
      display:grid;
      gap:3px;
      text-align:left;
      transition:.18s ease;
    }

    .asset-section-btn::before{
      content:"";
      position:absolute;
      left:10px;
      top:50%;
      width:18px;
      height:18px;
      transform:translateY(-50%);
      clip-path:polygon(50% 4%, 91% 27%, 91% 73%, 50% 96%, 9% 73%, 9% 27%);
      background:
        radial-gradient(circle at 30% 31%, rgba(255,255,255,.92) 0 1.2px, transparent 1.7px),
        radial-gradient(circle at 70% 32%, rgba(255,255,255,.76) 0 1px, transparent 1.5px),
        radial-gradient(circle at 50% 70%, rgba(255,255,255,.72) 0 1.2px, transparent 1.7px),
        linear-gradient(31deg, transparent 42%, rgba(255,255,255,.32) 43% 48%, transparent 49%),
        linear-gradient(149deg, transparent 42%, rgba(255,255,255,.28) 43% 48%, transparent 49%),
        linear-gradient(135deg, rgba(34,197,94,.78), rgba(96,165,250,.60));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.20), 0 6px 14px rgba(37,99,235,.14);
      transition:transform .16s ease, filter .16s ease;
    }

    .asset-section-btn:hover::before,
    .asset-section-btn.active::before{
      transform:translateY(-50%) rotate(10deg) scale(1.05);
      filter:drop-shadow(0 0 7px rgba(34,197,94,.28));
    }

    .asset-section-btn span{
      color:var(--soft);
      font-size:11px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.02em;
    }

    .asset-section-btn strong{
      color:#ffffff;
      font-size:17px;
      font-weight:760;
      line-height:1;
    }

    .asset-section-btn.active{
      border-color:#7db0ff;
      background:rgba(59,130,246,.16);
      box-shadow:0 0 0 1px rgba(125,176,255,.18) inset;
    }

    .asset-section-title{
      padding:2px 2px 0;
    }

    .watchlist-toolbar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:10px 12px;
      border:1px solid rgba(69,92,145,.78);
      border-radius:14px;
      background:rgba(255,255,255,.03);
    }

    .label{
      color:var(--soft);
      font-size:12px;
      font-weight:680;
      text-transform:uppercase;
      letter-spacing:.03em;
    }

    .sort-group{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
    }

    .sort-btn{
      border:1px solid rgba(69,92,145,.9);
      background:rgba(255,255,255,.035);
      color:var(--text);
      border-radius:10px;
      padding:8px 10px;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:7px;
      font-size:12px;
      font-weight:700;
      letter-spacing:0;
      transition:.18s ease;
    }

    .sort-btn.active{
      background:rgba(59,130,246,.18);
      border-color:#7db0ff;
      color:#ffffff;
      box-shadow:0 0 0 1px rgba(125,176,255,.18) inset;
    }

    .coin-card{
      position:relative;
      overflow:hidden;
      border:1px solid rgba(84,109,168,.78);
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      border-radius:16px;
      padding:12px;
      cursor:pointer;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 10px 20px rgba(2,6,23,.12);
      transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
    }

    .coin-card::before{
      content:"";
      position:absolute;
      left:0;
      top:10px;
      bottom:10px;
      width:3px;
      border-radius:0 999px 999px 0;
      background:linear-gradient(180deg, #60a5fa, #06b6d4);
      opacity:.62;
    }

    .coin-card:hover{
      border-color:rgba(125,176,255,.82);
      background:
        linear-gradient(180deg, rgba(96,165,250,.10), rgba(255,255,255,.02));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 14px 28px rgba(2,6,23,.2);
      transform:translateY(-1px);
    }

    .coin-card.active{
      border-color:rgba(125,176,255,.9);
      box-shadow:
        0 0 0 1px rgba(125,176,255,.34) inset,
        0 14px 28px rgba(59,130,246,.16);
      background:
        linear-gradient(180deg, rgba(59,130,246,.18), rgba(255,255,255,.025));
    }

    .coin-top{
      display:flex;
      justify-content:space-between;
      gap:10px;
      align-items:flex-start;
      margin-bottom:8px;
    }

    .asset-logo{
      position:relative;
      width:34px;
      height:34px;
      border-radius:999px;
      display:grid;
      place-items:center;
      flex:0 0 auto;
      overflow:hidden;
      border:1px solid rgba(125,176,255,.35);
      background:rgba(255,255,255,.06);
      box-shadow:0 10px 24px rgba(0,0,0,.18);
    }

    .asset-logo img{
      position:relative;
      z-index:2;
      width:100%;
      height:100%;
      display:block;
      object-fit:contain;
      padding:5px;
      border-radius:inherit;
    }

    .asset-logo-fallback{
      position:absolute;
      inset:0;
      display:grid;
      place-items:center;
      color:#dbe6ff;
      font-size:10px;
      font-weight:900;
      letter-spacing:0;
      line-height:1;
    }

    .asset-logo.hero-logo{
      width:54px;
      height:54px;
    }

    .asset-logo.hero-logo img{
      padding:7px;
    }

    .coin-identity,
    .hero-identity{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
    }

    .hero-identity{
      gap:12px;
    }

    .coin-title-wrap{
      display:grid;
      gap:2px;
      min-width:0;
    }

    .coin-headline{
      display:flex;
      align-items:center;
      gap:6px;
      min-width:0;
    }

    .coin-headline strong,
    .coin-title-wrap > span{
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .hero-identity > div{
      min-width:0;
    }

    .coin-left strong{
      display:block;
      font-size:18px;
      font-weight:720;
      letter-spacing:0;
      line-height:1.1;
      margin-bottom:2px;
    }

    .coin-headline strong{
      display:inline-block;
      margin-bottom:0;
    }

    .coin-left span{
      color:var(--soft);
      font-size:12px;
    }

    .coin-left .asset-logo-fallback{
      color:#dbe6ff;
      font-size:10px;
      font-weight:900;
    }

    .coin-right{
      text-align:right;
    }

    .coin-right strong{
      display:block;
      font-size:19px;
      line-height:1.05;
      margin-bottom:5px;
      color:#ffffff;
      font-weight:700;
      letter-spacing:0;
    }

    .change{
      display:inline-block;
      padding:5px 10px;
      border-radius:999px;
      font-size:12px;
      font-weight:700;
      letter-spacing:0;
    }

    .pos{ background:rgba(34,197,94,.22); color:#b7f7cb; }
    .neg{ background:rgba(239,68,68,.22); color:#ffc2c2; }
    .flat{ background:rgba(148,163,184,.2); color:#e6ecf7; }

    .chip-row{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      margin-top:8px;
      align-items:center;
    }

    .workspace-chip-row{
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:6px;
      min-width:0;
    }

    .asset-category-chip{
      background:rgba(14,165,233,.12);
      border-color:rgba(14,165,233,.28);
      color:#bae6fd;
    }

    .hidden-rank-chip{
      background:rgba(245,158,11,.12);
      border-color:rgba(245,158,11,.28);
      color:#fde68a;
    }

    .chip{
      padding:7px 11px;
      border-radius:999px;
      font-size:11px;
      font-weight:700;
      letter-spacing:0;
      border:1px solid transparent;
      box-shadow:0 0 0 1px rgba(255,255,255,.03) inset;
    }

    .chip.bias-bullish,
    .chip.signal-buy,
    .chip.struct-confirmed{
      background:rgba(34,197,94,.24);
      color:#c7ffd8;
      border-color:rgba(34,197,94,.46);
      box-shadow:0 0 0 1px rgba(34,197,94,.12) inset;
    }

    .chip.bias-bearish,
    .chip.signal-sell{
      background:rgba(239,68,68,.24);
      color:#ffd0d0;
      border-color:rgba(239,68,68,.46);
      box-shadow:0 0 0 1px rgba(239,68,68,.12) inset;
    }

    .chip.bias-neutral,
    .chip.signal-hold,
    .chip.struct-none{
      background:rgba(148,163,184,.22);
      color:#f0f4ff;
      border-color:rgba(148,163,184,.38);
      box-shadow:0 0 0 1px rgba(148,163,184,.1) inset;
    }

    .chip.struct-candidate{
      background:rgba(245,158,11,.22);
      color:#ffe0a8;
      border-color:rgba(245,158,11,.42);
      box-shadow:0 0 0 1px rgba(245,158,11,.1) inset;
    }

    .chip.market-phase{
      background:rgba(6,182,212,.22);
      color:#c2f4fb;
      border-color:rgba(6,182,212,.4);
      box-shadow:0 0 0 1px rgba(6,182,212,.1) inset;
    }

    .chip.ai-external{
      background:rgba(168,85,247,.22);
      color:#ead7ff;
      border-color:rgba(168,85,247,.42);
      box-shadow:0 0 0 1px rgba(168,85,247,.1) inset;
    }

    .chip.ai-rule{
      background:rgba(14,165,233,.18);
      color:#d7f1ff;
      border-color:rgba(14,165,233,.34);
      box-shadow:0 0 0 1px rgba(14,165,233,.08) inset;
    }

    .chip.ai-confirmed{
      background:rgba(34,197,94,.12);
      border-color:rgba(34,197,94,.30);
      color:#86efac;
    }

    .chip.ai-mixed{
      background:rgba(245,158,11,.12);
      border-color:rgba(245,158,11,.28);
      color:#fcd34d;
    }

    .chip.ai-conflict{
      background:rgba(248,113,113,.12);
      border-color:rgba(248,113,113,.28);
      color:#fca5a5;
    }

    .chip.ai-unknown{
      background:rgba(148,163,184,.12);
      border-color:rgba(148,163,184,.26);
      color:#cbd5e1;
    }

    .chip.risk-ok{
      background:rgba(34,197,94,.16);
      color:#bdf7cc;
      border-color:rgba(34,197,94,.36);
      box-shadow:0 0 0 1px rgba(34,197,94,.08) inset;
    }

    .chip.risk-warn{
      background:rgba(245,158,11,.16);
      color:#fde7b0;
      border-color:rgba(245,158,11,.34);
      box-shadow:0 0 0 1px rgba(245,158,11,.08) inset;
    }

    .chip.risk-high{
      background:rgba(239,68,68,.17);
      color:#ffc9c9;
      border-color:rgba(239,68,68,.36);
      box-shadow:0 0 0 1px rgba(239,68,68,.08) inset;
    }

    .coin-headline{
      display:flex;
      align-items:center;
      gap:8px;
    }

    .rank-badge{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:28px;
      height:24px;
      padding:0 8px;
      border-radius:999px;
      background:rgba(59,130,246,.16);
      border:1px solid rgba(76,141,255,.32);
      color:#cfe0ff;
      font-size:11px;
      font-weight:720;
      letter-spacing:0;
    }

    .scoreline{
      margin-top:10px;
      display:grid;
      gap:6px;
    }

    .scoretext{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      font-size:12px;
      color:var(--soft);
    }

    .scoretext strong{
      color:#ffffff;
      font-size:13px;
    }

    .scorebar{
      position:relative;
      overflow:hidden;
      height:8px;
      border-radius:999px;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(69,92,145,.75);
    }

    .scorefill{
      position:absolute;
      inset:0 auto 0 0;
      width:0;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(239,68,68,.9) 0%, rgba(245,158,11,.95) 48%, rgba(34,197,94,.95) 100%);
    }

    .helper-box{
      display:grid;
      gap:10px;
      padding:14px;
      border-radius:16px;
      border:1px solid rgba(69,92,145,.9);
      background:linear-gradient(180deg, rgba(76,141,255,.12) 0%, rgba(18,199,223,.05) 100%);
    }

    .helper-title{
      font-size:15px;
      font-weight:900;
      color:#ffffff;
      margin:0;
    }

    .helper-box.helper-box-market{
      border-color:rgba(76,141,255,.64);
      background:linear-gradient(180deg, rgba(76,141,255,.14) 0%, rgba(18,199,223,.05) 100%);
    }

    .helper-box.helper-box-flow{
      border-color:rgba(125,110,255,.58);
      background:linear-gradient(180deg, rgba(125,110,255,.14) 0%, rgba(56,189,248,.05) 100%);
    }

    .helper-box.helper-box-elliott{
      border-color:rgba(245,158,11,.56);
      background:linear-gradient(180deg, rgba(245,158,11,.14) 0%, rgba(251,191,36,.05) 100%);
    }

    .helper-box.helper-box-fib{
      border-color:rgba(99,102,241,.58);
      background:linear-gradient(180deg, rgba(99,102,241,.14) 0%, rgba(129,140,248,.05) 100%);
    }

    .helper-box.helper-box-spot_setup{
      border-color:rgba(34,197,94,.54);
      background:linear-gradient(180deg, rgba(34,197,94,.14) 0%, rgba(16,185,129,.05) 100%);
    }

    .helper-box.helper-box-trading_setup{
      border-color:rgba(239,68,68,.56);
      background:linear-gradient(180deg, rgba(239,68,68,.14) 0%, rgba(251,113,133,.05) 100%);
    }

    .helper-box.helper-box-market .helper-title{ color:#e2eeff; }
    .helper-box.helper-box-flow .helper-title{ color:#efe9ff; }
    .helper-box.helper-box-elliott .helper-title{ color:#ffe9bb; }
    .helper-box.helper-box-fib .helper-title{ color:#e7e8ff; }
    .helper-box.helper-box-spot_setup .helper-title{ color:#ddfbe8; }
    .helper-box.helper-box-trading_setup .helper-title{ color:#ffe0e0; }

    .helper-copy{
      margin:0;
      color:#d9e5ff;
      font-size:14px;
      line-height:1.55;
    }

    .helper-points{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
    }

    .helper-point{
      padding:11px 12px;
      border-radius:12px;
      background:rgba(255,255,255,.035);
      border:1px solid rgba(69,92,145,.76);
    }

    .helper-point .k{
      display:block;
      color:#bcd0f8;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.05em;
      margin-bottom:6px;
      font-weight:800;
    }

    .helper-point .v{
      color:#ffffff;
      font-size:13px;
      line-height:1.45;
      font-weight:700;
    }

    .remove-btn{
      border:none;
      background:transparent;
      color:#fca5a5;
      cursor:pointer;
      font-size:12px;
      font-weight:700;
      padding:0;
    }

    .remove-btn:hover{ text-decoration:underline; }

    .hidden-reason{
      margin-top:10px;
      color:#dbe6ff;
      font-size:12px;
      line-height:1.45;
    }

    .card-actions{
      margin-top:10px;
      padding-top:10px;
      border-top:1px solid rgba(69,92,145,.42);
      display:flex;
      justify-content:flex-end;
      gap:10px;
      flex-wrap:wrap;
    }

    .coin-action-btn{
      border:none;
      background:transparent;
      color:#bcd0ff;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      gap:5px;
      font-size:12px;
      font-weight:700;
      letter-spacing:0;
      padding:0;
    }

    .coin-action-btn::before{
      flex-basis:13px;
      width:13px;
      height:13px;
      opacity:.82;
    }

    .coin-action-btn:hover{
      color:#ffffff;
      text-decoration:underline;
    }

    .select-input{
      max-width:170px;
      cursor:pointer;
    }

    .priority-row{
      margin-top:12px;
      padding-top:12px;
      border-top:1px solid rgba(69,92,145,.45);
      display:grid;
      gap:8px;
    }

    .priority-copy{
      display:grid;
      gap:3px;
    }

    .priority-copy strong{
      color:#ffffff;
      font-size:13px;
    }

    .priority-copy span{
      color:#dbe6ff;
      font-size:12px;
      line-height:1.45;
    }

    .priority-pill{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:max-content;
      padding:5px 10px;
      border-radius:999px;
      font-size:11px;
      font-weight:900;
      letter-spacing:.02em;
      border:1px solid transparent;
      text-transform:uppercase;
    }

    .priority-kritisch{
      background:rgba(239,68,68,.18);
      border-color:rgba(239,68,68,.36);
      color:#ffd1d1;
    }

    .priority-hoch{
      background:rgba(245,158,11,.18);
      border-color:rgba(245,158,11,.34);
      color:#fff0b3;
    }

    .priority-mittel{
      background:rgba(76,141,255,.18);
      border-color:rgba(76,141,255,.34);
      color:#d8e7ff;
    }

    .priority-niedrig{
      background:rgba(34,197,94,.16);
      border-color:rgba(34,197,94,.28);
      color:#c7f7d5;
    }

    .priority-laden{
      background:rgba(148,163,184,.12);
      border-color:rgba(148,163,184,.22);
      color:#d9e5ff;
    }

    .coin-card.card-priority-kritisch{
      box-shadow:0 0 0 1px rgba(239,68,68,.22) inset, 0 12px 28px rgba(239,68,68,.08);
    }

    .coin-card.card-priority-hoch{
      box-shadow:0 0 0 1px rgba(245,158,11,.18) inset, 0 12px 28px rgba(245,158,11,.06);
    }

    .coin-card.card-priority-mittel{
      box-shadow:0 0 0 1px rgba(76,141,255,.18) inset;
    }

    .coin-card.card-priority-niedrig{
      box-shadow:0 0 0 1px rgba(34,197,94,.14) inset;
    }

    .main{
      padding:14px;
      display:grid;
      gap:16px;
    }

    .hero{
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:14px;
    }

    .hero.hero-single{
      grid-template-columns:1fr;
    }

    .page-lead,
    .monitoring-overview{
      position:relative;
      overflow:hidden;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:16px;
      flex-wrap:wrap;
      padding:16px;
      border-radius:16px;
      border:1px solid rgba(69,92,145,.82);
      background:
        linear-gradient(180deg, rgba(24,37,68,.94), rgba(11,20,39,.97));
      box-shadow:
        0 18px 42px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.07);
    }

    .page-lead::before,
    .monitoring-overview::before{
      content:"";
      position:absolute;
      left:14px;
      right:14px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, transparent, rgba(96,165,250,.78), rgba(6,182,212,.58), transparent);
    }

    .page-lead h2,
    .monitoring-overview h2{
      margin:4px 0 6px;
      color:#ffffff;
      font-size:22px;
      line-height:1.15;
    }

    .page-lead p,
    .monitoring-overview p{
      margin:0;
      color:#c7d7f7;
      line-height:1.5;
      max-width:760px;
      font-size:14px;
    }

    .page-lead-side,
    .monitoring-state{
      display:grid;
      justify-items:end;
      gap:8px;
      min-width:220px;
    }

    .page-lead-spot{
      border-color:rgba(34,197,94,.32);
    }

    .page-lead-trading{
      border-color:rgba(239,68,68,.32);
    }

    .workspace-overview,
    .monitoring-health-summary{
      position:relative;
      overflow:hidden;
      display:grid;
      gap:14px;
      padding:16px;
      border-radius:16px;
      border:1px solid rgba(69,92,145,.78);
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 16px 34px rgba(2,6,23,.18);
    }

    .workspace-overview-spot{
      border-color:rgba(34,197,94,.24);
    }

    .workspace-overview-trading{
      border-color:rgba(239,68,68,.24);
    }

    .workspace-head,
    .monitoring-health-summary{
      align-items:flex-start;
      justify-content:space-between;
    }

    .workspace-head{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
    }

    .workspace-head h3,
    .monitoring-health-summary h3{
      margin:4px 0 0;
      font-size:18px;
      color:#ffffff;
      line-height:1.2;
    }

    .workspace-card-grid{
      display:grid;
      grid-template-columns:repeat(5, minmax(0,1fr));
      gap:10px;
    }

    .workspace-card{
      position:relative;
      overflow:hidden;
      min-width:0;
      min-height:124px;
      border:1px solid rgba(84,109,168,.68);
      border-radius:14px;
      background:
        linear-gradient(180deg, rgba(30,44,80,.82), rgba(10,18,35,.96));
      color:var(--text);
      padding:12px;
      display:grid;
      gap:8px;
      text-align:left;
      cursor:pointer;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
      transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .workspace-card::before{
      content:"";
      position:absolute;
      left:12px;
      right:12px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, #60a5fa, transparent);
      opacity:.72;
    }

    .workspace-card:hover{
      transform:translateY(-2px);
      border-color:rgba(126,152,218,.92);
      box-shadow:0 16px 34px rgba(0,0,0,.22);
    }

    .workspace-symbol{
      font-size:17px;
      font-weight:900;
      color:#ffffff;
    }

    .workspace-main{
      font-size:20px;
      font-weight:900;
      color:#ffffff;
      line-height:1.05;
    }

    .workspace-meta{
      color:#aebfe5;
      font-size:12px;
      line-height:1.35;
    }

    .workspace-split{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
    }

    .workspace-split .workspace-card-grid{
      grid-template-columns:repeat(2, minmax(0,1fr));
    }

    .workspace-subtitle{
      color:var(--soft);
      font-size:12px;
      font-weight:900;
      letter-spacing:.06em;
      text-transform:uppercase;
      margin-bottom:8px;
    }

    .monitoring-health-summary{
      grid-template-columns:1fr auto;
      border-color:rgba(245,158,11,.28);
    }

    .monitoring-health-summary.good{
      border-color:rgba(34,197,94,.34);
      background:linear-gradient(180deg, rgba(34,197,94,.09), rgba(255,255,255,.03));
    }

    .monitoring-health-summary.warn{
      border-color:rgba(245,158,11,.38);
      background:linear-gradient(180deg, rgba(245,158,11,.10), rgba(255,255,255,.03));
    }

    .monitoring-health-summary.bad{
      border-color:rgba(239,68,68,.42);
      background:linear-gradient(180deg, rgba(239,68,68,.11), rgba(255,255,255,.03));
    }

    .monitoring-health-summary p{
      margin:6px 0 0;
      max-width:820px;
      color:#d9e5ff;
      line-height:1.5;
      font-size:14px;
    }

    .monitoring-health-side{
      display:grid;
      justify-items:end;
      gap:8px;
      min-width:210px;
    }

    .monitoring-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:14px;
    }

    .monitoring-card{
      min-height:100%;
    }

    .monitoring-badges{
      margin:10px 0 12px;
    }

    .monitoring-list{
      display:grid;
      gap:10px;
      color:#dbe6ff;
      font-size:14px;
      line-height:1.5;
    }

    .hero-card,
    .detail-card,
    .tab-card,
    .tf-card{
      position:relative;
      overflow:hidden;
      background:
        linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.018));
      border:1px solid rgba(84,109,168,.78);
      border-radius:16px;
      padding:14px;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 12px 26px rgba(2,6,23,.14);
    }

    .hero-card{
      position:relative;
      overflow:hidden;
    }

    .hero-card::before{
      content:"";
      position:absolute;
      inset:0 0 auto 0;
      height:3px;
      background:linear-gradient(90deg, #4c8dff 0%, #12c7df 52%, #59d58a 100%);
      opacity:.95;
    }

    .hero-top{
      display:flex;
      justify-content:space-between;
      gap:12px;
      align-items:flex-start;
      margin-bottom:12px;
    }

    .hero-title{
      font-size:30px;
      line-height:1.02;
      margin:0 0 4px;
      color:#ffffff;
      font-weight:900;
      letter-spacing:0;
    }

    .hero-sub{
      color:var(--soft);
      font-size:13px;
    }

    .hero-price{
      text-align:right;
    }

    .hero-price strong{
      display:block;
      font-size:36px;
      line-height:1;
      margin-bottom:9px;
      color:#ffffff;
      font-weight:900;
      letter-spacing:0;
    }

    .hero-ampel{
      margin-top:12px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:12px 14px;
      border-radius:14px;
      border:1px solid rgba(69,92,145,.9);
      background:rgba(255,255,255,.03);
    }

    .hero-ampel-left{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
    }

    .ampel-lights{
      display:flex;
      gap:8px;
      align-items:center;
      flex-shrink:0;
    }

    .ampel-light{
      width:12px;
      height:12px;
      border-radius:50%;
      opacity:.28;
      box-shadow:none;
    }

    .ampel-light.green{ background:#22c55e; }
    .ampel-light.yellow{ background:#f59e0b; }
    .ampel-light.red{ background:#ef4444; }

    .hero-ampel.ampel-strong .ampel-light.green,
    .hero-ampel.ampel-neutral .ampel-light.yellow,
    .hero-ampel.ampel-risk .ampel-light.red{
      opacity:1;
      box-shadow:0 0 0 4px rgba(255,255,255,.03);
    }

    .hero-ampel.ampel-strong .ampel-light.green{ box-shadow:0 0 0 4px rgba(255,255,255,.03), 0 0 14px rgba(34,197,94,.4); }
    .hero-ampel.ampel-neutral .ampel-light.yellow{ box-shadow:0 0 0 4px rgba(255,255,255,.03), 0 0 14px rgba(245,158,11,.4); }
    .hero-ampel.ampel-risk .ampel-light.red{ box-shadow:0 0 0 4px rgba(255,255,255,.03), 0 0 14px rgba(239,68,68,.4); }

    .hero-ampel.ampel-strong{
      background:linear-gradient(180deg, rgba(34,197,94,.16) 0%, rgba(34,197,94,.06) 100%);
      border-color:rgba(34,197,94,.34);
    }

    .hero-ampel.ampel-neutral{
      background:linear-gradient(180deg, rgba(245,158,11,.16) 0%, rgba(245,158,11,.06) 100%);
      border-color:rgba(245,158,11,.34);
    }

    .hero-ampel.ampel-risk{
      background:linear-gradient(180deg, rgba(239,68,68,.16) 0%, rgba(239,68,68,.06) 100%);
      border-color:rgba(239,68,68,.34);
    }

    .hero-ampel-title{
      font-size:14px;
      font-weight:900;
      color:#ffffff;
      margin-bottom:2px;
    }

    .hero-ampel-sub{
      font-size:12px;
      color:#d7e3ff;
      line-height:1.35;
    }

    .hero-ampel-tag{
      white-space:nowrap;
      padding:7px 10px;
      border-radius:999px;
      font-size:12px;
      font-weight:900;
      border:1px solid rgba(255,255,255,.12);
      color:#ffffff;
    }

    .hero-ampel.ampel-strong .hero-ampel-tag{ background:rgba(34,197,94,.22); border-color:rgba(34,197,94,.42); }
    .hero-ampel.ampel-neutral .hero-ampel-tag{ background:rgba(245,158,11,.22); border-color:rgba(245,158,11,.42); }
    .hero-ampel.ampel-risk .hero-ampel-tag{ background:rgba(239,68,68,.22); border-color:rgba(239,68,68,.42); }

    .feargreed-card{
      margin-top:12px;
      border-radius:16px;
      border:1px solid rgba(69,92,145,.82);
      background:rgba(255,255,255,.035);
      padding:12px;
      display:grid;
      gap:10px;
    }

    .feargreed-head{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:10px;
    }

    .feargreed-label{
      font-size:16px;
      font-weight:900;
      color:#ffffff;
    }

    .feargreed-value{
      font-size:14px;
      font-weight:900;
      color:#dbe6ff;
      white-space:nowrap;
    }

    .feargreed-track{
      position:relative;
      height:12px;
      border-radius:999px;
      overflow:hidden;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(69,92,145,.78);
    }

    .feargreed-track span{
      position:absolute;
      inset:0 auto 0 0;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(239,68,68,.92) 0%, rgba(245,158,11,.94) 45%, rgba(34,197,94,.92) 100%);
    }

    .feargreed-note{
      color:#dbe6ff;
      font-size:12px;
      line-height:1.45;
    }

    .mood-greed{
      box-shadow:0 0 0 1px rgba(34,197,94,.12) inset;
    }

    .mood-neutral{
      box-shadow:0 0 0 1px rgba(245,158,11,.12) inset;
    }

    .mood-fear{
      box-shadow:0 0 0 1px rgba(239,68,68,.12) inset;
    }

    .decision-strip{
      margin-top:12px;
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
    }

    .decision-card{
      border-radius:14px;
      border:1px solid rgba(69,92,145,.82);
      background:rgba(255,255,255,.03);
      padding:12px;
      display:grid;
      gap:4px;
    }

    .decision-title{
      font-size:15px;
      font-weight:900;
      color:#ffffff;
    }

    .decision-sub{
      font-size:12px;
      color:#dbe6ff;
      line-height:1.35;
    }

    .decision-card.active.entry{
      background:linear-gradient(180deg, rgba(34,197,94,.18) 0%, rgba(34,197,94,.07) 100%);
      border-color:rgba(34,197,94,.36);
      box-shadow:0 0 0 1px rgba(34,197,94,.15) inset;
    }

    .decision-card.active.watch{
      background:linear-gradient(180deg, rgba(245,158,11,.18) 0%, rgba(245,158,11,.07) 100%);
      border-color:rgba(245,158,11,.36);
      box-shadow:0 0 0 1px rgba(245,158,11,.15) inset;
    }

    .decision-card.active.avoid{
      background:linear-gradient(180deg, rgba(239,68,68,.18) 0%, rgba(239,68,68,.07) 100%);
      border-color:rgba(239,68,68,.36);
      box-shadow:0 0 0 1px rgba(239,68,68,.15) inset;
    }

    .decision-summary{
      margin-top:10px;
      border-radius:14px;
      border:1px solid rgba(69,92,145,.82);
      background:rgba(9,15,30,.56);
      padding:12px;
      display:grid;
      gap:4px;
    }

    .decision-summary strong{
      color:#ffffff;
      font-size:14px;
    }

    .decision-summary span{
      color:#dbe6ff;
      font-size:12px;
      line-height:1.45;
    }

    .ai-decision-card{
      position:relative;
      overflow:hidden;
      margin-top:12px;
      border-radius:16px;
      border:1px solid rgba(69,92,145,.82);
      background:linear-gradient(180deg, rgba(11,18,36,.92) 0%, rgba(9,15,30,.78) 100%);
      padding:14px;
      display:grid;
      gap:12px;
      box-shadow:0 14px 34px rgba(2,6,23,.16);
    }

    .ai-decision-card::before{
      content:"";
      position:absolute;
      left:12px;
      right:12px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(245,158,11,.9), transparent);
      opacity:.78;
    }

    .ai-decision-card.ai-entry{
      border-color:rgba(34,197,94,.34);
      box-shadow:0 0 0 1px rgba(34,197,94,.12) inset, 0 14px 34px rgba(2,6,23,.16);
    }

    .ai-decision-card.ai-watch{
      border-color:rgba(245,158,11,.34);
      box-shadow:0 0 0 1px rgba(245,158,11,.12) inset, 0 14px 34px rgba(2,6,23,.16);
    }

    .ai-decision-card.ai-avoid{
      border-color:rgba(239,68,68,.34);
      box-shadow:0 0 0 1px rgba(239,68,68,.12) inset, 0 14px 34px rgba(2,6,23,.16);
    }

    .ai-decision-top{
      display:flex;
      justify-content:space-between;
      gap:12px;
      align-items:flex-start;
      flex-wrap:wrap;
    }

    .ai-decision-heading{
      display:grid;
      gap:6px;
    }

    .ai-decision-title{
      font-size:18px;
      line-height:1.25;
      font-weight:900;
      color:#ffffff;
    }

    .ai-decision-sub{
      font-size:13px;
      line-height:1.5;
      color:#dbe6ff;
      max-width:760px;
    }

    .ai-decision-score{
      min-width:88px;
      border-radius:14px;
      padding:10px 12px;
      text-align:center;
      border:1px solid rgba(84,109,168,.55);
      background:rgba(255,255,255,.04);
    }

    .ai-decision-score strong{
      display:block;
      font-size:24px;
      line-height:1;
      color:#ffffff;
      font-weight:900;
    }

    .ai-decision-score span{
      display:block;
      margin-top:4px;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.08em;
      color:#b8c9ea;
      font-weight:800;
    }

    .ai-decision-badges{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }

    .ai-comment-bubble{
      position:relative;
      display:grid;
      grid-template-columns:auto 1fr;
      gap:10px;
      align-items:start;
      overflow:hidden;
      padding:12px 13px;
      border-radius:16px 16px 16px 6px;
      border:1px solid rgba(122,162,255,.34);
      background:
        linear-gradient(135deg, rgba(122,162,255,.16), rgba(168,85,247,.10) 52%, rgba(255,184,77,.08)),
        rgba(9,15,30,.74);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 16px 34px rgba(2,6,23,.18);
    }

    .ai-comment-bubble::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:linear-gradient(110deg, rgba(255,255,255,.11), transparent 32%);
      opacity:.56;
    }

    .ai-comment-bubble p{
      position:relative;
      z-index:1;
      margin:0;
      color:#edf4ff;
      font-size:13px;
      line-height:1.45;
      display:-webkit-box;
      -webkit-line-clamp:3;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }

    .ai-comment-pulse{
      position:relative;
      z-index:1;
      width:10px;
      height:10px;
      margin-top:5px;
      border-radius:50%;
      background:#a78bfa;
      box-shadow:0 0 0 5px rgba(167,139,250,.13), 0 0 18px rgba(167,139,250,.55);
      flex:0 0 auto;
    }

    .ai-comment-entry .ai-comment-pulse{
      background:#86efac;
      box-shadow:0 0 0 5px rgba(134,239,172,.12), 0 0 18px rgba(134,239,172,.48);
    }

    .ai-comment-watch .ai-comment-pulse{
      background:#fcd34d;
      box-shadow:0 0 0 5px rgba(252,211,77,.12), 0 0 18px rgba(252,211,77,.46);
    }

    .ai-comment-avoid .ai-comment-pulse{
      background:#fca5a5;
      box-shadow:0 0 0 5px rgba(252,165,165,.12), 0 0 18px rgba(252,165,165,.44);
    }

    .ai-decision-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:10px;
    }

    .ai-decision-box{
      border-radius:14px;
      border:1px solid rgba(84,109,168,.66);
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      padding:12px;
      display:grid;
      gap:8px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }

    .ai-decision-box-title{
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.06em;
      color:#b8c9ea;
      font-weight:800;
    }

    .ai-decision-list{
      margin:0;
      padding-left:18px;
      display:grid;
      gap:6px;
      color:#ffffff;
      font-size:13px;
      line-height:1.45;
    }

    .ai-decision-meta{
      display:grid;
      gap:8px;
    }

    .ai-decision-meta-row{
      display:flex;
      justify-content:space-between;
      gap:10px;
      align-items:flex-start;
      color:#dbe6ff;
      font-size:13px;
      line-height:1.45;
    }

    .ai-decision-meta-row strong{
      color:#ffffff;
      font-weight:800;
    }

    .ai-decision-meta-row.ai-trigger-zone-row{
      padding:8px 9px;
      border-radius:12px;
      border:1px solid rgba(234,179,8,.30);
      background:rgba(234,179,8,.08);
    }

    .ai-decision-meta-row.ai-trigger-zone-row span{
      display:grid;
      gap:2px;
      justify-items:end;
      text-align:right;
    }

    .ai-decision-meta-row.ai-trigger-zone-row b{
      color:#fff5c2;
      font-weight:900;
    }

    .ai-decision-meta-row.ai-trigger-zone-row small{
      color:rgba(255,245,194,.76);
      font-size:11px;
      line-height:1.35;
    }

    @media (max-width: 760px){
      .ai-decision-grid{
        grid-template-columns:1fr;
      }

      .ai-decision-score{
        min-width:74px;
      }
    }

    .hero-structure-brief{
      margin-top:12px;
      display:grid;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:10px;
    }

    .hero-structure-card{
      background:
        linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.018));
      border:1px solid rgba(84,109,168,.72);
      border-radius:14px;
      padding:12px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }

    .hero-structure-card .eyebrow{
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.06em;
      color:#b8c9ea;
      margin-bottom:6px;
      font-weight:800;
    }

    .hero-structure-card .main{
      font-size:14px;
      line-height:1.3;
      font-weight:900;
      color:#ffffff;
      margin-bottom:5px;
    }

    .hero-structure-card .sub{
      font-size:12px;
      line-height:1.35;
      color:var(--soft);
    }

    .summary{
      color:#d9e5ff;
      font-size:14px;
      line-height:1.5;
      margin:10px 0 0;
    }

    .hero-metrics{
      display:grid;
      grid-template-columns:repeat(4, minmax(0,1fr));
      gap:10px;
      margin-top:12px;
    }

    .metric{
      position:relative;
      overflow:hidden;
      background:
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.02));
      border:1px solid rgba(84,109,168,.72);
      border-radius:14px;
      padding:11px 12px;
      box-shadow:
        0 0 0 1px rgba(255,255,255,.02) inset,
        0 10px 18px rgba(2,6,23,.10);
    }

    .metric::before{
      content:"";
      position:absolute;
      left:10px;
      right:10px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(96,165,250,.78), transparent);
    }

    .hero-metrics .metric:nth-child(1){
      background:linear-gradient(180deg, rgba(76,141,255,.18) 0%, rgba(76,141,255,.08) 100%);
      border-color:rgba(76,141,255,.45);
    }

    .hero-metrics .metric:nth-child(2){
      background:linear-gradient(180deg, rgba(18,199,223,.16) 0%, rgba(18,199,223,.07) 100%);
      border-color:rgba(18,199,223,.38);
    }

    .hero-metrics .metric:nth-child(3),
    .hero-metrics .metric:nth-child(4){
      background:linear-gradient(180deg, rgba(89,213,138,.14) 0%, rgba(89,213,138,.06) 100%);
      border-color:rgba(89,213,138,.34);
    }

    .metric .k{
      color:#c2d2f4;
      font-size:11px;
      margin-bottom:6px;
      text-transform:uppercase;
      letter-spacing:.05em;
    }

    .metric .v{
      font-size:18px;
      font-weight:900;
      color:#ffffff;
      letter-spacing:0;
    }

    .hero-metrics .metric:nth-child(1) .v{
      font-size:24px;
    }

    .hero-metrics .metric:nth-child(2) .v{
      font-size:21px;
    }

    .insight-card{
      margin-top:12px;
      background:rgba(255,255,255,.035);
      border:1px solid rgba(69,92,145,.82);
      border-radius:14px;
      padding:12px;
      display:grid;
      gap:10px;
    }

    .insight-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
    }

    .insight-title{
      font-size:13px;
      font-weight:800;
      color:#ffffff;
    }

    .insight-sub{
      font-size:12px;
      color:var(--soft);
    }

    .insight-chip-row{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }

    .metric-sub{
      margin-top:4px;
      font-size:11px;
      color:var(--soft);
      line-height:1.35;
    }

    .scenario-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
    }

    #tab-spot_setup .scenario-grid,
    #tab-trading_setup .scenario-grid{
      grid-template-columns:1fr;
    }

    .scenario{
      padding:14px;
      border-radius:14px;
      background:rgba(255,255,255,.035);
      border:1px solid rgba(69,92,145,.9);
    }

    .scenario h4{
      margin:0 0 8px;
      font-size:15px;
    }

    .scenario p{
      margin:0;
      color:#dbe6ff;
      line-height:1.55;
      font-size:14px;
    }

    .section-title{
      margin:0 0 10px;
      font-size:13px;
      color:var(--soft);
      text-transform:uppercase;
      letter-spacing:.05em;
    }

    .kv{
      display:grid;
      gap:8px;
    }

    .kv-line{
      display:flex;
      justify-content:space-between;
      gap:12px;
      padding:8px 10px;
      border-radius:10px;
      background:rgba(255,255,255,.035);
      font-size:13px;
    }

    .kv-line .k{ color:var(--soft); }
    .kv-line .v{ font-weight:700; text-align:right; }

    .highlight-box{
      border-radius:12px;
      padding:12px;
      line-height:1.5;
      font-size:14px;
    }

    .highlight-confirmed{
      background:rgba(34,197,94,.10);
      border:1px solid rgba(34,197,94,.22);
    }

    .highlight-candidate{
      background:rgba(245,158,11,.10);
      border:1px solid rgba(245,158,11,.22);
    }

    .highlight-none{
      background:rgba(148,163,184,.08);
      border:1px solid rgba(148,163,184,.16);
    }

    .invalid{
      border-radius:12px;
      padding:12px;
      background:rgba(34,197,94,.12);
      border:1px solid rgba(34,197,94,.22);
    }

    .invalid .big{
      font-size:22px;
      font-weight:900;
      margin-top:4px;
    }

    .subtle{
      color:var(--soft);
      font-size:13px;
      line-height:1.5;
    }

    .rule-grid{
      display:grid;
      gap:8px;
    }

    .rule{
      display:flex;
      justify-content:space-between;
      gap:12px;
      padding:8px 10px;
      border-radius:10px;
      background:rgba(255,255,255,.035);
      font-size:13px;
    }

    .elliott-warning-box{
      margin-top:10px;
      display:grid;
      gap:8px;
      padding:10px;
      border-radius:12px;
      background:rgba(245,158,11,.10);
      border:1px solid rgba(245,158,11,.20);
      color:#fde68a;
      font-size:13px;
      line-height:1.45;
    }

    .ok{ color:#97efb7; font-weight:700; }
    .no{ color:#ffabab; font-weight:700; }

    .tabs{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-bottom:14px;
      max-width:100%;
      min-width:0;
    }

    .tab-btn{
      min-width:0;
      border:1px solid var(--line);
      background:rgba(255,255,255,.035);
      color:var(--text);
      border-radius:12px;
      padding:10px 14px;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      font-weight:700;
      font-size:14px;
      line-height:1.15;
      overflow-wrap:anywhere;
      transition:.18s ease;
    }

    .tab-btn::before,
    .sort-btn::before,
    .mini-btn::before,
    .tg-btn::before,
    .coin-action-btn::before{
      content:"";
      flex:0 0 18px;
      width:18px;
      height:18px;
      border-radius:0;
      clip-path:polygon(50% 4%, 91% 27%, 91% 73%, 50% 96%, 9% 73%, 9% 27%);
      background:
        radial-gradient(circle at 30% 31%, rgba(255,255,255,.92) 0 1.2px, transparent 1.7px),
        radial-gradient(circle at 70% 32%, rgba(255,255,255,.76) 0 1px, transparent 1.5px),
        radial-gradient(circle at 50% 70%, rgba(255,255,255,.72) 0 1.2px, transparent 1.7px),
        linear-gradient(31deg, transparent 42%, rgba(255,255,255,.32) 43% 48%, transparent 49%),
        linear-gradient(149deg, transparent 42%, rgba(255,255,255,.28) 43% 48%, transparent 49%),
        linear-gradient(135deg, rgba(234,179,8,.88), rgba(96,165,250,.60));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.20), 0 6px 14px rgba(37,99,235,.14);
      transition:transform .16s ease, filter .16s ease;
    }

    .tab-btn:hover::before,
    .tab-btn.active::before,
    .sort-btn:hover::before,
    .sort-btn.active::before,
    .mini-btn:hover::before,
    .tg-btn:hover::before{
      transform:rotate(10deg) scale(1.05);
      filter:drop-shadow(0 0 7px rgba(234,179,8,.28));
    }

    .tab-btn.active{
      background:rgba(59,130,246,.28);
      border-color:#8ab8ff;
      color:#ffffff;
      box-shadow:0 0 0 1px rgba(138,184,255,.22) inset;
    }

    .tab-btn[data-tab="market"]{
      border-color:rgba(76,141,255,.28);
      color:#dbe8ff;
      background:rgba(76,141,255,.06);
    }

    .tab-btn[data-tab="market"].active{
      background:rgba(76,141,255,.22);
      border-color:#82b0ff;
      box-shadow:0 0 0 1px rgba(130,176,255,.18) inset;
    }

    .tab-btn[data-tab="flow"]{
      border-color:rgba(125,110,255,.26);
      color:#e5ddff;
      background:rgba(125,110,255,.06);
    }

    .tab-btn[data-tab="flow"].active{
      background:rgba(125,110,255,.22);
      border-color:#a99bff;
      box-shadow:0 0 0 1px rgba(169,155,255,.16) inset;
    }

    .tab-btn[data-tab="elliott"]{
      border-color:rgba(245,158,11,.26);
      color:#ffe7b5;
      background:rgba(245,158,11,.06);
    }

    .tab-btn[data-tab="elliott"].active{
      background:rgba(245,158,11,.20);
      border-color:#f7c56d;
      box-shadow:0 0 0 1px rgba(247,197,109,.16) inset;
    }

    .tab-btn[data-tab="fib"]{
      border-color:rgba(99,102,241,.28);
      color:#dedfff;
      background:rgba(99,102,241,.06);
    }

    .tab-btn[data-tab="fib"].active{
      background:rgba(99,102,241,.22);
      border-color:#a8acff;
      box-shadow:0 0 0 1px rgba(168,172,255,.16) inset;
    }

    .tab-btn[data-tab="spot_setup"]{
      border-color:rgba(34,197,94,.26);
      color:#d6f8e0;
      background:rgba(34,197,94,.06);
    }

    .tab-btn[data-tab="spot_setup"].active{
      background:rgba(34,197,94,.20);
      border-color:#71d69a;
      box-shadow:0 0 0 1px rgba(113,214,154,.16) inset;
    }

    .tab-btn[data-tab="trading_setup"]{
      border-color:rgba(239,68,68,.26);
      color:#ffd2d2;
      background:rgba(239,68,68,.06);
    }

    .tab-btn[data-tab="trading_setup"].active{
      background:rgba(239,68,68,.20);
      border-color:#ff9d9d;
      box-shadow:0 0 0 1px rgba(255,157,157,.16) inset;
    }

    .tab-section{
      display:none;
      gap:14px;
    }

    .tab-section.active{
      display:grid;
    }

    .market-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:14px;
    }

    .timeframes{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:14px;
    }

    .empty{
      padding:30px 16px;
      text-align:center;
      color:var(--soft);
      background:rgba(19,29,54,.96);
      border:1px solid var(--line);
      border-radius:18px;
    }

    .flow-summary{
      display:grid;
      grid-template-columns:repeat(6, minmax(0,1fr));
      gap:10px;
    }

    .flow-grid{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:14px;
    }

    .flow-card{
      position:relative;
      overflow:hidden;
      background:
        linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.018));
      border:1px solid rgba(84,109,168,.78);
      border-radius:16px;
      padding:14px;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 12px 24px rgba(2,6,23,.12);
    }

    .flow-copy{
      margin:0 0 12px;
      color:#dbe6ff;
      line-height:1.5;
      font-size:13px;
    }

    .heat-list{
      display:grid;
      gap:10px;
    }

    .heat-row{
      display:grid;
      grid-template-columns:170px 1fr;
      gap:12px;
      align-items:center;
      padding:10px 12px;
      border-radius:12px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(69,92,145,.72);
    }

    .heat-price strong{
      display:block;
      color:#ffffff;
      font-size:14px;
      margin-bottom:3px;
    }

    .heat-price span{
      display:block;
      color:var(--soft);
      font-size:12px;
      line-height:1.35;
    }

    .heat-bar-wrap{
      display:grid;
      gap:6px;
    }

    .heat-bar{
      position:relative;
      height:12px;
      border-radius:999px;
      background:rgba(255,255,255,.06);
      overflow:hidden;
      border:1px solid rgba(69,92,145,.78);
    }

    .heat-bar span{
      position:absolute;
      inset:0 auto 0 0;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(18,199,223,.9) 0%, rgba(76,141,255,.92) 40%, rgba(245,158,11,.92) 75%, rgba(239,68,68,.95) 100%);
    }

    .heat-meta{
      display:flex;
      justify-content:space-between;
      gap:10px;
      color:#c7d7f7;
      font-size:12px;
    }

    .table-wrap{
      overflow:auto;
      border:1px solid rgba(69,92,145,.76);
      border-radius:14px;
    }

    .flow-table{
      width:100%;
      border-collapse:collapse;
      min-width:720px;
      background:rgba(255,255,255,.02);
    }

    .flow-table th,
    .flow-table td{
      padding:11px 12px;
      text-align:left;
      border-bottom:1px solid rgba(69,92,145,.42);
      font-size:13px;
    }

    .flow-table th{
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.05em;
      color:#bfd1f5;
      background:rgba(255,255,255,.03);
    }

    .flow-table tbody tr:hover{
      background:rgba(76,141,255,.06);
    }

    .delta-pos{ color:#86efac; }
    .delta-neg{ color:#fca5a5; }
    .delta-flat{ color:#dbe6ff; }

    .imbalance-badge{
      display:inline-flex;
      align-items:center;
      padding:4px 8px;
      border-radius:999px;
      font-size:11px;
      font-weight:900;
      border:1px solid transparent;
    }

    .imbalance-yes{
      color:#fff0b3;
      background:rgba(245,158,11,.18);
      border-color:rgba(245,158,11,.34);
    }

    .imbalance-no{
      color:#d9e5ff;
      background:rgba(148,163,184,.12);
      border-color:rgba(148,163,184,.2);
    }

    .flow-alerts{
      margin-top:14px;
      display:grid;
      gap:8px;
    }

    .flow-alert{
      display:grid;
      gap:3px;
      padding:10px 12px;
      border-radius:12px;
      border:1px solid rgba(69,92,145,.74);
      background:rgba(255,255,255,.03);
    }

    .flow-alert-head{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:10px;
    }

    .flow-alert strong{
      font-size:13px;
      color:#ffffff;
    }

    .flow-alert span{
      font-size:12px;
      line-height:1.45;
      color:#dbe6ff;
    }

    .alert-success{
      background:rgba(34,197,94,.1);
      border-color:rgba(34,197,94,.24);
    }

    .alert-info{
      background:rgba(76,141,255,.1);
      border-color:rgba(76,141,255,.24);
    }

    .alert-danger{
      background:rgba(239,68,68,.1);
      border-color:rgba(239,68,68,.24);
    }

    .alert-warning{
      background:rgba(245,158,11,.1);
      border-color:rgba(245,158,11,.24);
    }

    .alert-muted{
      background:rgba(148,163,184,.08);
      border-color:rgba(148,163,184,.18);
    }

    .profile-meta{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
      margin-bottom:12px;
    }

    .profile-list{
      display:grid;
      gap:9px;
    }

    .profile-row{
      display:grid;
      grid-template-columns:140px 1fr auto;
      gap:12px;
      align-items:center;
      padding:10px 12px;
      border-radius:12px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(69,92,145,.72);
    }

    .profile-price strong{
      display:block;
      color:#ffffff;
      font-size:14px;
      margin-bottom:3px;
    }

    .profile-price span{
      display:block;
      color:var(--soft);
      font-size:12px;
    }

    .profile-bar{
      position:relative;
      height:12px;
      border-radius:999px;
      background:rgba(255,255,255,.06);
      overflow:hidden;
      border:1px solid rgba(69,92,145,.78);
    }

    .profile-bar span{
      position:absolute;
      inset:0 auto 0 0;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(76,141,255,.95) 0%, rgba(18,199,223,.9) 100%);
    }

    .profile-tags{
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-end;
      gap:6px;
    }

    .profile-tag{
      display:inline-flex;
      align-items:center;
      padding:4px 8px;
      border-radius:999px;
      font-size:11px;
      font-weight:900;
      border:1px solid transparent;
      white-space:nowrap;
    }

    .profile-poc{
      background:rgba(245,158,11,.18);
      border-color:rgba(245,158,11,.34);
      color:#fff0b3;
    }

    .profile-vah{
      background:rgba(34,197,94,.14);
      border-color:rgba(34,197,94,.24);
      color:#bdf8ce;
    }

    .profile-val{
      background:rgba(239,68,68,.14);
      border-color:rgba(239,68,68,.24);
      color:#ffd0d0;
    }

    .profile-neutral{
      background:rgba(148,163,184,.12);
      border-color:rgba(148,163,184,.2);
      color:#d9e5ff;
    }

    .footer-note{
      margin-top:6px;
      color:var(--soft);
      font-size:12px;
      text-align:right;
    }





    .setup-summary{
      border-radius:16px;
      border:1px solid rgba(84,109,168,.6);
      padding:14px;
      display:grid;
      gap:6px;
      background:rgba(255,255,255,.035);
    }

    .setup-summary strong{
      font-size:15px;
      color:#ffffff;
    }

    .setup-summary span{
      font-size:13px;
      line-height:1.5;
      color:#dbe6ff;
    }


    .trade-zone-grid{
      margin-top:14px;
      display:grid;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:10px;
      align-items:stretch;
    }

    .trade-zone-grid .trade-entry{
      grid-column:1 / -1;
    }

    .trade-field{
      min-height:100%;
    }

    .trade-field .setup-zone-price{
      font-size:18px;
      line-height:1.35;
      letter-spacing:0;
      word-break:break-word;
    }

    .trade-entry .setup-zone-price{
      font-size:20px;
      line-height:1.3;
    }

    .trade-targets .setup-zone-price{
      font-size:15px;
      line-height:1.45;
      letter-spacing:0;
    }

    .spot-zone-grid{
      grid-template-columns:repeat(2, minmax(0,1fr));
      align-items:stretch;
    }

    .spot-zone-grid .spot-preferred{
      grid-column:1 / -1;
    }

    .spot-field{
      min-height:100%;
    }

    .spot-field .setup-zone-price{
      font-size:18px;
      line-height:1.35;
      letter-spacing:0;
      word-break:break-word;
    }

    .spot-preferred .setup-zone-price{
      font-size:20px;
      line-height:1.3;
    }

    .chip.trade-long{
      box-shadow:0 0 0 1px rgba(34,197,94,.10) inset;
    }

    .chip.trade-short{
      background:rgba(239,68,68,.24);
      color:#ffd0d0;
      border-color:rgba(239,68,68,.46);
      box-shadow:0 0 0 1px rgba(239,68,68,.12) inset;
    }

    .setup-zone.trade-long{
      border-color:rgba(34,197,94,.30);
      background:linear-gradient(180deg, rgba(34,197,94,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-zone.trade-short{
      border-color:rgba(239,68,68,.28);
      background:linear-gradient(180deg, rgba(239,68,68,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-zone-grid{
      margin-top:14px;
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
    }

    .setup-zone{
      position:relative;
      overflow:hidden;
      border-radius:14px;
      border:1px solid rgba(84,109,168,.68);
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      padding:12px;
      display:grid;
      gap:6px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }

    .setup-zone::before{
      content:"";
      position:absolute;
      left:10px;
      right:10px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(96,165,250,.72), transparent);
    }

    .setup-zone.preferred{
      box-shadow:0 0 0 1px rgba(76,141,255,.16) inset;
      border-color:rgba(102,138,214,.78);
    }

    .setup-zone.deep{
      background:rgba(255,255,255,.025);
    }

    .setup-zone-label{
      font-size:12px;
      color:#9db3e4;
      text-transform:uppercase;
      letter-spacing:.08em;
      font-weight:800;
    }

    .setup-zone-price{
      font-size:24px;
      line-height:1.1;
      letter-spacing:0;
      color:#ffffff;
      font-weight:900;
    }

    .setup-zone-note{
      font-size:12px;
      line-height:1.45;
      color:#dbe6ff;
    }


    .status-badges{
      margin-top:12px;
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }

    .status-badge{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:8px 10px;
      border-radius:999px;
      border:1px solid rgba(84,109,168,.58);
      background:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
      font-size:12px;
      font-weight:800;
      color:#dbe6ff;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    }

    .status-badge.ok{
      border-color:rgba(34,197,94,.34);
      background:rgba(34,197,94,.12);
      color:#d8fbe5;
    }

    .status-badge.missing{
      border-color:rgba(239,68,68,.30);
      background:rgba(239,68,68,.10);
      color:#ffd5d5;
    }

    .status-badge .dot{
      width:8px;
      height:8px;
      border-radius:999px;
      background:currentColor;
      opacity:.95;
      box-shadow:0 0 0 4px rgba(255,255,255,.04);
    }

    .setup-quality-badges{
      margin-top:8px;
    }

    .setup-quality-badges .status-badge{
      align-items:flex-start;
      border-radius:14px;
    }

    .setup-quality-badges .status-badge small{
      display:block;
      margin-top:2px;
      color:rgba(219,230,255,.76);
      font-size:10px;
      font-weight:700;
      line-height:1.25;
      text-transform:none;
    }

    .chip.setup-active{
      background:rgba(34,197,94,.16);
      color:#c9f8d5;
      border-color:rgba(34,197,94,.34);
    }

    .chip.setup-cautious{
      background:rgba(245,158,11,.16);
      color:#ffe2a8;
      border-color:rgba(245,158,11,.34);
    }

    .chip.setup-wait{
      background:rgba(239,68,68,.14);
      color:#ffc7c7;
      border-color:rgba(239,68,68,.32);
    }

    .setup-summary.setup-active{
      border-color:rgba(34,197,94,.30);
      background:linear-gradient(180deg, rgba(34,197,94,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-summary.setup-cautious{
      border-color:rgba(245,158,11,.30);
      background:linear-gradient(180deg, rgba(245,158,11,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-summary.setup-wait{
      border-color:rgba(239,68,68,.28);
      background:linear-gradient(180deg, rgba(239,68,68,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .fib-hint{
      margin-top:12px;
      border-radius:14px;
      border:1px solid rgba(84,109,168,.58);
      background:rgba(255,255,255,.03);
      padding:12px;
      color:#dbe6ff;
      font-size:12px;
      line-height:1.5;
    }

    .fib-level-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:10px;
    }

    .fib-level-card{
      border-radius:14px;
      border:1px solid rgba(84,109,168,.64);
      background:rgba(255,255,255,.035);
      padding:12px;
      display:grid;
      gap:8px;
    }

    .fib-level-top{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:10px;
      color:#ffffff;
      font-size:13px;
      font-weight:800;
    }

    .fib-level-top strong{
      font-size:14px;
      letter-spacing:0;
      color:#ffffff;
    }

    .fib-level-card.fib-up .fib-level-top span{
      color:#d9ffe4;
    }

    .fib-level-card.fib-down .fib-level-top span{
      color:#ffe1e1;
    }


    .fib-level-card.fib-up{
      border-color:rgba(34,197,94,.34);
      background:linear-gradient(180deg, rgba(34,197,94,.09) 0%, rgba(255,255,255,.03) 100%);
      box-shadow:0 0 0 1px rgba(34,197,94,.08) inset;
    }

    .fib-level-card.fib-down{
      border-color:rgba(239,68,68,.30);
      background:linear-gradient(180deg, rgba(239,68,68,.09) 0%, rgba(255,255,255,.03) 100%);
      box-shadow:0 0 0 1px rgba(239,68,68,.08) inset;
    }

    .fib-level-card.fib-up .fib-level-top strong{
      color:#c7f7d5;
    }

    .fib-level-card.fib-down .fib-level-top strong{
      color:#ffd1d1;
    }

    .fib-level-note{
      font-size:12px;
      line-height:1.45;
      color:#dbe6ff;
    }

    .fib-level-status{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:8px;
      border-radius:8px;
      padding:7px 9px;
      font-size:11px;
      line-height:1.2;
      font-weight:800;
      background:rgba(255,255,255,.055);
      border:1px solid rgba(255,255,255,.08);
      color:#edf4ff;
    }

    .fib-level-status strong{
      color:inherit;
      font-size:11px;
      white-space:nowrap;
    }

    .fib-status-open{
      color:#c7f7d5;
      border-color:rgba(34,197,94,.24);
      background:rgba(34,197,94,.10);
    }

    .fib-status-near{
      color:#fff3bf;
      border-color:rgba(245,158,11,.30);
      background:rgba(245,158,11,.12);
    }

    .fib-status-done{
      color:#dbe6ff;
      border-color:rgba(84,109,168,.32);
      background:rgba(84,109,168,.13);
    }

    .fib-status-neutral{
      color:#b7c5dd;
    }

    /* ----- Visual polish overrides ----- */

    body{
      background:
        radial-gradient(circle at top center, rgba(76,141,255,.16) 0%, rgba(4,9,20,0) 34%),
        radial-gradient(circle at bottom right, rgba(18,199,223,.08) 0%, rgba(4,9,20,0) 28%),
        linear-gradient(180deg, #050a14 0%, #091120 42%, #070d19 100%);
    }

    .app-shell{
      max-width:1540px;
      gap:18px;
    }

    .panel,
    .hero,
    .detail-card,
    .flow-card,
    .helper-box,
    .coin-card,
    .summary-card,
    .decision-summary,
    .feargreed-card{
      backdrop-filter:blur(12px);
      box-shadow:0 16px 42px rgba(0,0,0,.20);
    }

    .panel,
    .hero,
    .detail-card,
    .flow-card,
    .helper-box{
      border-color:rgba(88,114,176,.82);
    }

    .watchlist-header{
      margin-bottom:16px;
    }

    .watchlist-header h2,
    .hero-title{
      letter-spacing:0;
    }

    .watchlist-toolbar{
      gap:8px;
    }

    .sort-btn{
      border-color:rgba(108,132,188,.72);
      background:rgba(255,255,255,.04);
    }

    .sort-btn:hover{
      transform:translateY(-1px);
      border-color:rgba(129,153,212,.86);
      background:rgba(255,255,255,.07);
    }

    .coin-card{
      background:
        linear-gradient(180deg, rgba(30,44,80,.82), rgba(10,18,35,.96));
      border-color:rgba(84,109,168,.78);
      transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .coin-card:hover{
      transform:translateY(-2px);
      border-color:rgba(126,152,218,.92);
      box-shadow:0 20px 46px rgba(0,0,0,.24);
    }

    .coin-card.active{
      box-shadow:0 0 0 1px rgba(109,146,255,.18) inset, 0 20px 48px rgba(10,16,30,.34);
    }

    .coin-top{
      margin-bottom:14px;
    }

    .coin-name{
      color:#cfdcff;
      font-size:12px;
    }

    .price{
      font-size:26px;
      letter-spacing:0;
    }

    .hero{
      background:
        radial-gradient(circle at top right, rgba(76,141,255,.18) 0%, rgba(11,19,35,0) 30%),
        linear-gradient(180deg, rgba(16,24,45,.98) 0%, rgba(9,16,31,.99) 100%);
    }

    .hero-title{
      font-size:34px;
      line-height:1.05;
    }

    .hero-subtitle{
      color:#d2e2ff;
      font-size:15px;
      line-height:1.55;
      max-width:880px;
    }

    .hero-badges{
      gap:10px;
    }

    .hero-badge{
      background:rgba(255,255,255,.06);
      border-color:rgba(108,132,188,.68);
      padding:8px 12px;
    }

    .hero-ampel,
    .decision-summary,
    .feargreed-card{
      background:rgba(255,255,255,.04);
    }

    .metric,
    .summary-card,
    .detail-card,
    .flow-card,
    .helper-box{
      background:
        linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.018));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 10px 20px rgba(2,6,23,.10);
    }

    .metric{
      border-radius:16px;
      border-color:rgba(98,123,186,.72);
    }

    .metric .k{
      font-size:11px;
      letter-spacing:.08em;
      color:#9db3e4;
    }

    .metric .v{
      font-size:24px;
      letter-spacing:0;
    }

    .tabs{
      gap:10px;
      padding:6px;
      background:rgba(255,255,255,.03);
      border-color:rgba(88,114,176,.74);
    }

    .tab-btn{
      min-height:44px;
      padding:10px 14px;
      font-size:13px;
      letter-spacing:.01em;
    }

    .tab-btn:not(.active):hover{
      background:rgba(255,255,255,.05);
    }

    .section-title{
      font-size:16px;
      letter-spacing:0;
    }

    .priority-row{
      margin-top:14px;
      padding:12px;
      border-top:none;
      border-radius:14px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(84,109,168,.54);
    }

    .priority-copy strong,
    .flow-alert strong,
    .decision-title{
      letter-spacing:0;
    }

    .flow-alert,
    .heat-row,
    .profile-row{
      background:
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.022));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }

    .footer-note{
      color:#91a6d4;
    }

    @media (max-width: 1180px){
      .layout{ display:block; }
      .hero{ grid-template-columns:1fr; }
      .system-health-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
      .monitoring-grid{ grid-template-columns:1fr; }
      .workspace-card-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
      .workspace-split,
      .monitoring-health-summary{ grid-template-columns:1fr; }
      .monitoring-health-side{ justify-items:start; }
      .timeframes,
      .market-grid,
      .helper-points,
      .flow-grid,
      .flow-summary{ grid-template-columns:1fr; }
      .statusbar{ margin-bottom:12px; }
    }

    @media (max-width: 760px){
      .wrap{
        width:min(100%, calc(100% - 14px));
        padding:10px 0 18px;
      }
      .topbar{ grid-template-columns:1fr; gap:12px; }
      .titlebox h1{ font-size:24px; }
      .titlebox p{ font-size:15px; }
      .app-nav{
        display:grid;
        grid-template-columns:1fr 1fr;
      }
      .app-nav a{
        width:100%;
      }
      .app-nav a:last-child:nth-child(odd){
        grid-column:1 / -1;
      }
      .page-lead,
      .monitoring-overview{
        padding:13px;
      }
      .page-lead-side,
      .monitoring-state{
        justify-items:start;
        min-width:0;
        width:100%;
      }
      .workspace-card-grid{ grid-template-columns:1fr; }
      .workspace-card{ min-height:112px; }
      .actions{
        justify-content:flex-start;
        display:grid;
        grid-template-columns:1fr 1fr;
        width:100%;
      }

      .heat-row,
      .profile-row{
        grid-template-columns:1fr;
      }

      .profile-meta{
        grid-template-columns:1fr;
      }

      .profile-tags{
        justify-content:flex-start;
      }

      .flow-table{
        min-width:640px;
      }
      .actions .input{
        grid-column:1 / -1;
        min-width:0;
        width:100%;
        font-size:16px;
        padding:13px 14px;
      }
      .actions .btn{
        width:100%;
        min-height:46px;
      }
      .sidebar,
      .main{ padding:12px; }
      .panel-meta{
        width:100%;
        justify-content:space-between;
      }
      .sidebar-toggle{ display:inline-flex; }
      .watchlist-toolbar{
        align-items:flex-start;
        flex-direction:column;
      }
      .sort-group{ width:100%; }
      .sort-btn{ flex:1 1 auto; text-align:center; }
      .hero-metrics,
      .decision-strip,
      .hero-structure-brief,
  

    .setup-summary{
      border-radius:16px;
      border:1px solid rgba(84,109,168,.6);
      padding:14px;
      display:grid;
      gap:6px;
      background:rgba(255,255,255,.035);
    }

    .setup-summary strong{
      font-size:15px;
      color:#ffffff;
    }

    .setup-summary span{
      font-size:13px;
      line-height:1.5;
      color:#dbe6ff;
    }


    .trade-zone-grid{
      margin-top:14px;
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
    }

    .chip.trade-long{
      box-shadow:0 0 0 1px rgba(34,197,94,.10) inset;
    }

    .chip.trade-short{
      box-shadow:0 0 0 1px rgba(239,68,68,.10) inset;
    }

    .setup-zone.trade-long{
      border-color:rgba(34,197,94,.30);
      background:linear-gradient(180deg, rgba(34,197,94,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-zone.trade-short{
      border-color:rgba(239,68,68,.28);
      background:linear-gradient(180deg, rgba(239,68,68,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-zone-grid{
      margin-top:14px;
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
    }

    .setup-zone{
      position:relative;
      overflow:hidden;
      border-radius:14px;
      border:1px solid rgba(84,109,168,.68);
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      padding:12px;
      display:grid;
      gap:6px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }

    .setup-zone::before{
      content:"";
      position:absolute;
      left:10px;
      right:10px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(96,165,250,.72), transparent);
    }

    .setup-zone.preferred{
      box-shadow:0 0 0 1px rgba(76,141,255,.16) inset;
      border-color:rgba(102,138,214,.78);
    }

    .setup-zone.deep{
      background:rgba(255,255,255,.025);
    }

    .setup-zone-label{
      font-size:12px;
      color:#9db3e4;
      text-transform:uppercase;
      letter-spacing:.08em;
      font-weight:800;
    }

    .setup-zone-price{
      font-size:24px;
      line-height:1.1;
      letter-spacing:0;
      color:#ffffff;
      font-weight:900;
    }

    .setup-zone-note{
      font-size:12px;
      line-height:1.45;
      color:#dbe6ff;
    }


    .status-badges{
      margin-top:12px;
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }

    .status-badge{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:8px 10px;
      border-radius:999px;
      border:1px solid rgba(84,109,168,.58);
      background:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
      font-size:12px;
      font-weight:800;
      color:#dbe6ff;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    }

    .status-badge.ok{
      border-color:rgba(34,197,94,.34);
      background:rgba(34,197,94,.12);
      color:#d8fbe5;
    }

    .status-badge.missing{
      border-color:rgba(239,68,68,.30);
      background:rgba(239,68,68,.10);
      color:#ffd5d5;
    }

    .status-badge .dot{
      width:8px;
      height:8px;
      border-radius:999px;
      background:currentColor;
      opacity:.95;
      box-shadow:0 0 0 4px rgba(255,255,255,.04);
    }

    .chip.setup-active{
      background:rgba(34,197,94,.16);
      color:#c9f8d5;
      border-color:rgba(34,197,94,.34);
    }

    .chip.setup-cautious{
      background:rgba(245,158,11,.16);
      color:#ffe2a8;
      border-color:rgba(245,158,11,.34);
    }

    .chip.setup-wait{
      background:rgba(239,68,68,.14);
      color:#ffc7c7;
      border-color:rgba(239,68,68,.32);
    }

    .setup-summary.setup-active{
      border-color:rgba(34,197,94,.30);
      background:linear-gradient(180deg, rgba(34,197,94,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-summary.setup-cautious{
      border-color:rgba(245,158,11,.30);
      background:linear-gradient(180deg, rgba(245,158,11,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-summary.setup-wait{
      border-color:rgba(239,68,68,.28);
      background:linear-gradient(180deg, rgba(239,68,68,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .fib-hint{
      margin-top:12px;
      border-radius:14px;
      border:1px solid rgba(84,109,168,.58);
      background:rgba(255,255,255,.03);
      padding:12px;
      color:#dbe6ff;
      font-size:12px;
      line-height:1.5;
    }

    .fib-level-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
      .scenario-grid{ grid-template-columns:1fr; }
      .statusbar{ gap:7px; }
      .stat{ flex:1 1 calc(50% - 7px); }
      .stat:first-child{ flex-basis:100%; }
      .asset-logo.hero-logo{
        width:46px;
        height:46px;
      }
      .coin-top,
      .hero-top{ flex-direction:column; }
      .hero-price,
      .coin-right{ text-align:left; }
      .coin-left strong{ font-size:20px; }
      .hero-title{ font-size:24px; }
      .hero-price strong{ font-size:28px; }
      .summary,
      .scenario p,
      .subtle{ font-size:14px; }
      .metric .v{ font-size:18px; }
      .kv-line,
      .rule,
      .tab-btn{ font-size:14px; }
      .kv-line,
      .rule{ padding:10px 12px; }
      .tabs{
        display:grid;
        grid-template-columns:repeat(2, minmax(0,1fr));
        gap:8px;
        overflow:visible;
        padding-bottom:0;
      }
      .tabs::-webkit-scrollbar{ display:none; }
      .tab-btn{
        width:100%;
        white-space:normal;
        padding:10px 8px;
        text-align:center;
      }
      .footer-note{ font-size:12px; line-height:1.5; }
    }

    @media (max-width: 420px){
      .hero-metrics,
      .decision-strip,
      .hero-structure-brief,
  

    .setup-summary{
      border-radius:16px;
      border:1px solid rgba(84,109,168,.6);
      padding:14px;
      display:grid;
      gap:6px;
      background:rgba(255,255,255,.035);
    }

    .setup-summary strong{
      font-size:15px;
      color:#ffffff;
    }

    .setup-summary span{
      font-size:13px;
      line-height:1.5;
      color:#dbe6ff;
    }


    .trade-zone-grid{
      margin-top:14px;
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
    }

    .chip.trade-long{
      box-shadow:0 0 0 1px rgba(34,197,94,.10) inset;
    }

    .chip.trade-short{
      box-shadow:0 0 0 1px rgba(239,68,68,.10) inset;
    }

    .setup-zone.trade-long{
      border-color:rgba(34,197,94,.30);
      background:linear-gradient(180deg, rgba(34,197,94,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-zone.trade-short{
      border-color:rgba(239,68,68,.28);
      background:linear-gradient(180deg, rgba(239,68,68,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-zone-grid{
      margin-top:14px;
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
    }

    .setup-zone{
      position:relative;
      overflow:hidden;
      border-radius:14px;
      border:1px solid rgba(84,109,168,.68);
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      padding:12px;
      display:grid;
      gap:6px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }

    .setup-zone::before{
      content:"";
      position:absolute;
      left:10px;
      right:10px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(96,165,250,.72), transparent);
    }

    .setup-zone.preferred{
      box-shadow:0 0 0 1px rgba(76,141,255,.16) inset;
      border-color:rgba(102,138,214,.78);
    }

    .setup-zone.deep{
      background:rgba(255,255,255,.025);
    }

    .setup-zone-label{
      font-size:12px;
      color:#9db3e4;
      text-transform:uppercase;
      letter-spacing:.08em;
      font-weight:800;
    }

    .setup-zone-price{
      font-size:24px;
      line-height:1.1;
      letter-spacing:0;
      color:#ffffff;
      font-weight:900;
    }

    .setup-zone-note{
      font-size:12px;
      line-height:1.45;
      color:#dbe6ff;
    }


    .status-badges{
      margin-top:12px;
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }

    .status-badge{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:8px 10px;
      border-radius:999px;
      border:1px solid rgba(84,109,168,.58);
      background:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
      font-size:12px;
      font-weight:800;
      color:#dbe6ff;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    }

    .status-badge.ok{
      border-color:rgba(34,197,94,.34);
      background:rgba(34,197,94,.12);
      color:#d8fbe5;
    }

    .status-badge.missing{
      border-color:rgba(239,68,68,.30);
      background:rgba(239,68,68,.10);
      color:#ffd5d5;
    }

    .status-badge .dot{
      width:8px;
      height:8px;
      border-radius:999px;
      background:currentColor;
      opacity:.95;
      box-shadow:0 0 0 4px rgba(255,255,255,.04);
    }

    .chip.setup-active{
      background:rgba(34,197,94,.16);
      color:#c9f8d5;
      border-color:rgba(34,197,94,.34);
    }

    .chip.setup-cautious{
      background:rgba(245,158,11,.16);
      color:#ffe2a8;
      border-color:rgba(245,158,11,.34);
    }

    .chip.setup-wait{
      background:rgba(239,68,68,.14);
      color:#ffc7c7;
      border-color:rgba(239,68,68,.32);
    }

    .setup-summary.setup-active{
      border-color:rgba(34,197,94,.30);
      background:linear-gradient(180deg, rgba(34,197,94,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-summary.setup-cautious{
      border-color:rgba(245,158,11,.30);
      background:linear-gradient(180deg, rgba(245,158,11,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .setup-summary.setup-wait{
      border-color:rgba(239,68,68,.28);
      background:linear-gradient(180deg, rgba(239,68,68,.10) 0%, rgba(255,255,255,.03) 100%);
    }

    .fib-hint{
      margin-top:12px;
      border-radius:14px;
      border:1px solid rgba(84,109,168,.58);
      background:rgba(255,255,255,.03);
      padding:12px;
      color:#dbe6ff;
      font-size:12px;
      line-height:1.5;
    }

    .fib-level-grid{ grid-template-columns:1fr; }
      .actions{ grid-template-columns:1fr; }
      .actions .input{ grid-column:auto; }
      .hero-title{ font-size:22px; }
      .hero-price strong{ font-size:26px; }
    }
  
    .label-with-info{
      display:inline-flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
    }

    .info-wrap{
      position:relative;
      display:inline-flex;
      align-items:center;
      vertical-align:middle;
      z-index:12;
    }

    .info-toggle{
      width:18px;
      height:18px;
      border:none;
      border-radius:999px;
      padding:0;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      font-size:11px;
      font-weight:900;
      line-height:1;
      color:#dbeafe;
      background:rgba(76,141,255,.18);
      box-shadow:0 0 0 1px rgba(76,141,255,.28) inset;
      transition:transform .16s ease, background .16s ease, box-shadow .16s ease;
    }

    .info-toggle:hover,
    .info-toggle:focus-visible{
      outline:none;
      transform:translateY(-1px);
      background:rgba(76,141,255,.28);
      box-shadow:0 0 0 1px rgba(125,211,252,.45) inset, 0 0 0 4px rgba(56,189,248,.08);
    }

    .info-wrap.open .info-toggle{
      background:linear-gradient(180deg, rgba(59,130,246,.45), rgba(34,211,238,.28));
      box-shadow:0 0 0 1px rgba(125,211,252,.55) inset, 0 0 14px rgba(59,130,246,.16);
      color:#ffffff;
    }

    .info-backdrop{
      position:fixed;
      inset:0;
      background:rgba(5,10,20,.62);
      backdrop-filter:blur(5px);
      opacity:0;
      pointer-events:none;
      transition:opacity .18s ease;
      z-index:2990;
    }

    .info-backdrop.show{
      opacity:1;
      pointer-events:auto;
    }

    .info-modal{
      position:fixed;
      inset:0;
      display:none;
      align-items:center;
      justify-content:center;
      padding:20px;
      z-index:3100;
    }

    .info-modal.show{
      display:flex;
    }

    .info-modal-card{
      width:min(620px, calc(100vw - 32px));
      max-height:min(76vh, 680px);
      overflow:auto;
      border-radius:20px;
      border:1px solid rgba(96,165,250,.28);
      background:
        radial-gradient(circle at top left, rgba(59,130,246,.22), transparent 42%),
        radial-gradient(circle at bottom right, rgba(34,211,238,.14), transparent 38%),
        linear-gradient(180deg, rgba(20,34,63,.985), rgba(10,18,34,.985));
      box-shadow:
        0 22px 60px rgba(0,0,0,.46),
        0 0 0 1px rgba(34,211,238,.06) inset,
        0 0 18px rgba(59,130,246,.10);
      color:#e6f0ff;
      padding:18px 18px 16px;
      text-align:left;
      backdrop-filter:blur(14px);
    }

    .info-modal-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      margin-bottom:10px;
    }

    .info-modal-head h4{
      margin:0;
      color:#ffffff;
      font-size:16px;
      line-height:1.35;
      letter-spacing:.15px;
    }

    .info-modal-close{
      border:1px solid rgba(148,163,184,.22);
      background:rgba(15,23,42,.92);
      color:#eaf2ff;
      border-radius:10px;
      min-width:36px;
      height:36px;
      cursor:pointer;
      font-size:18px;
      line-height:1;
    }

    .info-modal-body{
      color:#dbeafe;
      font-size:14px;
      line-height:1.65;
      white-space:pre-wrap;
    }

    .info-popover{
      display:none !important;
    }

    @media (max-width: 760px){
      .label-with-info{
        gap:6px;
      }

      .info-modal-card{
        width:min(360px, calc(100vw - 20px));
        max-height:min(72vh, 520px);
      }
    }


    /* ----- Spot and trading workspace polish ----- */

    body[data-page="spot"]{
      --workspace-accent:#22c55e;
      --workspace-accent-rgb:34,197,94;
      --workspace-accent-2:#14b8a6;
      --workspace-accent-2-rgb:20,184,166;
      --workspace-warm:#f59e0b;
      --workspace-warm-rgb:245,158,11;
    }

    body[data-page="trading"]{
      --workspace-accent:#f97316;
      --workspace-accent-rgb:249,115,22;
      --workspace-accent-2:#60a5fa;
      --workspace-accent-2-rgb:96,165,250;
      --workspace-warm:#ef4444;
      --workspace-warm-rgb:239,68,68;
    }

    body[data-page="spot"] .topbar,
    body[data-page="trading"] .topbar{
      border-color:rgba(var(--workspace-accent-rgb), .34);
      background:
        radial-gradient(circle at 88% 18%, rgba(var(--workspace-accent-rgb), .16) 0%, rgba(10,16,30,0) 32%),
        radial-gradient(circle at 8% 100%, rgba(var(--workspace-accent-2-rgb), .11) 0%, rgba(10,16,30,0) 28%),
        linear-gradient(135deg, rgba(18,28,53,.95) 0%, rgba(8,15,31,.98) 58%, rgba(12,20,39,.96) 100%);
    }

    body[data-page="spot"] .topbar::after,
    body[data-page="trading"] .topbar::after{
      background:linear-gradient(90deg, transparent, rgba(var(--workspace-accent-rgb), .62), rgba(var(--workspace-accent-2-rgb), .52), transparent);
    }

    body[data-page="spot"] .titlebox h1,
    body[data-page="trading"] .titlebox h1{
      text-shadow:0 10px 28px rgba(var(--workspace-accent-rgb), .20);
    }

    body[data-page="spot"] .page-lead-spot,
    body[data-page="trading"] .page-lead-trading{
      border-color:rgba(var(--workspace-accent-rgb), .42);
      background:
        radial-gradient(circle at top right, rgba(var(--workspace-accent-rgb), .18) 0%, rgba(10,16,30,0) 34%),
        linear-gradient(180deg, rgba(24,37,68,.94), rgba(11,20,39,.97));
    }

    body[data-page="spot"] .page-lead-spot::before,
    body[data-page="trading"] .page-lead-trading::before{
      background:linear-gradient(90deg, transparent, rgba(var(--workspace-accent-rgb), .82), rgba(var(--workspace-accent-2-rgb), .62), transparent);
    }

    body[data-page="spot"] .page-lead-side .chip,
    body[data-page="trading"] .page-lead-side .chip{
      min-height:34px;
      padding:8px 12px;
      border-color:rgba(var(--workspace-accent-rgb), .36);
      box-shadow:0 10px 22px rgba(var(--workspace-accent-rgb), .10), inset 0 1px 0 rgba(255,255,255,.06);
    }

    body[data-page="spot"] .workspace-overview-spot,
    body[data-page="trading"] .workspace-overview-trading{
      border-color:rgba(var(--workspace-accent-rgb), .34);
      background:
        radial-gradient(circle at top left, rgba(var(--workspace-accent-rgb), .12) 0%, rgba(10,16,30,0) 34%),
        linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.020));
    }

    body[data-page="spot"] .workspace-overview-spot::before,
    body[data-page="trading"] .workspace-overview-trading::before{
      content:"";
      position:absolute;
      left:16px;
      right:16px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(var(--workspace-accent-rgb), .78), rgba(var(--workspace-accent-2-rgb), .48), transparent);
    }

    body[data-page="spot"] .workspace-overview-spot .workspace-card,
    body[data-page="trading"] .workspace-overview-trading .workspace-card{
      border-color:rgba(var(--workspace-accent-rgb), .30);
      background:
        radial-gradient(circle at top right, rgba(var(--workspace-accent-rgb), .10) 0%, rgba(10,18,35,0) 34%),
        linear-gradient(180deg, rgba(30,44,80,.84), rgba(10,18,35,.96));
    }

    body[data-page="spot"] .workspace-overview-spot .workspace-card::before,
    body[data-page="trading"] .workspace-overview-trading .workspace-card::before{
      background:linear-gradient(90deg, var(--workspace-accent), var(--workspace-accent-2), transparent);
      opacity:.88;
    }

    body[data-page="spot"] .workspace-overview-spot .workspace-card:hover,
    body[data-page="trading"] .workspace-overview-trading .workspace-card:hover{
      border-color:rgba(var(--workspace-accent-rgb), .58);
      box-shadow:0 18px 36px rgba(0,0,0,.22), 0 0 0 1px rgba(var(--workspace-accent-rgb), .12) inset;
    }

    body[data-page="spot"] .main,
    body[data-page="trading"] .main{
      border-color:rgba(var(--workspace-accent-rgb), .25);
    }

    body[data-page="spot"] .hero.page-spot .hero-card,
    body[data-page="trading"] .hero.page-trading .hero-card,
    body[data-page="spot"] #tab-spot_setup .tab-card,
    body[data-page="trading"] #tab-trading_setup .tab-card{
      border-color:rgba(var(--workspace-accent-rgb), .34);
      background:
        radial-gradient(circle at top right, rgba(var(--workspace-accent-rgb), .10) 0%, rgba(10,16,30,0) 34%),
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.020));
    }

    body[data-page="spot"] .hero.page-spot .hero-card::before,
    body[data-page="trading"] .hero.page-trading .hero-card::before{
      background:linear-gradient(90deg, var(--workspace-accent), var(--workspace-accent-2), rgba(var(--workspace-warm-rgb), .78));
    }

    body[data-page="spot"] .spot-zone-grid .setup-zone,
    body[data-page="trading"] .trade-zone-grid .setup-zone{
      border-color:rgba(var(--workspace-accent-rgb), .32);
      background:
        radial-gradient(circle at top right, rgba(var(--workspace-accent-rgb), .10) 0%, rgba(10,18,35,0) 36%),
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.020));
    }

    body[data-page="spot"] .spot-zone-grid .setup-zone::before,
    body[data-page="trading"] .trade-zone-grid .setup-zone::before{
      background:linear-gradient(90deg, rgba(var(--workspace-accent-rgb), .86), rgba(var(--workspace-accent-2-rgb), .48), transparent);
    }

    body[data-page="spot"] .spot-zone-grid .spot-preferred,
    body[data-page="trading"] .trade-zone-grid .trade-entry{
      border-color:rgba(var(--workspace-accent-rgb), .52);
      box-shadow:0 14px 28px rgba(var(--workspace-accent-rgb), .09), inset 0 1px 0 rgba(255,255,255,.05);
    }

    body[data-page="trading"] .trade-zone-grid .trade-stop{
      border-color:rgba(239,68,68,.34);
    }

    body[data-page="trading"] .trade-zone-grid .trade-targets{
      border-color:rgba(34,197,94,.30);
    }

    body[data-page="spot"] #tab-spot_setup .kv-line,
    body[data-page="trading"] #tab-trading_setup .kv-line,
    body[data-page="spot"] #tab-spot_setup .rule,
    body[data-page="trading"] #tab-trading_setup .rule,
    body[data-page="spot"] #tab-spot_setup .scenario,
    body[data-page="trading"] #tab-trading_setup .scenario{
      border:1px solid rgba(var(--workspace-accent-rgb), .20);
      background:
        linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.022));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }

    body[data-page="spot"] .tab-btn[data-tab="spot_setup"].active,
    body[data-page="trading"] .tab-btn[data-tab="trading_setup"].active{
      box-shadow:0 12px 24px rgba(var(--workspace-accent-rgb), .12), 0 0 0 1px rgba(var(--workspace-accent-rgb), .16) inset;
    }


    .trade-guard-panel{
      margin-top:16px;
      position:relative;
      overflow:hidden;
      border:1px solid rgba(84,109,168,.64);
      border-radius:18px;
      padding:16px;
      background:
        radial-gradient(circle at top right, rgba(6,182,212,.14) 0%, rgba(10,16,30,0) 34%),
        linear-gradient(180deg, rgba(16,24,45,.90), rgba(9,16,31,.96));
      box-shadow:0 16px 42px rgba(0,0,0,.20);
    }
    .trade-guard-panel::before{
      content:"";
      position:absolute;
      left:16px;
      right:16px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(6,182,212,.88), rgba(96,165,250,.44), transparent);
    }
    .trade-guard-badge{
      display:inline-flex;
      align-items:center;
      min-height:32px;
      padding:6px 12px;
      border-radius:999px;
      font-size:13px;
      font-weight:700;
      white-space:nowrap;
    }
    .trade-guard-badge.good{ background:rgba(34,197,94,.16); color:#b5f4ca; border:1px solid rgba(34,197,94,.34); }
    .trade-guard-badge.warn{ background:rgba(245,158,11,.16); color:#ffe0a6; border:1px solid rgba(245,158,11,.34); }
    .trade-guard-badge.risk{ background:rgba(249,115,22,.16); color:#ffd1a6; border:1px solid rgba(249,115,22,.34); }
    .trade-guard-badge.bad{ background:rgba(239,68,68,.16); color:#ffb7b7; border:1px solid rgba(239,68,68,.34); }
    .trade-guard-badge.neutral{ background:rgba(148,163,184,.14); color:#d7e1f5; border:1px solid rgba(148,163,184,.28); }
    .trade-guard-layout{
      display:grid;
      grid-template-columns:1.05fr 1fr;
      gap:16px;
    }
    .trade-guard-form,
    .trade-guard-output{
      background:
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.022));
      border:1px solid rgba(84,109,168,.54);
      border-radius:16px;
      padding:14px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }
    .trade-guard-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:12px;
    }
    .tg-field{ display:flex; flex-direction:column; gap:6px; }
    .tg-field span{ font-size:12px; color:rgba(255,255,255,.68); font-weight:600; }
    .tg-field input,
    .tg-field select{
      width:100%;
      min-height:42px;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.045);
      color:#fff;
      padding:10px 12px;
      outline:none;
    }
    .tg-field select option{ color:#fff; background:#131d36; }
    .tg-field input::placeholder{ color:rgba(255,255,255,.35); }
    .trade-guard-source{
      margin-top:12px;
      border:1px solid rgba(34,211,238,.22);
      border-radius:12px;
      background:linear-gradient(135deg, rgba(34,211,238,.085), rgba(122,162,255,.050));
      padding:10px 11px;
      display:grid;
      gap:4px;
      color:#dbeafe;
      min-width:0;
    }
    .trade-guard-source strong{
      color:#e8fbff;
      font-size:12px;
      line-height:1.2;
    }
    .trade-guard-source span,
    .trade-guard-source small{
      color:rgba(219,234,254,.82);
      font-size:12px;
      line-height:1.35;
      overflow-wrap:anywhere;
    }
    .trade-guard-actions{ display:flex; gap:10px; margin-top:14px; flex-wrap:wrap; }
    .tg-btn{
      min-height:42px;
      border:none;
      border-radius:12px;
      padding:0 16px;
      font-weight:700;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      background:
        linear-gradient(135deg, rgba(59,130,246,.32), rgba(6,182,212,.18));
      color:#fff;
      border:1px solid rgba(96,165,250,.36);
      box-shadow:0 10px 22px rgba(37,99,235,.12), inset 0 1px 0 rgba(255,255,255,.08);
      transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
    }
    .tg-btn:hover{
      transform:translateY(-1px);
      border-color:rgba(125,176,255,.62);
      box-shadow:0 14px 28px rgba(37,99,235,.18), inset 0 1px 0 rgba(255,255,255,.10);
    }
    .tg-btn-secondary{
      background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.032));
      border:1px solid rgba(108,132,188,.52);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    }
    .trade-guard-empty{ color:rgba(255,255,255,.72); }
    .tg-summary{ display:grid; gap:12px; }
    .tg-kpi-grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; }
    .tg-kpi,
    .tg-block{
      background:
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.024));
      border:1px solid rgba(84,109,168,.50);
      border-radius:14px;
      padding:12px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }
    .tg-kpi .label{ font-size:12px; color:rgba(255,255,255,.64); margin-bottom:6px; }
    .tg-kpi .value{ font-size:16px; font-weight:700; color:#fff; }
    .tg-block strong{ display:block; margin-bottom:8px; }
    .tg-block ul{ margin:0; padding-left:18px; }
    .tg-block li{ margin-bottom:6px; color:rgba(255,255,255,.88); }
    .tg-verdict{ font-size:15px; line-height:1.5; color:rgba(255,255,255,.94); }
    .tg-alert{ border-radius:14px; padding:12px; font-weight:700; }
    .tg-alert.danger{ background:rgba(239,68,68,.14); border:1px solid rgba(239,68,68,.34); color:#ffd0d0; }
    .tg-alert.warn{ background:rgba(245,158,11,.14); border:1px solid rgba(245,158,11,.34); color:#ffe3b0; }
    .tg-alert.good{ background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.28); color:#c9f7d8; }



    @media (max-width: 900px){
      .trade-guard-layout{ grid-template-columns:1fr; }
    }
    @media (max-width: 768px){
      .trade-guard-grid,
      .tg-kpi-grid{ grid-template-columns:1fr; }
      .system-health-grid{ grid-template-columns:1fr; }
      .hidden-config-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
      .hidden-config-grid.live-ai-config-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
      .hidden-config-grid.cron-config-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
      .hidden-config-grid .btn{ grid-column:1 / -1; width:100%; }
      .trade-guard-panel{ padding:12px; border-radius:16px; }
      .trade-guard-form,
      .trade-guard-output{ padding:12px; border-radius:14px; }
      .trade-guard-actions{ gap:8px; }
      .tg-btn{ width:100%; min-height:40px; }
      .tg-field input,
      .tg-field select{ min-height:40px; padding:9px 10px; }
      .tg-kpi .value{ font-size:15px; }
      .tg-verdict{ font-size:14px; }
    }


    .fold-card-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:10px;
    }
    .fold-toggle{
      border:1px solid rgba(108,132,188,.56);
      background:
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.026));
      color:var(--text);
      border-radius:999px;
      min-height:34px;
      padding:0 12px;
      font-weight:700;
      cursor:pointer;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
      transition:transform .16s ease, border-color .16s ease, background .16s ease;
    }
    .fold-toggle:hover{
      transform:translateY(-1px);
      border-color:rgba(125,176,255,.64);
      background:
        linear-gradient(180deg, rgba(96,165,250,.14), rgba(255,255,255,.04));
    }
    .fold-body.is-collapsed{ display:none; }


    .fold-toggle{
      display:inline-flex;
      align-items:center;
      gap:10px;
    }
    .fold-toggle .chev{
      width:10px;
      height:10px;
      display:inline-block;
      border-right:2px solid currentColor;
      border-bottom:2px solid currentColor;
      transform:rotate(45deg);
      margin-top:-2px;
      transition:transform .18s ease;
      opacity:.9;
    }
    .fold-toggle[aria-expanded="true"] .chev{
      transform:rotate(225deg);
      margin-top:2px;
    }

    .trading-panel-root{
      margin-bottom:16px;
    }

    .trading-cockpit{
      position:relative;
      overflow:hidden;
      border:1px solid rgba(84,109,168,.72);
      background:
        radial-gradient(circle at top right, rgba(59,130,246,.14) 0%, rgba(10,16,30,0) 32%),
        linear-gradient(180deg, rgba(16,24,45,.92) 0%, rgba(9,16,31,.96) 100%);
      border-radius:16px;
      padding:16px;
      box-shadow:0 16px 42px rgba(0,0,0,.20);
    }
    .trading-cockpit::before{
      content:"";
      position:absolute;
      left:16px;
      right:16px;
      top:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(96,165,250,.88), rgba(34,197,94,.42), transparent);
    }

    .trading-cockpit-head,
    .trade-form-head,
    .trade-setup-head,
    .trade-section-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      margin-bottom:12px;
    }

    .trading-cockpit-head h2,
    .trade-form-head h3,
    .trade-setup-head h3,
    .trade-section-head h3{
      margin:0;
      color:#fff;
      line-height:1.1;
    }

    .trading-cockpit-head h2{ font-size:24px; }
    .trading-cockpit-head p{
      margin:5px 0 0;
      color:var(--soft);
      font-size:13px;
    }

    .trade-head-actions{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:8px;
      flex-wrap:wrap;
    }

    .connector-pill,
    .trade-review,
    .trade-side{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:26px;
      border-radius:999px;
      padding:4px 9px;
      font-size:12px;
      font-weight:900;
      line-height:1;
      white-space:nowrap;
    }

    .connector-pill{
      color:#cfdcff;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(108,132,188,.55);
    }
    .connector-pill.server{
      color:#b7f7cb;
      background:rgba(34,197,94,.13);
      border-color:rgba(34,197,94,.30);
    }
    .connector-pill.local{
      color:#ffe3b0;
      background:rgba(245,158,11,.13);
      border-color:rgba(245,158,11,.30);
    }

    .trade-review.good{ color:#b7f7cb; background:rgba(34,197,94,.15); border:1px solid rgba(34,197,94,.28); }
    .trade-review.neutral{ color:#dbe6ff; background:rgba(148,163,184,.12); border:1px solid rgba(148,163,184,.24); }
    .trade-review.warn{ color:#ffe3b0; background:rgba(245,158,11,.15); border:1px solid rgba(245,158,11,.28); }
    .trade-review.bad{ color:#ffc4c4; background:rgba(239,68,68,.15); border:1px solid rgba(239,68,68,.30); }

    .trade-side.long{ color:#b7f7cb; background:rgba(34,197,94,.16); }
    .trade-side.short{ color:#ffc4c4; background:rgba(239,68,68,.16); }

    .trade-kpi-grid{
      display:grid;
      grid-template-columns:repeat(5, minmax(0,1fr));
      gap:8px;
      margin-bottom:14px;
    }

    .trade-kpi,
    .trade-setup-box,
    .trade-ticket,
    .trade-book{
      border:1px solid rgba(84,109,168,.62);
      background:
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.022));
      border-radius:14px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }

    .trade-kpi{
      min-height:68px;
      padding:11px;
      display:grid;
      align-content:center;
      gap:5px;
    }

    .trade-kpi span,
    .trade-calc-grid span,
    .trade-setup-values small,
    .trade-form-grid label span,
    .trade-notes span{
      color:rgba(207,220,255,.78);
      font-size:12px;
      font-weight:800;
    }

    .trade-kpi strong{
      color:#fff;
      font-size:18px;
      line-height:1.1;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .trading-cockpit-grid{
      display:grid;
      grid-template-columns:minmax(320px, .95fr) minmax(420px, 1.35fr);
      gap:14px;
      align-items:start;
    }

    .trade-book,
    .trade-setup-box,
    .trade-ticket{
      padding:14px;
    }

    .trade-book-list{
      display:grid;
      gap:9px;
    }

    .trade-row{
      display:grid;
      grid-template-columns:minmax(0, 1fr);
      gap:8px;
      border:1px solid rgba(84,109,168,.58);
      background:
        linear-gradient(180deg, rgba(30,44,80,.70), rgba(10,18,35,.88));
      border-radius:12px;
      padding:10px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
      transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
    }

    .trade-row:hover{
      transform:translateY(-1px);
      border-color:rgba(126,152,218,.80);
      box-shadow:0 12px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04);
    }

    .trade-row.active{
      border-color:rgba(125,176,255,.92);
      box-shadow:0 0 0 1px rgba(125,176,255,.20) inset, 0 14px 28px rgba(37,99,235,.14);
      background:
        linear-gradient(180deg, rgba(59,130,246,.18), rgba(14,22,42,.86));
    }

    .trade-row-main{
      border:0;
      background:transparent;
      color:var(--text);
      display:flex;
      align-items:center;
      gap:10px;
      text-align:left;
      cursor:pointer;
      padding:0;
      min-width:0;
    }

    .asset-logo.trade-logo{
      width:38px;
      height:38px;
    }

    .trade-row-copy{
      min-width:0;
      display:grid;
      gap:4px;
    }

    .trade-row-copy strong{
      display:flex;
      align-items:center;
      gap:7px;
      color:#fff;
      min-width:0;
    }

    .trade-row-copy small{
      color:var(--soft);
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .trade-row-metrics{
      display:grid;
      grid-template-columns:repeat(4, minmax(0,1fr));
      gap:7px;
    }

    .trade-row-metrics span{
      min-height:30px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:8px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.028));
      border:1px solid rgba(108,132,188,.24);
      color:#dbe6ff;
      font-size:12px;
      font-weight:800;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      padding:0 6px;
    }

    .trade-row-actions,
    .trade-form-actions{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
    }

    .mini-btn{
      min-height:32px;
      border-radius:8px;
      border:1px solid rgba(108,132,188,.58);
      background:
        linear-gradient(180deg, rgba(255,255,255,.072), rgba(255,255,255,.028));
      color:var(--text);
      font-size:12px;
      font-weight:900;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:6px;
      padding:0 10px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
      transition:transform .16s ease, border-color .16s ease, background .16s ease;
    }

    .mini-btn::before{
      flex-basis:14px;
      width:14px;
      height:14px;
    }

    .mini-btn:hover{
      transform:translateY(-1px);
      border-color:rgba(125,176,255,.64);
      background:
        linear-gradient(180deg, rgba(96,165,250,.14), rgba(255,255,255,.04));
    }
    .mini-btn.danger{
      border-color:rgba(239,68,68,.30);
      color:#ffc4c4;
    }

    .trade-ticket-wrap{
      display:grid;
      gap:12px;
    }

    .trade-form-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:10px;
    }

    .trade-source-note{
      margin-bottom:10px;
      border:1px solid rgba(34,211,238,.22);
      border-radius:12px;
      background:linear-gradient(135deg, rgba(34,211,238,.080), rgba(122,162,255,.045));
      padding:10px 11px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      min-width:0;
    }

    .trade-source-note strong{
      color:#e8fbff;
      font-size:12px;
      white-space:nowrap;
    }

    .trade-source-note span{
      color:#dbe6ff;
      font-size:12px;
      line-height:1.35;
      text-align:right;
      overflow-wrap:anywhere;
      min-width:0;
    }

    .trade-form-grid label,
    .trade-notes{
      display:grid;
      gap:6px;
      min-width:0;
    }

    .trade-form-grid input,
    .trade-form-grid select,
    .trade-notes textarea{
      width:100%;
      min-height:40px;
      border-radius:10px;
      border:1px solid rgba(108,132,188,.58);
      background:rgba(5,10,20,.45);
      color:#fff;
      outline:none;
      padding:9px 10px;
      font-size:14px;
    }

    .trade-datetime-control{
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      gap:7px;
      align-items:stretch;
    }

    .trade-datetime-control .mini-btn{
      min-height:40px;
      border-radius:10px;
      padding:0 12px;
    }

    .trade-form-grid select option{
      color:#fff;
      background:#131d36;
    }

    .trade-notes{
      margin-top:10px;
    }

    .trade-notes textarea{
      resize:vertical;
      min-height:74px;
      line-height:1.45;
    }

    .trade-calc-output{
      margin-top:12px;
      display:grid;
      gap:10px;
    }

    .trade-calc-grid,
    .trade-setup-values{
      display:grid;
      grid-template-columns:repeat(4, minmax(0,1fr));
      gap:8px;
    }

    .trade-calc-grid > div,
    .trade-setup-values > span{
      min-height:62px;
      border-radius:10px;
      background:rgba(255,255,255,.045);
      border:1px solid rgba(108,132,188,.30);
      padding:10px;
      display:grid;
      align-content:center;
      gap:5px;
      min-width:0;
    }

    .trade-calc-grid strong,
    .trade-setup-values strong{
      color:#fff;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .trade-calc-grid .label-with-info{
      width:100%;
      justify-content:flex-start;
      gap:6px;
    }

    .trade-calc-grid .info-toggle,
    .trade-form-grid .info-toggle{
      flex:0 0 auto;
    }

    .trade-calc-review{
      border-radius:10px;
      padding:11px;
      display:grid;
      gap:4px;
      border:1px solid rgba(108,132,188,.32);
      background:rgba(255,255,255,.04);
    }

    .trade-calc-review.good{ border-color:rgba(34,197,94,.25); background:rgba(34,197,94,.10); }
    .trade-calc-review.warn{ border-color:rgba(245,158,11,.26); background:rgba(245,158,11,.10); }
    .trade-calc-review.bad{ border-color:rgba(239,68,68,.30); background:rgba(239,68,68,.10); }
    .trade-calc-review span{ color:#dbe6ff; font-size:13px; line-height:1.4; }

    .trade-setup-note{
      margin-top:10px;
      color:#dbe6ff;
      font-size:13px;
      line-height:1.45;
    }

    .pos-text{ color:#b7f7cb !important; }
    .neg-text{ color:#ffc4c4 !important; }

    .trade-confirm-overlay{
      position:fixed;
      inset:0;
      z-index:130;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:18px;
      background:rgba(2,6,23,.72);
      backdrop-filter:blur(10px);
    }

    .trade-confirm-dialog{
      width:min(720px, calc(100vw - 28px));
      max-height:min(86vh, 780px);
      overflow:auto;
      border:1px solid rgba(125,176,255,.28);
      border-radius:14px;
      background:
        linear-gradient(180deg, rgba(24,36,65,.98), rgba(7,13,27,.98));
      box-shadow:0 24px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06);
      padding:16px;
      display:grid;
      gap:13px;
    }

    .trade-confirm-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
    }

    .trade-confirm-head h3{
      margin:2px 0 0;
      color:#fff;
      font-size:21px;
    }

    .trade-confirm-score{
      border:1px solid rgba(34,211,238,.26);
      border-radius:12px;
      background:
        linear-gradient(135deg, rgba(34,211,238,.13), rgba(59,130,246,.08));
      padding:12px;
      display:flex;
      align-items:center;
      gap:12px;
    }

    .trade-confirm-score strong{
      color:#e8fbff;
      font-size:34px;
      line-height:1;
      white-space:nowrap;
    }

    .trade-confirm-score span,
    .trade-confirm-note{
      color:#dbe6ff;
      font-size:13px;
      line-height:1.45;
    }

    .trade-confirm-metrics{
      display:grid;
      grid-template-columns:repeat(4, minmax(0,1fr));
      gap:8px;
    }

    .trade-confirm-metrics span{
      min-height:58px;
      border-radius:10px;
      border:1px solid rgba(108,132,188,.30);
      background:rgba(255,255,255,.045);
      padding:9px;
      display:grid;
      gap:4px;
      align-content:center;
      min-width:0;
    }

    .trade-confirm-metrics small{
      color:rgba(207,220,255,.70);
      font-size:11px;
      font-weight:900;
      text-transform:uppercase;
    }

    .trade-confirm-metrics strong{
      color:#fff;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .trade-confirm-columns{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
    }

    .trade-confirm-columns > div{
      border:1px solid rgba(108,132,188,.26);
      border-radius:12px;
      background:rgba(255,255,255,.035);
      padding:11px;
    }

    .trade-confirm-columns strong{
      color:#fff;
      display:block;
      margin-bottom:6px;
    }

    .trade-confirm-columns ul{
      margin:0;
      padding-left:18px;
      color:#dbe6ff;
      font-size:13px;
      line-height:1.5;
    }

    .trade-confirm-actions{
      display:flex;
      justify-content:flex-end;
      gap:9px;
      flex-wrap:wrap;
    }

    .setup-wait-detail{
      margin-top:12px;
      border:1px solid rgba(245,158,11,.24);
      border-radius:12px;
      background:linear-gradient(135deg, rgba(245,158,11,.085), rgba(255,255,255,.025));
      padding:12px;
      display:grid;
      gap:7px;
      color:#dbe6ff;
      font-size:13px;
      line-height:1.5;
    }

    .setup-wait-detail strong{
      color:#fff4d6;
      font-size:13px;
    }

    .setup-wait-detail span{
      color:#dbe6ff;
    }

    .setup-wait-detail ul{
      margin:0;
      padding-left:18px;
      color:#ffe2a8;
    }

    @media (max-width: 1180px){
      .trading-cockpit-grid{ grid-template-columns:1fr; }
      .trade-kpi-grid{ grid-template-columns:repeat(3, minmax(0,1fr)); }
    }

    @media (max-width: 820px){
      .trading-cockpit{ padding:12px; }
      .trading-cockpit-head,
      .trade-form-head,
      .trade-setup-head,
      .trade-section-head{
        align-items:flex-start;
        flex-direction:column;
      }
      .trade-kpi-grid,
      .trade-form-grid,
      .trade-calc-grid,
      .trade-setup-values,
      .trade-row-metrics{
        grid-template-columns:1fr 1fr;
      }
      .trade-form-actions .btn,
      .trade-row-actions .mini-btn{
        flex:1 1 auto;
      }
      .trade-confirm-metrics,
      .trade-confirm-columns{
        grid-template-columns:1fr 1fr;
      }
      .trade-source-note{
        align-items:flex-start;
        flex-direction:column;
      }
      .trade-source-note span{
        text-align:left;
      }
    }

    @media (max-width: 520px){
      .trade-kpi-grid,
      .trade-form-grid,
      .trade-calc-grid,
      .trade-setup-values,
      .trade-row-metrics{
        grid-template-columns:1fr;
      }
      .trade-row-actions,
      .trade-form-actions{
        display:grid;
        grid-template-columns:1fr;
      }
      .trade-datetime-control,
      .trade-confirm-metrics,
      .trade-confirm-columns,
      .trade-confirm-actions{
        grid-template-columns:1fr;
      }
      .trade-confirm-actions{
        display:grid;
      }
      .trade-confirm-score{
        align-items:flex-start;
        flex-direction:column;
      }
    }

    @media (max-width: 760px){
      .tabs{
        gap:8px;
      }

      .tab-btn{
        flex:1 1 calc(50% - 8px);
        min-height:40px;
        padding:9px 10px;
        font-size:13px;
      }

      .tab-btn::before,
      .sort-btn::before,
      .tg-btn::before{
        flex-basis:16px;
        width:16px;
        height:16px;
      }

      .mini-btn::before,
      .coin-action-btn::before{
        flex-basis:12px;
        width:12px;
        height:12px;
      }

      .sort-btn,
      .mini-btn,
      .tg-btn{
        gap:6px;
      }

      .asset-section-btn{
        padding-left:34px;
      }

      .hidden-toggle,
      .hidden-field{
        min-height:auto;
      }
    }

    @media (max-width: 430px){
      .tab-btn{
        flex-basis:100%;
      }
    }

    /* Spot/trading detail refinements */

    body[data-page="spot"] .lead-metric-strip,
    body[data-page="trading"] .lead-metric-strip{
      width:min(440px, 100%);
      display:grid;
      grid-template-columns:minmax(82px, .78fr) minmax(76px, .72fr) minmax(142px, 1.5fr);
      gap:10px;
    }

    body[data-page="spot"] .lead-metric,
    body[data-page="trading"] .lead-metric{
      min-width:0;
      min-height:56px;
      border:1px solid rgba(var(--workspace-accent-rgb), .24);
      border-radius:12px;
      background:
        linear-gradient(180deg, rgba(var(--workspace-accent-rgb), .10), rgba(255,255,255,.035));
      padding:9px 11px;
      display:grid;
      align-content:center;
      gap:6px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    }

    body[data-page="spot"] .lead-metric-strip small,
    body[data-page="trading"] .lead-metric-strip small{
      color:rgba(207,220,255,.72);
      font-size:10px;
      font-weight:900;
      line-height:1;
      text-transform:uppercase;
      letter-spacing:.06em;
    }

    body[data-page="spot"] .lead-metric-strip strong,
    body[data-page="trading"] .lead-metric-strip strong{
      min-width:0;
      color:#ffffff;
      font-size:15px;
      line-height:1.15;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      font-variant-numeric:tabular-nums;
    }

    body[data-page="spot"] .lead-metric-zone,
    body[data-page="trading"] .lead-metric-zone{
      padding-inline:12px;
    }

    body[data-page="spot"] .lead-metric-zone strong,
    body[data-page="trading"] .lead-metric-zone strong{
      letter-spacing:.02em;
    }

    @media (max-width: 760px){
      body[data-page="spot"] .page-lead,
      body[data-page="trading"] .page-lead{
        gap:11px;
        padding:12px;
        border-radius:14px;
      }

      body[data-page="spot"] .page-lead h2,
      body[data-page="trading"] .page-lead h2{
        font-size:19px;
        line-height:1.18;
        margin:3px 0 5px;
      }

      body[data-page="spot"] .page-lead p,
      body[data-page="trading"] .page-lead p{
        font-size:13px;
        line-height:1.42;
      }

      body[data-page="spot"] .page-lead-side,
      body[data-page="trading"] .page-lead-side{
        display:grid;
        grid-template-columns:repeat(2, minmax(0,1fr));
        justify-items:stretch;
        gap:8px;
      }

      body[data-page="spot"] .page-lead-side > .chip,
      body[data-page="trading"] .page-lead-side > .chip{
        width:100%;
        min-height:34px;
        justify-content:center;
        line-height:1.2;
        white-space:normal;
        text-align:center;
      }

      body[data-page="spot"] .page-lead-side > .small,
      body[data-page="trading"] .page-lead-side > .small{
        min-height:34px;
        border:1px solid rgba(var(--workspace-accent-rgb), .20);
        border-radius:999px;
        background:rgba(255,255,255,.045);
        padding:7px 10px;
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        line-height:1.2;
      }

      body[data-page="spot"] .lead-metric-strip,
      body[data-page="trading"] .lead-metric-strip{
        grid-column:1 / -1;
        width:100%;
        grid-template-columns:minmax(74px, .75fr) minmax(68px, .68fr) minmax(124px, 1.45fr);
        gap:9px;
      }

      body[data-page="spot"] .lead-metric,
      body[data-page="trading"] .lead-metric{
        min-height:52px;
        padding:8px 9px;
      }

      body[data-page="spot"] .workspace-overview-spot,
      body[data-page="trading"] .workspace-overview-trading{
        gap:11px;
        padding:12px;
        border-radius:14px;
      }

      body[data-page="spot"] .workspace-head,
      body[data-page="trading"] .workspace-head{
        gap:8px;
      }

      body[data-page="spot"] .workspace-head h3,
      body[data-page="trading"] .workspace-head h3{
        font-size:16px;
      }

      body[data-page="spot"] .workspace-overview-spot .workspace-card-grid,
      body[data-page="trading"] .workspace-overview-trading .workspace-card-grid{
        display:flex;
        grid-template-columns:none;
        gap:8px;
        overflow-x:auto;
        padding:2px 1px 6px;
        margin-inline:-1px;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
      }

      body[data-page="spot"] .workspace-overview-spot .workspace-card,
      body[data-page="trading"] .workspace-overview-trading .workspace-card{
        flex:0 0 min(78vw, 270px);
        min-height:108px;
        padding:11px;
        border-radius:12px;
        scroll-snap-align:start;
      }

      body[data-page="spot"] .workspace-main,
      body[data-page="trading"] .workspace-main{
        font-size:18px;
      }

      body[data-page="trading"] .workspace-split{
        gap:11px;
      }

      body[data-page="trading"] .trading-cockpit{
        border-radius:14px;
        padding:11px;
      }

      body[data-page="trading"] .trading-cockpit-head,
      body[data-page="trading"] .trade-form-head,
      body[data-page="trading"] .trade-setup-head,
      body[data-page="trading"] .trade-section-head{
        gap:8px;
        margin-bottom:10px;
      }

      body[data-page="trading"] .trading-cockpit-head h2{
        font-size:20px;
      }

      body[data-page="trading"] .trade-head-actions{
        width:100%;
        justify-content:flex-start;
      }

      body[data-page="trading"] .trade-kpi-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
        gap:7px;
        margin-bottom:10px;
      }

      body[data-page="trading"] .trade-kpi{
        min-height:60px;
        padding:9px;
      }

      body[data-page="trading"] .trade-kpi strong{
        font-size:16px;
      }

      body[data-page="trading"] .trade-book,
      body[data-page="trading"] .trade-setup-box,
      body[data-page="trading"] .trade-ticket{
        border-radius:12px;
        padding:11px;
      }

      body[data-page="trading"] .trade-calc-grid,
      body[data-page="trading"] .trade-setup-values,
      body[data-page="trading"] .trade-row-metrics{
        gap:7px;
      }

      body[data-page="trading"] .trade-confirm-dialog{
        border-radius:14px;
        padding:13px;
      }
    }

    @media (max-width: 520px){
      body[data-page="trading"] .trade-kpi-grid,
      body[data-page="trading"] .trade-calc-grid,
      body[data-page="trading"] .trade-setup-values,
      body[data-page="trading"] .trade-row-metrics,
      body[data-page="trading"] .trade-confirm-metrics{
        grid-template-columns:repeat(2, minmax(0,1fr));
      }

      body[data-page="trading"] .trade-form-grid,
      body[data-page="trading"] .trade-confirm-columns,
      body[data-page="trading"] .trade-confirm-actions{
        grid-template-columns:1fr;
      }

      body[data-page="trading"] .trade-confirm-actions{
        display:grid;
      }

      body[data-page="spot"] .hero-identity + .chip-row,
      body[data-page="spot"] .hero-identity + .chip-row + .insight-chip-row{
        display:grid;
        grid-template-columns:repeat(2, minmax(0,1fr));
        gap:7px;
        align-items:stretch;
      }

      body[data-page="spot"] .hero-identity + .chip-row .chip,
      body[data-page="spot"] .hero-identity + .chip-row + .insight-chip-row .chip{
        width:100%;
        min-height:34px;
        justify-content:flex-start;
        padding:8px 10px;
        border-radius:11px;
        white-space:normal;
        line-height:1.18;
      }

      body[data-page="spot"] .hero-identity + .chip-row .chip:nth-child(n+3),
      body[data-page="spot"] .hero-identity + .chip-row + .insight-chip-row .chip:nth-child(3){
        grid-column:1 / -1;
      }
    }

    @media (max-width: 430px){
      body[data-page="spot"] .page-lead-side,
      body[data-page="trading"] .page-lead-side{
        grid-template-columns:1fr;
      }

      body[data-page="spot"] .lead-metric-strip,
      body[data-page="trading"] .lead-metric-strip{
        grid-template-columns:minmax(70px, .72fr) minmax(64px, .64fr) minmax(122px, 1.5fr);
      }

      body[data-page="spot"] .lead-metric-strip strong,
      body[data-page="trading"] .lead-metric-strip strong{
        font-size:13px;
      }

      body[data-page="spot"] .lead-metric-strip small,
      body[data-page="trading"] .lead-metric-strip small{
        font-size:9px;
      }

      body[data-page="spot"] .workspace-overview-spot .workspace-card,
      body[data-page="trading"] .workspace-overview-trading .workspace-card{
        flex-basis:82vw;
      }
    }

    .auth-shell{
      min-height:100vh;
      display:grid;
      align-content:center;
      gap:18px;
    }

    .auth-hero{
      min-height:auto;
      padding:30px 0 8px;
    }

    .auth-panel{
      max-width:460px;
      width:100%;
      margin:0 auto;
    }

    .auth-form{
      display:grid;
      gap:14px;
    }

    .auth-form label{
      display:grid;
      gap:7px;
      color:var(--muted);
      font-size:13px;
      font-weight:700;
      letter-spacing:0;
    }

    .auth-form input{
      width:100%;
      min-height:46px;
      border:1px solid var(--border);
      border-radius:8px;
      padding:0 13px;
      background:var(--surface);
      color:var(--text);
      font:inherit;
    }

    .form-status{
      min-height:22px;
      color:var(--muted);
      font-size:13px;
      line-height:1.4;
    }

    .auth-chip{
      display:inline-flex;
      align-items:center;
      gap:8px;
      min-height:36px;
      padding:5px 6px 5px 11px;
      border:1px solid var(--border);
      border-radius:8px;
      background:var(--surface);
      color:var(--text);
      box-shadow:var(--shadow-soft);
    }

    .auth-user,
    .auth-role{
      font-size:12px;
      font-weight:800;
      line-height:1;
    }

    .auth-role{
      color:var(--muted);
    }

    .grid-2{
      display:grid;
      grid-template-columns:minmax(280px, 420px) minmax(0, 1fr);
      gap:16px;
      align-items:start;
    }

    .section-head{
      display:flex;
      justify-content:space-between;
      gap:12px;
      align-items:flex-start;
      margin-bottom:14px;
    }

    .section-head h2{
      margin:0;
    }

    .section-head p{
      margin:4px 0 0;
      color:var(--muted);
      line-height:1.35;
    }

    @media (max-width: 900px){
      .grid-2{
        grid-template-columns:1fr;
      }
    }

    body.auth-page{
      min-height:100vh;
      overflow-x:hidden;
      background:
        linear-gradient(120deg, rgba(2,7,19,.96), rgba(2,7,19,.52) 48%, rgba(2,7,19,.88)),
        url("../assets/startseite-tokenpilot.png") center/cover no-repeat fixed,
        #020713;
      color:var(--text);
    }

    body.auth-page::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(180deg, rgba(2,7,19,.18), rgba(2,7,19,.76)),
        radial-gradient(circle at 18% 18%, rgba(18,223,243,.18), transparent 24%),
        radial-gradient(circle at 78% 38%, rgba(168,85,247,.16), transparent 28%);
    }

    body.auth-page .auth-shell{
      position:relative;
      z-index:1;
      min-height:100svh;
      width:min(100% - 28px, 1120px);
      margin:0 auto;
      padding:22px 0;
      display:grid;
      grid-template-columns:minmax(0, 1fr) minmax(330px, 440px);
      align-items:center;
      gap:clamp(20px, 5vw, 72px);
    }

    body.auth-page .auth-shell::before{
      content:none;
      display:none;
    }

    .auth-brand-stage{
      align-self:center;
      justify-self:start;
      max-width:620px;
      display:grid;
      gap:10px;
      color:rgba(245,247,255,.92);
      text-shadow:0 10px 44px rgba(0,0,0,.58);
    }

    .auth-brand-stage p{
      margin:0;
      display:inline-flex;
      align-items:center;
      gap:9px;
      color:#9cecff;
      font-size:13px;
      font-weight:950;
      letter-spacing:.14em;
      line-height:1;
      text-transform:uppercase;
    }

    .auth-brand-stage p::before{
      content:"";
      width:40px;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, #12dff3, #a855f7);
      box-shadow:0 0 18px rgba(18,223,243,.28);
    }

    .auth-brand-stage strong{
      max-width:680px;
      font-size:clamp(44px, 7vw, 94px);
      line-height:.92;
      font-weight:950;
      letter-spacing:0;
    }

    .auth-brand-stage span:not(.auth-brand-mark){
      max-width:560px;
      color:rgba(219,229,255,.76);
      font-size:clamp(16px, 2vw, 20px);
      line-height:1.45;
    }

    .auth-brand-stage small{
      display:inline-flex;
      width:max-content;
      margin-top:8px;
      padding:8px 11px;
      border:1px solid rgba(255,255,255,.16);
      border-radius:8px;
      background:rgba(4,10,27,.44);
      color:rgba(245,247,255,.78);
      font-size:11px;
      font-weight:900;
      letter-spacing:.10em;
      line-height:1;
      text-transform:uppercase;
      backdrop-filter:blur(10px);
    }

    .auth-brand-mark{
      width:66px;
      height:66px;
      border-radius:16px;
      border:1px solid rgba(255,255,255,.18);
      background:
        radial-gradient(circle at 50% 50%, rgba(18,223,243,.92) 0 4px, transparent 4.8px),
        radial-gradient(circle at 50% 50%, rgba(125,85,255,.86) 0 9px, transparent 9.8px),
        conic-gradient(from 34deg, #12dff3, #1c8dff, #a855f7, #12dff3);
      box-shadow:0 18px 46px rgba(18,223,243,.18), inset 0 1px 0 rgba(255,255,255,.18);
      position:relative;
    }

    .auth-brand-mark::before{
      content:"";
      position:absolute;
      inset:13px;
      clip-path:polygon(50% 0, 91% 25%, 91% 75%, 50% 100%, 9% 75%, 9% 25%);
      background:rgba(5,12,29,.92);
      border:1px solid rgba(34,216,241,.58);
    }

    .auth-brand-mark::after{
      content:"";
      position:absolute;
      inset:28px;
      border-radius:50%;
      background:#18eff6;
      box-shadow:0 0 18px rgba(18,239,246,.66), 18px 0 0 -2px #9b55ff, -18px 0 0 -2px #12dff3;
    }

    .auth-public-link{
      position:fixed;
      top:18px;
      left:50%;
      transform:translateX(-50%);
      z-index:3;
      display:inline-flex;
      align-items:center;
      gap:9px;
      min-height:38px;
      padding:9px 13px;
      border:1px solid rgba(255,255,255,.18);
      border-radius:8px;
      background:rgba(4,10,27,.58);
      color:rgba(245,247,255,.9);
      backdrop-filter:blur(12px);
      font-size:13px;
      font-weight:900;
      box-shadow:0 18px 46px rgba(0,0,0,.22);
    }

    .auth-public-link::before{
      content:"";
      width:14px;
      height:14px;
      border-radius:50%;
      background:
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.95) 0 2px, transparent 2.4px),
        conic-gradient(from 40deg, #12dff3, #a855f7, #1c8dff, #12dff3);
      box-shadow:0 0 16px rgba(18,223,243,.25);
    }

    body.auth-page .auth-panel{
      position:relative;
      width:100%;
      max-width:none;
      margin:0;
      padding:24px;
      border:1px solid rgba(255,255,255,.16);
      border-radius:8px;
      background:
        linear-gradient(180deg, rgba(13,23,48,.86), rgba(5,12,29,.88)),
        rgba(5,12,29,.92);
      box-shadow:0 28px 80px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.08);
      backdrop-filter:blur(18px);
      overflow:hidden;
    }

    body.auth-page .auth-panel::before{
      content:"";
      position:absolute;
      inset:0;
      height:3px;
      background:linear-gradient(90deg, #12dff3, #1c8dff, #a855f7);
    }

    .auth-card-head{
      display:grid;
      gap:8px;
      margin-bottom:20px;
    }

    .auth-orbit{
      width:54px;
      height:54px;
      border-radius:50%;
      border:4px solid rgba(18,223,243,.76);
      border-right-color:rgba(168,85,247,.9);
      position:relative;
      box-shadow:0 0 34px rgba(18,223,243,.18);
    }

    .auth-orbit::before,
    .auth-orbit::after{
      content:"";
      position:absolute;
      border-radius:50%;
    }

    .auth-orbit::before{
      inset:11px;
      border:3px solid rgba(168,85,247,.72);
      border-left-color:transparent;
    }

    .auth-orbit::after{
      width:8px;
      height:8px;
      right:-5px;
      top:18px;
      background:#a855f7;
      box-shadow:-35px 14px 0 #1c8dff, -8px 34px 0 #12dff3;
    }

    .auth-kicker{
      margin:0;
      color:rgba(183,192,216,.84);
      font-size:12px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.12em;
    }

    .auth-card-head h1{
      margin:0;
      color:#f5f7ff;
      font-size:clamp(30px, 5vw, 44px);
      line-height:1.02;
      letter-spacing:0;
    }

    .auth-card-head p:not(.auth-kicker){
      margin:0;
      color:rgba(219,229,255,.72);
      font-size:14px;
      line-height:1.45;
    }

    body.auth-page .auth-form{
      gap:13px;
    }

    body.auth-page .auth-field{
      display:grid;
      gap:7px;
      color:rgba(219,229,255,.78);
      font-size:12px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.08em;
    }

    body.auth-page .auth-form input{
      min-height:50px;
      border:1px solid rgba(255,255,255,.16);
      border-radius:8px;
      padding:0 14px;
      background:rgba(3,9,23,.72);
      color:#f5f7ff;
      outline:none;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
      transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;
    }

    body.auth-page .auth-form input:focus{
      border-color:rgba(18,223,243,.62);
      background:rgba(5,13,31,.9);
      box-shadow:0 0 0 3px rgba(18,223,243,.12);
    }

    body.auth-page .auth-form .btn.primary{
      position:relative;
      min-height:50px;
      margin-top:4px;
      border:1px solid rgba(18,223,243,.48);
      border-radius:8px;
      background:linear-gradient(135deg, rgba(18,223,243,.92), rgba(28,141,255,.76) 52%, rgba(168,85,247,.82));
      color:#f8fbff;
      font-size:15px;
      font-weight:950;
      box-shadow:0 20px 44px rgba(28,141,255,.18);
    }

    body.auth-page .auth-form .btn.primary:hover{
      transform:translateY(-1px);
      box-shadow:0 24px 54px rgba(28,141,255,.24);
    }

    body.auth-page .form-status{
      min-height:22px;
      color:rgba(219,229,255,.72);
      font-size:13px;
    }

    .auth-foot{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      margin-top:14px;
      padding-top:14px;
      border-top:1px solid rgba(255,255,255,.10);
      color:rgba(183,192,216,.76);
      font-size:12px;
      line-height:1.35;
    }

    .auth-foot a{
      color:#12dff3;
      font-weight:900;
      white-space:nowrap;
    }

    @media (max-width: 760px){
      body.auth-page{
        background-position:22% center;
      }
      body.auth-page .auth-shell{
        width:min(100% - 24px, 440px);
        grid-template-columns:1fr;
        align-content:center;
        padding:74px 0 26px;
      }
      body.auth-page .auth-shell::before{
        content:"";
        display:none;
      }
      .auth-brand-stage{
        display:none;
      }
      .auth-public-link{
        top:12px;
        width:min(100% - 24px, 360px);
        justify-content:center;
      }
      body.auth-page .auth-panel{
        padding:20px;
      }
      .auth-card-head h1{
        font-size:32px;
      }
      .auth-foot{
        align-items:flex-start;
        flex-direction:column;
      }
    }