: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;
      --font-sans:"Inter", "IBM Plex Sans", system-ui, -apple-system, sans-serif;
      --font-features:"cv11", "ss01", "tnum";
      --page-accent:#60a5fa;
      --page-accent-soft:rgba(96,165,250,.20);
      --page-accent-soft-strong:rgba(96,165,250,.52);
      --page-accent-glow:rgba(96,165,250,.18);
    }

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

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

    button,
    input,
    select,
    textarea{
      font:inherit;
      font-feature-settings:inherit;
    }

    .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 var(--page-accent-soft-strong);
      border-radius:18px;
      background:
        radial-gradient(circle at 88% 16%, var(--page-accent-soft) 0%, rgba(10,16,30,0) 32%),
        radial-gradient(circle at 12% 100%, color-mix(in srgb, var(--page-accent) 14%, transparent) 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 color-mix(in srgb, var(--page-accent) 16%, transparent);
    }

    .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, color-mix(in srgb, var(--page-accent) 12%, transparent) 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,
        color-mix(in srgb, var(--page-accent) 78%, white 10%),
        color-mix(in srgb, var(--page-accent) 46%, transparent),
        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 var(--page-accent-glow);
    }

    .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{
      width:100%;
      max-width:100%;
      box-sizing:border-box;
      position:relative;
      margin-bottom:8px;
      overflow:visible;
      min-height:34px;
    }

    .statusbar-track{
      display:flex;
      flex-wrap:nowrap;
      align-items:center;
      gap:7px;
      overflow-x:auto;
      overflow-y:hidden;
      padding:0 106px 2px 0;
      scrollbar-width:none;
      -ms-overflow-style:none;
    }

    .statusbar-track::-webkit-scrollbar{
      display:none;
    }

    .stat{
      --stat-accent:#60a5fa;
      position:relative;
      overflow:hidden;
      min-height:32px;
      max-width:100%;
      flex:0 0 auto;
      display:inline-flex;
      align-items:center;
      gap:7px;
      background:rgba(10,18,33,.22);
      border:1px solid rgba(84,109,168,.16);
      border-radius:10px;
      padding:5px 8px;
      box-shadow:none;
      min-width:0;
    }

    .stat::after{
      display:none;
    }

    .statusbar-track .stat:first-child{
      flex:1 0 210px;
      min-width:210px;
    }

    .stat.stat-menu{
      min-width:0;
      padding:0 0 0 12px;
      border:0;
      background:linear-gradient(90deg, rgba(10,18,33,0), rgba(10,18,33,.76) 24%, rgba(10,18,33,.96));
      box-shadow:none;
      overflow:visible;
      position:absolute;
      top:0;
      right:0;
      z-index:140;
    }

    .stat.stat-menu::before,
    .stat.stat-menu::after{
      display:none;
    }

    .statusbar.statusbar-nav-only{
      display:flex;
      justify-content:flex-end;
      overflow:visible;
      min-height:0;
    }

    .statusbar.statusbar-nav-only .stat.stat-menu{
      margin-left:0;
      padding-left:0;
      background:transparent;
      position:relative;
      top:auto;
      right:auto;
    }

    .statusbar .stat.stat-menu .app-nav.nav-flyout{
      margin:0;
      width:auto;
      max-width:none;
    }

    .statusbar .stat.stat-menu .nav-flyout-panel{
      left:auto;
      right:0;
      transform-origin:top right;
      z-index:160;
    }

    .stat::before{
      display:none;
    }

    .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:rgba(207,220,255,.54);
      font-size:8px;
      text-transform:uppercase;
      letter-spacing:.03em;
      margin:0;
      white-space:nowrap;
    }

    .stat .v{
      font-size:11px;
      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:grid;
      grid-template-columns:repeat(5, minmax(0,1fr));
      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(3, 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:1fr;
        align-items:stretch;
        gap:6px;
      }
      .active-coin-main{
        gap:5px;
        min-width:0;
      }
      .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{
        width:100%;
        grid-template-columns:1fr 1fr;
        gap:5px;
      }

      .active-coin-metrics span:last-child{
        grid-column:1 / -1;
      }
      .active-coin-metrics span{
        min-height:28px;
        padding:3px 5px;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:4px;
      }
      .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:100%;
        min-height:30px;
        padding:0 8px;
        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.has-nav-icon::before{
      display:none;
    }

    .nav-link-icon{
      width:26px;
      height:26px;
      flex:0 0 26px;
      display:grid;
      place-items:center;
      border-radius:9px;
      color:#ffffff;
      background:
        radial-gradient(circle at 28% 22%, rgba(255,255,255,.28), transparent 34%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 84%, white 10%), rgba(8,16,31,.56));
      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, box-shadow .18s ease;
    }

    .nav-link-icon svg{
      width:17px;
      height:17px;
      fill:none;
      stroke:currentColor;
      stroke-width:1.85;
      stroke-linecap:round;
      stroke-linejoin:round;
    }

    .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="investment"]{ --nav-accent:#14b8a6; --nav-accent-soft:rgba(20,184,166,.18); }
    .app-nav a[data-page-link="analysis"]{ --nav-accent:#84cc16; --nav-accent-soft:rgba(132,204,22,.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="scoring-config"]{ --nav-accent:#f59e0b; --nav-accent-soft:rgba(245,158,11,.18); }
    .app-nav a[data-page-link="users"]{ --nav-accent:#fb7185; --nav-accent-soft:rgba(251,113,133,.18); }

    body[data-page="radar"]{
      --page-accent:#60a5fa;
      --page-accent-soft:rgba(96,165,250,.20);
      --page-accent-soft-strong:rgba(96,165,250,.52);
      --page-accent-glow:rgba(96,165,250,.18);
    }

    body[data-page="investment"]{
      --page-accent:#14b8a6;
      --page-accent-soft:rgba(20,184,166,.18);
      --page-accent-soft-strong:rgba(20,184,166,.44);
      --page-accent-glow:rgba(20,184,166,.18);
    }

    body[data-page="analysis"]{
      --page-accent:#84cc16;
      --page-accent-soft:rgba(132,204,22,.18);
      --page-accent-soft-strong:rgba(132,204,22,.44);
      --page-accent-glow:rgba(132,204,22,.18);
    }

    body[data-page="trading"]{
      --page-accent:#f59e0b;
      --page-accent-soft:rgba(245,158,11,.18);
      --page-accent-soft-strong:rgba(245,158,11,.44);
      --page-accent-glow:rgba(245,158,11,.18);
    }

    body[data-page="monitoring"]{
      --page-accent:#06b6d4;
      --page-accent-soft:rgba(6,182,212,.18);
      --page-accent-soft-strong:rgba(6,182,212,.42);
      --page-accent-glow:rgba(6,182,212,.18);
    }

    body[data-page="scoring"],
    body[data-page="scoring-config"]{
      --page-accent:#eab308;
      --page-accent-soft:rgba(234,179,8,.18);
      --page-accent-soft-strong:rgba(234,179,8,.44);
      --page-accent-glow:rgba(234,179,8,.18);
    }

    body[data-page="users"]{
      --page-accent:#fb7185;
      --page-accent-soft:rgba(251,113,133,.18);
      --page-accent-soft-strong:rgba(251,113,133,.42);
      --page-accent-glow:rgba(251,113,133,.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="investment"]::before{
      background:
        radial-gradient(circle at 32% 34%, rgba(255,255,255,.92) 0 1.5px, transparent 2px),
        radial-gradient(circle at 68% 64%, rgba(255,255,255,.78) 0 1.5px, transparent 2px),
        linear-gradient(90deg, transparent 28%, rgba(255,255,255,.30) 29% 34%, transparent 35% 63%, rgba(255,255,255,.24) 64% 69%, transparent 70%),
        linear-gradient(0deg, transparent 28%, rgba(255,255,255,.26) 29% 34%, transparent 35% 63%, rgba(255,255,255,.22) 64% 69%, transparent 70%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 84%, white 8%), rgba(45,212,191,.40));
    }

    .app-nav a[data-page-link="analysis"]::before{
      background:
        radial-gradient(circle at 28% 35%, rgba(255,255,255,.92) 0 1.4px, transparent 1.9px),
        radial-gradient(circle at 71% 35%, rgba(255,255,255,.84) 0 1.4px, transparent 1.9px),
        radial-gradient(circle at 50% 70%, rgba(255,255,255,.74) 0 1.5px, transparent 2px),
        linear-gradient(90deg, transparent 18%, rgba(255,255,255,.24) 19% 26%, transparent 27% 74%, rgba(255,255,255,.18) 75% 82%, transparent 83%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 86%, white 10%), rgba(16,185,129,.42));
    }

    .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,
    .app-nav a[data-page-link="scoring-config"]::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[data-page-link="users"]::before{
      background:
        radial-gradient(circle at 30% 32%, rgba(255,255,255,.90) 0 1.3px, transparent 1.8px),
        radial-gradient(circle at 70% 32%, rgba(255,255,255,.82) 0 1.3px, transparent 1.8px),
        radial-gradient(circle at 50% 68%, rgba(255,255,255,.76) 0 1.4px, transparent 1.9px),
        linear-gradient(90deg, transparent 28%, rgba(255,255,255,.28) 29% 34%, transparent 35% 65%, rgba(255,255,255,.22) 66% 71%, transparent 72%),
        linear-gradient(0deg, transparent 46%, rgba(255,255,255,.22) 47% 53%, transparent 54%),
        linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 86%, white 8%), rgba(244,63,94,.42));
    }

    .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:hover .nav-link-icon{
      transform:rotate(8deg) scale(1.05);
      filter:drop-shadow(0 0 10px color-mix(in srgb, var(--nav-accent) 46%, 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="investment"] .app-nav a[data-page-link="investment"],
    body[data-page="analysis"] .app-nav a[data-page-link="analysis"],
    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"],
    body[data-page="scoring-config"] .app-nav a[data-page-link="scoring-config"],
    body[data-page="users"] .app-nav a[data-page-link="users"]{
      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="investment"] .app-nav a[data-page-link="investment"]::after,
    body[data-page="analysis"] .app-nav a[data-page-link="analysis"]::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,
    body[data-page="scoring-config"] .app-nav a[data-page-link="scoring-config"]::after,
    body[data-page="users"] .app-nav a[data-page-link="users"]::after{
      opacity:1;
      transform:scaleX(1);
    }

    .app-nav.nav-flyout{
      position:relative;
      z-index:70;
      display:inline-flex;
      width:max-content;
      max-width:100%;
      align-items:flex-start;
      margin:-4px 0 16px;
      padding:0;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }

    .top-actions .app-nav.nav-flyout,
    .toolbar .app-nav.nav-flyout{
      margin:0;
      flex:0 0 auto;
    }

    .nav-flyout-toggle{
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      min-height:42px;
      padding:9px 14px;
      border:1px solid rgba(84,109,168,.68);
      border-radius:13px;
      background:
        linear-gradient(180deg, rgba(24,37,69,.92), rgba(10,17,33,.92)),
        rgba(19,29,54,.74);
      color:#e8f0ff;
      font:inherit;
      font-size:13px;
      font-weight:900;
      cursor:pointer;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 12px 24px rgba(2,6,23,.18);
      transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .nav-flyout-toggle:hover,
    .nav-flyout.open .nav-flyout-toggle{
      border-color:rgba(96,165,250,.78);
      background:
        linear-gradient(180deg, rgba(39,57,99,.96), rgba(13,23,43,.94)),
        rgba(19,29,54,.82);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 16px 30px rgba(2,6,23,.26);
      transform:translateY(-1px);
    }

    .nav-flyout-lines{
      width:18px;
      height:14px;
      display:grid;
      gap:4px;
      flex:0 0 auto;
    }

    .nav-flyout-lines span{
      display:block;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, #93c5fd, #22d3ee);
    }

    .nav-flyout-panel{
      position:absolute;
      top:calc(100% + 8px);
      left:0;
      display:grid;
      gap:7px;
      min-width:230px;
      max-width:min(320px, calc(100vw - 24px));
      padding:8px;
      border:1px solid rgba(84,109,168,.72);
      border-radius:16px;
      background:
        linear-gradient(180deg, rgba(18,28,53,.98), rgba(8,14,28,.98)),
        rgba(19,29,54,.96);
      box-shadow:
        0 22px 52px rgba(0,0,0,.36),
        inset 0 1px 0 rgba(255,255,255,.07);
      opacity:0;
      pointer-events:none;
      transform:translateY(-4px) scale(.98);
      transform-origin:top left;
      transition:opacity .16s ease, transform .16s ease;
    }

    .nav-session{
      display:grid;
      gap:8px;
      padding:10px 12px 12px;
      border:1px solid rgba(84,109,168,.34);
      border-radius:14px;
      background:
        linear-gradient(180deg, rgba(27,39,73,.94), rgba(10,17,33,.92)),
        rgba(19,29,54,.94);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    }

    .nav-session-head{
      display:flex;
      align-items:flex-start;
      gap:9px;
      min-width:0;
    }

    .nav-session-dot{
      width:9px;
      height:9px;
      margin-top:4px;
      flex:0 0 auto;
      border-radius:50%;
      background:#22c55e;
      box-shadow:0 0 0 3px rgba(34,197,94,.14), 0 0 12px rgba(34,197,94,.28);
    }

    .nav-session-copy{
      min-width:0;
      display:grid;
      gap:3px;
    }

    .nav-session-status{
      color:rgba(207,220,255,.66);
      font-size:10px;
      font-weight:900;
      line-height:1;
      text-transform:uppercase;
      letter-spacing:.05em;
    }

    .nav-session-user{
      min-width:0;
      color:#ffffff;
      font-size:14px;
      font-weight:900;
      line-height:1.1;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .nav-session-role{
      justify-self:start;
      padding:3px 8px;
      border-radius:999px;
      border:1px solid rgba(132,164,237,.2);
      background:rgba(255,255,255,.06);
      color:rgba(215,225,255,.82);
      font-size:10px;
      font-weight:900;
      line-height:1.05;
      white-space:nowrap;
    }

    .nav-flyout.open .nav-flyout-panel{
      opacity:1;
      pointer-events:auto;
      transform:translateY(0) scale(1);
    }

    .app-nav.nav-flyout .nav-flyout-panel a{
      width:100%;
      justify-content:flex-start;
      gap:10px;
      min-height:42px;
      padding-right:14px;
    }

    .nav-flyout-footer{
      display:grid;
      gap:8px;
      margin-top:2px;
      padding-top:8px;
      border-top:1px solid rgba(84,109,168,.36);
    }

    .nav-flyout-logout{
      width:100%;
      display:inline-flex;
      align-items:center;
      justify-content:flex-start;
      gap:10px;
      min-height:42px;
      padding:10px 14px;
      border:1px solid rgba(248,113,113,.26);
      border-radius:14px;
      background:
        linear-gradient(180deg, rgba(127,29,29,.34), rgba(69,10,10,.26)),
        rgba(19,29,54,.92);
      color:#ffd9df;
      font:inherit;
      font-size:13px;
      font-weight:900;
      cursor:pointer;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 10px 22px rgba(2,6,23,.16);
      transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
    }

    .nav-flyout-logout:hover{
      transform:translateY(-1px);
      border-color:rgba(248,113,113,.42);
      background:
        linear-gradient(180deg, rgba(153,27,27,.42), rgba(88,28,28,.30)),
        rgba(19,29,54,.95);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 14px 28px rgba(2,6,23,.22);
    }

    .nav-flyout-logout:focus-visible{
      outline:2px solid rgba(248,113,113,.56);
      outline-offset:2px;
    }

    .nav-flyout-logout-icon{
      width:18px;
      height:18px;
      flex:0 0 auto;
      display:grid;
      place-items:center;
    }

    .nav-flyout-logout-icon svg{
      width:18px;
      height:18px;
      stroke:currentColor;
      stroke-width:1.9;
      stroke-linecap:round;
      stroke-linejoin:round;
      fill:none;
    }

    .nav-link-label{
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .nav-link-state{
      flex:0 0 auto;
      margin-left:auto;
      padding:3px 8px;
      border-radius:999px;
      border:1px solid rgba(132,164,237,.2);
      background:rgba(255,255,255,.06);
      color:rgba(215,225,255,.74);
      font-size:10px;
      font-weight:900;
      line-height:1.05;
      white-space:nowrap;
    }

    .app-nav a.is-disabled,
    .app-nav a.is-disabled:hover{
      color:rgba(223,232,255,.68);
      background:
        linear-gradient(180deg, rgba(18,28,53,.84), rgba(8,15,31,.9));
      border-color:rgba(84,109,168,.42);
      box-shadow:none;
      transform:none;
      cursor:not-allowed;
    }

    .app-nav a.is-disabled::after{
      opacity:0;
      transform:scaleX(.3);
    }

    .app-nav a.is-disabled::before{
      opacity:.74;
      filter:saturate(.55) brightness(.82);
      transform:none;
    }

    .app-nav a.is-disabled .nav-link-icon{
      opacity:.72;
      filter:saturate(.55) brightness(.86);
      transform:none;
    }

    .app-nav a.is-disabled .nav-link-state{
      background:rgba(148,163,184,.1);
      border-color:rgba(148,163,184,.22);
      color:rgba(226,232,240,.82);
    }

    .app-nav.nav-flyout .nav-flyout-panel a.active,
    .app-nav.nav-flyout .nav-flyout-panel a[aria-current="page"]{
      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 10px 22px rgba(2,6,23,.22);
    }

    .app-nav.nav-flyout .nav-flyout-panel a.active::after,
    .app-nav.nav-flyout .nav-flyout-panel a[aria-current="page"]::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,
    .dock-section.push-dock,
    .dock-section.hidden-dock,
    .dock-section.log-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,
    .dock-section.push-dock::before,
    .dock-section.hidden-dock::before,
    .dock-section.log-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-head{
      min-width:0;
      display:flex;
      align-items:center;
      gap:8px;
    }

    .dock-summary-info{
      flex:0 0 auto;
    }

    .dock-summary-info .info-toggle{
      width:19px;
      height:19px;
      font-size:11px;
    }

    .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-explainer{
      display:grid;
      gap:8px;
      padding:12px 14px;
      border:1px solid rgba(148,163,184,.16);
      border-radius:12px;
      background:rgba(255,255,255,.03);
    }

    .hidden-config-explainer strong{
      color:#eef4ff;
      font-size:13px;
      font-weight:700;
      line-height:1.35;
    }

    .hidden-config-explainer p{
      margin:0;
      color:#c6d4e8;
      font-size:13px;
      line-height:1.55;
    }

    .hidden-config-explainer ul{
      margin:0;
      padding-left:18px;
      color:#d7e3f5;
      display:grid;
      gap:6px;
    }

    .hidden-config-explainer li{
      font-size:13px;
      line-height:1.5;
    }

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

    .dock-log-block{
      border:1px solid rgba(69,92,145,.54);
      border-radius:12px;
      background:rgba(8,16,29,.72);
      overflow:hidden;
    }

    .dock-log-block pre{
      margin:0;
      min-height:120px;
      max-height:260px;
      overflow:auto;
      padding:12px;
      white-space:pre-wrap;
      color:#dbe6ff;
    }

    .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;
    }

    body[data-page="radar"]{
      scrollbar-width:thin;
      scrollbar-color:rgba(94, 234, 212, .28) rgba(15, 23, 42, .42);
    }

    body[data-page="radar"]::-webkit-scrollbar{
      width:10px;
      height:10px;
    }

    body[data-page="radar"]::-webkit-scrollbar-track{
      background:rgba(15, 23, 42, .48);
    }

    body[data-page="radar"]::-webkit-scrollbar-thumb{
      border:2px solid rgba(15, 23, 42, .48);
      border-radius:999px;
      background:linear-gradient(180deg, rgba(96, 165, 250, .52), rgba(45, 212, 191, .48));
    }

    body[data-page="radar"] .watchlist{
      scrollbar-color:rgba(96, 165, 250, .55) rgba(15, 23, 42, .4);
    }

    body[data-page="radar"] .watchlist::-webkit-scrollbar{
      width:8px;
    }

    body[data-page="radar"] .watchlist::-webkit-scrollbar-track{
      border-radius:999px;
      background:rgba(15, 23, 42, .38);
    }

    body[data-page="radar"] .watchlist::-webkit-scrollbar-thumb{
      border:2px solid rgba(15, 23, 42, .38);
      border-radius:999px;
      background:linear-gradient(180deg, rgba(96, 165, 250, .56), rgba(45, 212, 191, .46));
    }

    .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;
    }

    .asset-section-title .small{
      display:block;
      margin-top:4px;
      line-height:1.35;
    }

    .watchlist-toolbar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
      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(20,184,166,.18);
      color:#bcfbf1;
      border-color:rgba(45,212,191,.42);
      box-shadow:0 0 0 1px rgba(45,212,191,.1) inset, 0 0 18px rgba(20,184,166,.08);
    }

    .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;
      align-content:start;
      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);
    }

    .page-lead-side-trading{
      min-width:min(100%, 340px);
      padding:12px;
      border:1px solid rgba(239,68,68,.18);
      border-radius:14px;
      background:linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.020));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }

    .lead-note{
      color:#dbe6ff;
      font-size:12px;
      line-height:1.4;
      max-width:320px;
      text-align:right;
    }

    .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);
    }

    body[data-page="trading"] .workspace-overview-trading{
      gap:12px;
      background:
        radial-gradient(circle at top left, rgba(239,68,68,.08) 0%, rgba(10,16,30,0) 34%),
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
    }

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

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

    .workspace-head-side{
      display:flex;
      align-items:flex-start;
      justify-content:flex-end;
      gap:8px;
      flex-wrap:wrap;
      margin-left:auto;
    }

    .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-stack{
      grid-template-columns:1fr;
    }

    .workspace-stack-section{
      display:grid;
      gap:10px;
      align-content:start;
      min-width:0;
    }

    body[data-page="trading"] .workspace-stack-section{
      gap:12px;
      padding:12px;
      border:1px solid rgba(239,68,68,.16);
      border-radius:14px;
      background:linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.014));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
    }

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

    body[data-page="trading"] .workspace-overview-trading .workspace-card-grid{
      grid-template-columns:repeat(auto-fit, minmax(220px, 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-main{
      width:100%;
      min-width:0;
    }

    .hero-headline-row{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      min-width:0;
    }

    .hero-headline-row .hero-identity{
      flex:1 1 auto;
      min-width:0;
    }

    .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{
      flex:0 0 auto;
      min-width:max-content;
      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;
      white-space:nowrap;
    }

    .hero-price .price-compact{
      display:none;
    }

    .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;
    }

    .market-sentiment-card .feargreed-label .label-with-info{
      display:inline-flex;
      align-items:center;
      gap:6px;
    }

    .market-sentiment-card.sentiment-unavailable{
      border-color:rgba(148,163,184,.24);
      box-shadow:0 0 0 1px rgba(148,163,184,.10) inset;
    }

    .market-sentiment-card.sentiment-unavailable .feargreed-track span{
      background:rgba(148,163,184,.28);
    }

    .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-card.ai-source-external::before{
      background:linear-gradient(90deg, rgba(45,212,191,.95), rgba(34,197,94,.58), transparent);
    }

    .ai-decision-card.ai-source-rule::before{
      background:linear-gradient(90deg, rgba(14,165,233,.72), rgba(148,163,184,.22), transparent);
    }

    .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-source-strip{
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:8px;
      min-width:0;
      padding:9px 11px;
      border-radius:14px;
      border:1px solid rgba(84,109,168,.46);
      background:rgba(255,255,255,.04);
      color:#dbe6ff;
      font-size:12px;
      line-height:1.35;
    }

    .ai-source-strip strong{
      color:#ffffff;
      font-size:12px;
      line-height:1.35;
      font-weight:900;
    }

    .ai-source-strip span:last-child{
      color:#b8c9ea;
      min-width:0;
    }

    .ai-source-mark{
      width:9px;
      height:9px;
      border-radius:50%;
      background:#8aa3c7;
      box-shadow:0 0 0 5px rgba(138,163,199,.12), 0 0 16px rgba(138,163,199,.34);
      flex:0 0 auto;
    }

    .ai-source-strip.external{
      border-color:rgba(45,212,191,.42);
      background:
        linear-gradient(90deg, rgba(20,184,166,.16), rgba(34,197,94,.08)),
        rgba(5,23,32,.76);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    }

    .ai-source-strip.external .ai-source-mark{
      background:#2dd4bf;
      box-shadow:0 0 0 5px rgba(45,212,191,.14), 0 0 20px rgba(45,212,191,.62);
    }

    .ai-source-strip.rule{
      border-color:rgba(14,165,233,.28);
      background:
        linear-gradient(90deg, rgba(14,165,233,.10), rgba(148,163,184,.05)),
        rgba(9,15,30,.68);
    }

    .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;
      }

      .ai-source-strip{
        align-items:flex-start;
      }

      .ai-source-strip span:last-child{
        flex-basis:100%;
      }
    }

    .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;
    }

    .directional-battle{
      margin-top:12px;
      border-radius:14px;
      border:1px solid rgba(84,109,168,.72);
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.022));
      padding:13px 14px;
      display:grid;
      gap:12px;
      box-shadow:0 10px 18px rgba(2,6,23,.10);
    }

    .directional-battle.is-long{
      border-color:rgba(89,213,138,.34);
      background:linear-gradient(180deg, rgba(89,213,138,.12), rgba(255,255,255,.02));
    }

    .directional-battle.is-short{
      border-color:rgba(239,68,68,.34);
      background:linear-gradient(180deg, rgba(239,68,68,.11), rgba(255,255,255,.02));
    }

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

    .directional-battle-head strong{
      display:block;
      margin-top:2px;
      font-size:16px;
      color:#ffffff;
    }

    .directional-battle-edge{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:28px;
      padding:5px 10px;
      border-radius:999px;
      border:1px solid rgba(84,109,168,.28);
      background:rgba(8,15,29,.3);
      color:#dbe8ff;
      font-size:12px;
      font-weight:800;
      white-space:nowrap;
    }

    .directional-battle-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:12px;
    }

    .directional-side{
      display:grid;
      gap:8px;
      min-width:0;
    }

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

    .directional-side-head strong{
      color:#ffffff;
      font-size:14px;
      font-weight:900;
      white-space:nowrap;
    }

    .directional-side-bar{
      min-height:10px;
      border-radius:999px;
      overflow:hidden;
      background:rgba(8,15,29,.55);
      border:1px solid rgba(84,109,168,.24);
    }

    .directional-side-bar span{
      display:block;
      height:100%;
      border-radius:inherit;
    }

    .directional-side-long .directional-side-bar span{
      background:linear-gradient(90deg, rgba(34,197,94,.88), rgba(96,165,250,.92));
    }

    .directional-side-short .directional-side-bar span{
      background:linear-gradient(90deg, rgba(239,68,68,.88), rgba(245,158,11,.92));
    }

    .directional-battle-foot{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
      color:var(--soft);
      font-size:12px;
      line-height:1.5;
    }

    @media (max-width: 820px){
      .directional-battle-head{
        flex-direction:column;
        align-items:flex-start;
      }

      .directional-battle-grid{
        grid-template-columns:1fr;
      }
    }

    .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;
      align-items:stretch;
      justify-content:center;
    }

    .tab-btn{
      min-width:0;
      min-height:46px;
      border:1px solid rgba(88,116,183,.78);
      background:linear-gradient(180deg, rgba(23,32,58,.96), rgba(14,22,40,.96));
      color:#eef4ff;
      border-radius:13px;
      padding:12px 16px;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      font-weight:760;
      font-size:14px;
      line-height:1.15;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 10px 22px rgba(2,6,23,.14);
      overflow-wrap:anywhere;
      transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
    }

    .tab-btn:hover{
      transform:translateY(-1px);
      border-color:rgba(145,190,255,.88);
      background:linear-gradient(180deg, rgba(29,40,70,.98), rgba(18,26,47,.98));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 14px 28px rgba(2,6,23,.18);
    }

    .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:linear-gradient(180deg, rgba(59,130,246,.34), rgba(30,64,175,.28));
      border-color:#9cc0ff;
      color:#ffffff;
      box-shadow:
        0 0 0 1px rgba(156,192,255,.28) inset,
        0 14px 28px rgba(37,99,235,.18);
    }

    .tab-btn[data-tab="market"]{
      border-color:rgba(76,141,255,.42);
      color:#dbe8ff;
      background:linear-gradient(180deg, rgba(76,141,255,.12), rgba(16,26,48,.96));
    }

    .tab-btn[data-tab="market"].active{
      background:linear-gradient(180deg, rgba(76,141,255,.30), rgba(29,78,216,.24));
      border-color:#9cc0ff;
      box-shadow:0 0 0 1px rgba(156,192,255,.22) inset, 0 14px 28px rgba(59,130,246,.16);
    }

    .tab-btn[data-tab="flow"]{
      border-color:rgba(125,110,255,.42);
      color:#ece4ff;
      background:linear-gradient(180deg, rgba(125,110,255,.12), rgba(17,21,47,.96));
    }

    .tab-btn[data-tab="flow"].active{
      background:linear-gradient(180deg, rgba(125,110,255,.28), rgba(76,29,149,.22));
      border-color:#beb1ff;
      box-shadow:0 0 0 1px rgba(190,177,255,.18) inset, 0 14px 28px rgba(109,40,217,.15);
    }

    .tab-btn[data-tab="elliott"]{
      border-color:rgba(245,158,11,.42);
      color:#ffe7b5;
      background:linear-gradient(180deg, rgba(245,158,11,.12), rgba(29,20,10,.96));
    }

    .tab-btn[data-tab="elliott"].active{
      background:linear-gradient(180deg, rgba(245,158,11,.28), rgba(146,64,14,.22));
      border-color:#ffd087;
      box-shadow:0 0 0 1px rgba(255,208,135,.18) inset, 0 14px 28px rgba(245,158,11,.14);
    }

    .tab-btn[data-tab="fib"]{
      border-color:rgba(99,102,241,.42);
      color:#e5e7ff;
      background:linear-gradient(180deg, rgba(99,102,241,.12), rgba(17,18,48,.96));
    }

    .tab-btn[data-tab="fib"].active{
      background:linear-gradient(180deg, rgba(99,102,241,.28), rgba(67,56,202,.22));
      border-color:#c1c4ff;
      box-shadow:0 0 0 1px rgba(193,196,255,.18) inset, 0 14px 28px rgba(79,70,229,.15);
    }

    .tab-btn[data-tab="spot_setup"]{
      border-color:rgba(34,197,94,.42);
      color:#d6f8e0;
      background:linear-gradient(180deg, rgba(34,197,94,.12), rgba(11,31,24,.96));
    }

    .tab-btn[data-tab="spot_setup"].active{
      background:linear-gradient(180deg, rgba(34,197,94,.26), rgba(21,128,61,.22));
      border-color:#89e4ac;
      box-shadow:0 0 0 1px rgba(137,228,172,.18) inset, 0 14px 28px rgba(34,197,94,.14);
    }

    .tab-btn[data-tab="trading_setup"]{
      border-color:rgba(239,68,68,.42);
      color:#ffd2d2;
      background:linear-gradient(180deg, rgba(239,68,68,.12), rgba(35,13,18,.96));
    }

    .tab-btn[data-tab="trading_setup"].active{
      background:linear-gradient(180deg, rgba(239,68,68,.26), rgba(153,27,27,.22));
      border-color:#ffb0b0;
      box-shadow:0 0 0 1px rgba(255,176,176,.18) inset, 0 14px 28px rgba(239,68,68,.14);
    }

    body[data-page="radar"] .tabs{
      justify-content:center;
      gap:12px;
      margin-bottom:16px;
    }

    body[data-page="radar"] .tab-btn{
      min-height:44px;
      padding:10px 14px;
      border-color:rgba(148,163,184,.18);
      background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
      color:#edf3fb;
      box-shadow:0 8px 18px rgba(2,6,23,.12), inset 0 1px 0 rgba(255,255,255,.04);
      font-size:13px;
      font-weight:740;
    }

    body[data-page="radar"] .tab-btn:hover{
      border-color:rgba(148,163,184,.28);
      background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.026));
      box-shadow:0 10px 22px rgba(2,6,23,.15), inset 0 1px 0 rgba(255,255,255,.05);
    }

    body[data-page="radar"] .tab-btn.active{
      border-color:rgba(125,176,255,.34);
      background:linear-gradient(180deg, rgba(96,165,250,.14), rgba(59,130,246,.06));
      color:#ffffff;
      box-shadow:0 0 0 1px rgba(125,176,255,.12) inset, 0 12px 24px rgba(2,6,23,.16);
    }

    body[data-page="radar"] .tab-btn[data-tab="market"],
    body[data-page="radar"] .tab-btn[data-tab="flow"],
    body[data-page="radar"] .tab-btn[data-tab="elliott"],
    body[data-page="radar"] .tab-btn[data-tab="fib"],
    body[data-page="radar"] .tab-btn[data-tab="spot_setup"],
    body[data-page="radar"] .tab-btn[data-tab="trading_setup"]{
      border-color:rgba(148,163,184,.18);
      color:#e7eef8;
      background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
    }

    body[data-page="radar"] .tab-btn[data-tab="market"].active{
      border-color:rgba(96,165,250,.34);
      background:linear-gradient(180deg, rgba(96,165,250,.15), rgba(59,130,246,.06));
    }

    body[data-page="radar"] .tab-btn[data-tab="flow"].active{
      border-color:rgba(129,140,248,.3);
      background:linear-gradient(180deg, rgba(129,140,248,.14), rgba(99,102,241,.05));
    }

    body[data-page="radar"] .tab-btn[data-tab="elliott"].active{
      border-color:rgba(245,158,11,.3);
      background:linear-gradient(180deg, rgba(245,158,11,.14), rgba(217,119,6,.05));
    }

    body[data-page="radar"] .tab-btn[data-tab="fib"].active{
      border-color:rgba(99,102,241,.3);
      background:linear-gradient(180deg, rgba(99,102,241,.14), rgba(79,70,229,.05));
    }

    body[data-page="radar"] .tab-btn[data-tab="spot_setup"].active{
      border-color:rgba(34,197,94,.3);
      background:linear-gradient(180deg, rgba(34,197,94,.14), rgba(22,163,74,.05));
    }

    body[data-page="radar"] .tab-btn[data-tab="trading_setup"].active{
      border-color:rgba(239,68,68,.28);
      background:linear-gradient(180deg, rgba(239,68,68,.13), rgba(185,28,28,.05));
    }

    .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;
    }

    #tab-fib .timeframes,
    #tab-elliott .timeframes{
      grid-template-columns:1fr;
    }

    .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;
    }

    .user-edit-stack{
      display:grid;
      gap:8px;
      min-width:200px;
    }

    .user-inline-field{
      display:grid;
      gap:5px;
    }

    .user-inline-field label{
      color:rgba(207,220,255,.72);
      font-size:10px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.04em;
      line-height:1;
    }

    .user-inline-field .input{
      min-width:0;
      width:100%;
    }

    .user-inline-meta{
      color:var(--muted);
      font-size:11px;
      line-height:1.3;
    }

    .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;
      overflow-wrap:anywhere;
    }

    .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;
      overflow-wrap:anywhere;
    }

    .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-visual-shell,
    .elliott-visual-shell{
      margin-top:12px;
      border-radius:16px;
      border:1px solid rgba(84,109,168,.56);
      background:linear-gradient(180deg, rgba(8,13,24,.96) 0%, rgba(10,16,29,.88) 100%);
      padding:14px;
      overflow:hidden;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
    }

    .fib-visual-head,
    .elliott-visual-top{
      display:flex;
      justify-content:space-between;
      gap:14px;
      align-items:flex-start;
      flex-wrap:wrap;
      margin-bottom:12px;
    }

    .fib-visual-head strong,
    .elliott-visual-title{
      display:block;
      color:#f8fbff;
      font-size:24px;
      line-height:1.12;
      font-weight:740;
      margin-top:2px;
    }

    .fib-visual-head span,
    .elliott-visual-sub{
      display:block;
      margin-top:5px;
      color:#a6b8d0;
      font-size:12px;
      line-height:1.45;
    }

    .fib-visual-meta,
    .elliott-visual-confidence{
      display:grid;
      justify-items:end;
      gap:4px;
      text-align:right;
    }

    .fib-visual-meta span,
    .elliott-visual-confidence span{
      margin:0;
      color:#7f94af;
      font-size:11px;
      line-height:1.2;
      text-transform:uppercase;
      letter-spacing:.12em;
      font-weight:700;
    }

    .fib-visual-meta strong,
    .elliott-visual-confidence strong{
      color:#26e0b8;
      font-size:18px;
      line-height:1;
      font-weight:780;
    }

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

    .fib-focus-card,
    .elliott-focus-card{
      min-width:0;
      display:grid;
      gap:5px;
      padding:10px 12px;
      border-radius:12px;
      border:1px solid rgba(148,163,184,.14);
      background:rgba(255,255,255,.02);
    }

    .fib-focus-card span,
    .elliott-focus-card span{
      color:#7f94af;
      font-size:10px;
      line-height:1.2;
      text-transform:uppercase;
      letter-spacing:.1em;
      font-weight:700;
    }

    .fib-focus-card strong,
    .elliott-focus-card strong{
      color:#f5f8fd;
      font-size:15px;
      line-height:1.2;
      font-weight:730;
      overflow-wrap:anywhere;
    }

    .fib-focus-card small,
    .elliott-focus-card small{
      color:#96a9c3;
      font-size:11px;
      line-height:1.4;
    }

    .fib-focus-card.is-active{
      border-color:rgba(125,211,252,.24);
      background:rgba(56,189,248,.06);
    }

    .fib-focus-card.is-target{
      border-color:rgba(245,184,74,.24);
      background:rgba(245,184,74,.06);
    }

    .fib-focus-card.is-golden{
      border-color:rgba(245,184,74,.3);
      background:linear-gradient(180deg, rgba(245,184,74,.08), rgba(255,255,255,.02));
    }

    .fib-visual-svg,
    .elliott-visual-svg{
      width:100%;
      height:auto;
      display:block;
      overflow:visible;
    }

    .fib-svg-grid-row line,
    .elliott-grid-row line{
      stroke:rgba(148,163,184,.11);
      stroke-width:1;
    }

    .fib-svg-grid-row text,
    .elliott-grid-row text{
      fill:#65748b;
      font-size:11px;
      font-weight:600;
    }

    .fib-svg-section-label{
      fill:#7f94af;
      font-size:11px;
      font-weight:700;
      letter-spacing:.12em;
    }

    .fib-svg-anchor{
      stroke:rgba(125,211,252,.22);
      stroke-width:1.5;
      stroke-dasharray:4 4;
    }

    .fib-svg-anchor-point{
      fill:#101826;
      stroke:#7dd3fc;
      stroke-width:2;
    }

    .fib-svg-anchor-point.is-end{
      stroke:#26e0b8;
    }

    .fib-svg-anchor-label{
      fill:#9fb2c9;
      font-size:11px;
      font-weight:640;
    }

    .fib-svg-current{
      stroke:url(#fibCurrentLine);
      stroke-width:2.5;
    }

    .fib-svg-current-pill{
      fill:rgba(56,189,248,.16);
      stroke:rgba(56,189,248,.28);
    }

    .fib-svg-current-text{
      fill:#bfe9ff;
      font-size:11px;
      font-weight:720;
    }

    .fib-svg-level line{
      stroke-width:1.8;
    }

    .fib-svg-level.is-retracement line{
      stroke:rgba(125,211,252,.58);
    }

    .fib-svg-level.is-extension line{
      stroke:rgba(250,204,21,.52);
      stroke-dasharray:5 4;
    }

    .fib-svg-level.is-golden line{
      stroke:#f5b84a;
      stroke-width:2.6;
      filter:drop-shadow(0 0 4px rgba(245,184,74,.18));
    }

    .fib-svg-level.is-active-level line{
      stroke:#6fd8ff;
      stroke-width:2.4;
    }

    .fib-svg-level.is-next-target line{
      stroke:#ffd36e;
      stroke-width:2.4;
      stroke-dasharray:6 4;
    }

    .fib-svg-ratio{
      fill:#d8e6f7;
      font-size:11px;
      font-weight:720;
    }

    .fib-svg-golden{
      fill:#f5c46a;
      font-size:10px;
      font-weight:700;
      letter-spacing:.06em;
      text-transform:uppercase;
    }

    .fib-svg-flag{
      fill:#93dfff;
      font-size:10px;
      font-weight:760;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .fib-svg-flag.is-target{
      fill:#ffd36e;
    }

    .fib-svg-price{
      fill:#f7fbff;
      font-size:11px;
      font-weight:720;
    }

    .fib-svg-distance{
      fill:#91a6c2;
      font-size:10px;
      font-weight:640;
    }

    .fib-visual-svg-table{
      margin-top:8px;
    }

    .fib-svg-table-kicker{
      fill:#7f94af;
      font-size:11px;
      font-weight:700;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .fib-svg-table-headline{
      fill:#eef4ff;
      font-size:16px;
      font-weight:760;
    }

    .fib-svg-current-dot{
      fill:#f5a329;
      filter:drop-shadow(0 0 6px rgba(245,163,41,.35));
    }

    .fib-svg-current-readout{
      fill:#f5a329;
      font-size:13px;
      font-weight:780;
    }

    .fib-svg-table-divider{
      stroke:rgba(148,163,184,.16);
      stroke-width:1;
    }

    .fib-svg-table-col{
      fill:#6f7f99;
      font-size:10px;
      font-weight:700;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .fib-svg-table-separator{
      stroke:rgba(148,163,184,.12);
      stroke-width:1;
    }

    .fib-svg-table-highlight{
      fill:rgba(255,255,255,.022);
    }

    .fib-svg-table-highlight.is-current{
      fill:rgba(245,163,41,.11);
      stroke:rgba(245,163,41,.7);
      stroke-width:1.5;
    }

    .fib-svg-table-highlight.is-golden{
      fill:rgba(245,184,74,.08);
    }

    .fib-svg-table-marker.is-retracement{
      fill:#6ea4ff;
    }

    .fib-svg-table-marker.is-extension{
      fill:#ff4f7d;
    }

    .fib-svg-table-marker.is-golden{
      fill:#f5a329;
    }

    .fib-svg-table-now-dot{
      fill:#f5a329;
      opacity:.95;
    }

    .fib-svg-table-ratio,
    .fib-svg-table-price,
    .fib-svg-table-distance,
    .fib-svg-table-zone{
      dominant-baseline:middle;
    }

    .fib-svg-table-ratio{
      fill:#94a3b8;
      font-size:12px;
      font-weight:700;
    }

    .fib-svg-table-ratio.is-golden,
    .fib-svg-table-ratio.is-current{
      fill:#f5a329;
    }

    .fib-svg-table-price{
      fill:#f5f8fd;
      font-size:14px;
      font-weight:780;
    }

    .fib-svg-table-price.is-golden,
    .fib-svg-table-price.is-current{
      fill:#f5a329;
    }

    .fib-svg-table-distance{
      font-size:12px;
      font-weight:740;
    }

    .fib-svg-table-distance.is-positive{
      fill:#26e0b8;
    }

    .fib-svg-table-distance.is-negative{
      fill:#ff5f88;
    }

    .fib-svg-table-distance.is-neutral{
      fill:#f5a329;
    }

    .fib-svg-table-zone{
      fill:#88a2c7;
      font-size:12px;
      font-weight:760;
      letter-spacing:.08em;
    }

    .fib-svg-table-zone.is-golden,
    .fib-svg-table-zone.is-current{
      fill:#f5a329;
    }

    .fib-svg-table-legend{
      fill:#70809a;
      font-size:11px;
      font-weight:650;
    }

    .fib-svg-table-legend.is-golden{
      fill:#f5c46a;
    }

    .fib-svg-table-legend.is-target{
      fill:#8fa2bf;
    }

    .elliott-visual-title span{
      color:#f5b84a;
    }

    .elliott-visual-title em{
      display:inline-flex;
      align-items:center;
      margin-left:10px;
      padding:6px 12px;
      border-radius:999px;
      background:rgba(38,224,184,.12);
      color:#26e0b8;
      font-style:normal;
      font-size:12px;
      font-weight:780;
      letter-spacing:.1em;
      text-transform:uppercase;
    }

    .elliott-visual-shell.is-candidate .elliott-visual-title em{
      background:rgba(245,184,74,.12);
      color:#f5c46a;
    }

    .elliott-focus-card{
      background:rgba(255,255,255,.018);
    }

    .elliott-area{
      fill:url(#elliottFill);
    }

    .elliott-line{
      fill:none;
      stroke:#f5a329;
      stroke-width:4;
      stroke-linecap:round;
      stroke-linejoin:round;
    }

    .elliott-line-projected{
      fill:none;
      stroke:rgba(245,163,41,.72);
      stroke-width:3;
      stroke-linecap:round;
      stroke-linejoin:round;
      stroke-dasharray:8 6;
    }

    .elliott-target-zone{
      fill:rgba(245,163,41,.08);
      stroke:rgba(245,163,41,.34);
      stroke-width:1.5;
      stroke-dasharray:6 5;
    }

    .elliott-target-label{
      fill:#f5b84a;
      font-size:11px;
      font-weight:760;
      letter-spacing:.08em;
    }

    .elliott-target-band{
      fill:#a9b7c9;
      font-size:10px;
      font-weight:700;
      letter-spacing:.06em;
    }

    .elliott-point{
      fill:#0f1724;
      stroke:#f5a329;
      stroke-width:3;
    }

    .elliott-point.projected{
      stroke:rgba(245,163,41,.82);
      stroke-dasharray:4 3;
    }

    .elliott-point-wave{
      fill:#f5b84a;
      font-size:11px;
      font-weight:760;
    }

    .elliott-point-price{
      fill:#f4f7fd;
      font-size:11px;
      font-weight:700;
    }

    .elliott-visual-footer{
      margin-top:12px;
      padding-top:12px;
      border-top:1px solid rgba(148,163,184,.12);
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:12px;
    }

    .elliott-visual-footer span{
      display:block;
      color:#7f94af;
      font-size:11px;
      line-height:1.2;
      text-transform:uppercase;
      letter-spacing:.08em;
      font-weight:700;
      margin-bottom:6px;
    }

    .elliott-visual-footer strong{
      color:#f8fbff;
      font-size:15px;
      line-height:1.25;
      font-weight:740;
    }

    .elliott-visual-footer div:last-child strong{
      color:#ff6587;
    }

    .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-track{ gap:7px; }
      .stat{ flex:1 1 calc(50% - 7px); }
      .statusbar-track .stat:first-child{ flex-basis:100%; }
      .asset-logo.hero-logo{
        width:46px;
        height:46px;
      }
      .coin-top,
      .hero-top{ flex-direction:column; }
      .hero-headline-row{
        flex-wrap:nowrap;
        gap:8px;
      }
      .hero-headline-row .hero-price{
        margin-left:auto;
        text-align:right;
      }
      .coin-right{ text-align:left; }
      .coin-left strong{ font-size:20px; }
      .hero-title{ font-size:24px; }
      .hero-price strong{
        font-size:23px;
        line-height:1.05;
      }
      .hero-price .price-full{ display:none; }
      .hero-price .price-compact{ display:inline; }
      .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:21px; }
    }
  
    .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{
      position:absolute;
      top:calc(100% + 10px);
      right:0;
      z-index:40;
      display:none;
      width:min(320px, calc(100vw - 36px));
      padding:12px 14px;
      border-radius:14px;
      border:1px solid rgba(96,165,250,.28);
      background:
        radial-gradient(circle at top right, rgba(59,130,246,.18), transparent 36%),
        linear-gradient(180deg, rgba(16,26,48,.98), rgba(8,15,29,.98));
      box-shadow:
        0 16px 38px rgba(2,6,23,.42),
        0 0 0 1px rgba(255,255,255,.03) inset;
      color:#dbeafe;
      text-align:left;
      backdrop-filter:blur(10px);
    }

    .info-wrap.open .info-popover,
    .info-wrap:focus-within .info-popover,
    .info-wrap:hover .info-popover{
      display:none;
    }

    .info-popover strong{
      display:block;
      margin-bottom:6px;
      color:#ffffff;
      font-size:13px;
      line-height:1.3;
    }

    .info-popover span{
      display:block;
      color:#cfe1ff;
      font-size:12px;
      line-height:1.55;
      white-space:normal;
    }

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

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

      .info-popover{
        right:auto;
        left:0;
        width:min(280px, calc(100vw - 48px));
      }
    }


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

    body[data-page="spot"],
    body[data-page="investment"]{
      --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="radar"]{
      --workspace-accent:#3b82f6;
      --workspace-accent-rgb:59,130,246;
      --workspace-accent-2:#22d3ee;
      --workspace-accent-2-rgb:34,211,238;
      --workspace-warm:#8b5cf6;
      --workspace-warm-rgb:139,92,246;
    }

    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="monitoring"],
    body[data-page="users"]{
      --workspace-accent:#60a5fa;
      --workspace-accent-rgb:96,165,250;
      --workspace-accent-2:#22d3ee;
      --workspace-accent-2-rgb:34,211,238;
      --workspace-warm:#8b5cf6;
      --workspace-warm-rgb:139,92,246;
    }

    body[data-page="radar"] .topbar,
    body[data-page="spot"] .topbar,
    body[data-page="investment"] .topbar,
    body[data-page="trading"] .topbar,
    body[data-page="monitoring"] .topbar,
    body[data-page="users"] .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="radar"] .topbar::after,
    body[data-page="spot"] .topbar::after,
    body[data-page="investment"] .topbar::after,
    body[data-page="trading"] .topbar::after,
    body[data-page="monitoring"] .topbar::after,
    body[data-page="users"] .topbar::after{
      background:linear-gradient(90deg, transparent, rgba(var(--workspace-accent-rgb), .62), rgba(var(--workspace-accent-2-rgb), .52), transparent);
    }

    body[data-page="radar"] .titlebox h1,
    body[data-page="spot"] .titlebox h1,
    body[data-page="investment"] .titlebox h1,
    body[data-page="trading"] .titlebox h1,
    body[data-page="monitoring"] .titlebox h1,
    body[data-page="users"] .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-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,.60);
      background:
        radial-gradient(circle at top right, rgba(59,130,246,.10) 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 14px 34px rgba(0,0,0,.18);
    }
    .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-ribbon{
      display:grid;
      grid-template-columns:minmax(280px, 1.8fr) repeat(4, 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:72px;
      padding:12px;
      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;
    }

    .trade-kpi small{
      color:#aebfe5;
      font-size:12px;
      line-height:1.35;
    }

    .trade-kpi-focus{
      gap:8px;
      align-content:start;
    }

    .trade-kpi-focus.good{ border-color:rgba(34,197,94,.30); }
    .trade-kpi-focus.warn{ border-color:rgba(245,158,11,.30); }
    .trade-kpi-focus.bad{ border-color:rgba(239,68,68,.34); }

    .trade-kpi-focus strong{
      font-size:24px;
    }

    .trade-kpi-label-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
    }

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

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

    .trade-kpi-detail-row strong{
      font-size:14px;
    }

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

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

    .trade-book{
      background:
        linear-gradient(180deg, rgba(12,18,34,.94), rgba(7,13,24,.98));
    }

    .trade-setup-box{
      background:
        linear-gradient(180deg, rgba(21,38,61,.88), rgba(10,20,37,.94));
    }

    .trade-ticket{
      background:
        linear-gradient(180deg, rgba(21,32,58,.92), rgba(10,18,34,.98));
    }

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

    .trade-book-note{
      margin:0 0 12px;
      color:var(--soft);
      font-size:13px;
      line-height:1.45;
    }

    .trade-row{
      display:grid;
      grid-template-columns:minmax(0, 1fr);
      gap:10px;
      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:12px;
      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-top,
    .trade-row-bottom{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
    }

    .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-metric{
      min-height:56px;
      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;
      padding:8px;
      display:grid;
      align-content:center;
      gap:4px;
      min-width:0;
    }

    .trade-row-metric small{
      color:rgba(207,220,255,.70);
      font-size:11px;
      font-weight:900;
      text-transform:uppercase;
      line-height:1;
    }

    .trade-row-metric strong{
      color:#fff;
      font-size:13px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .trade-row-note{
      color:#aebfe5;
      font-size:12px;
      line-height:1.4;
    }

    .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:14px;
    }

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

    .trade-form-summary,
    .trade-setup-summary{
      display:grid;
      grid-template-columns:repeat(4, minmax(0,1fr));
      gap:8px;
      margin-bottom:12px;
    }

    .trade-setup-summary{
      grid-template-columns:repeat(3, minmax(0,1fr));
      margin-bottom:10px;
    }

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

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

    .trade-form-group{
      display:grid;
      gap:10px;
      padding-top:12px;
      border-top:1px solid rgba(108,132,188,.20);
    }

    .trade-form-summary + .trade-form-group{
      padding-top:0;
      border-top:0;
    }

    .trade-form-section-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:10px;
    }

    .trade-form-section-head strong{
      color:#fff;
      font-size:15px;
      line-height:1.2;
    }

    .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-setup-actions{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:8px;
      flex-wrap:wrap;
    }

    .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-ribbon{ grid-template-columns:repeat(4, minmax(0,1fr)); }
      .trade-kpi-focus{ grid-column:1 / -1; }
    }

    @media (max-width: 820px){
      .trading-cockpit{ padding:12px; }
      .trading-cockpit-head,
      .trade-form-head,
      .trade-setup-head,
      .trade-section-head,
      .trade-form-section-head,
      .trade-row-top,
      .trade-row-bottom{
        align-items:flex-start;
        flex-direction:column;
      }
      .trade-kpi-ribbon,
      .trade-kpi-detail-row,
      .trade-form-summary,
      .trade-setup-summary,
      .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;
      }
      .workspace-head-side{
        justify-content:flex-start;
        width:100%;
      }
      .page-lead-side-trading{
        justify-items:start;
      }
      .lead-note{
        max-width:none;
        text-align:left;
      }
    }

    @media (max-width: 520px){
      .trade-kpi-ribbon,
      .trade-kpi-detail-row,
      .trade-form-summary,
      .trade-setup-summary,
      .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{
        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{
        flex:0 0 min(78vw, 270px);
        min-height:108px;
        padding:11px;
        border-radius:12px;
        scroll-snap-align:start;
      }

      body[data-page="trading"] .workspace-overview-trading .workspace-card-grid{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
        overflow:visible;
        padding:0;
        margin-inline:0;
        scroll-snap-type:none;
      }

      body[data-page="trading"] .workspace-overview-trading .workspace-card{
        min-height:108px;
        padding:11px;
        border-radius:12px;
      }

      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{
        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-subtle, var(--line));
      border-radius:8px;
      padding:0 13px;
      background:var(--surface-3, var(--panel-2));
      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:10px;
      min-height:38px;
      min-width:0;
      padding:6px 10px;
      border:1px solid rgba(84,109,168,.68);
      border-radius:12px;
      background:
        linear-gradient(180deg, rgba(18,28,53,.92), rgba(8,15,31,.92)),
        rgba(19,29,54,.82);
      color:var(--text);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 10px 20px rgba(2,6,23,.16);
    }

    .auth-session-chip{
      flex:0 1 auto;
      max-width:min(40vw, 280px);
    }

    .auth-chip-dot{
      width:9px;
      height:9px;
      flex:0 0 auto;
      border-radius:50%;
      background:#22c55e;
      box-shadow:0 0 0 3px rgba(34,197,94,.14), 0 0 12px rgba(34,197,94,.35);
    }

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

    .auth-status{
      color:var(--soft);
      font-size:10px;
      font-weight:900;
      line-height:1;
      text-transform:uppercase;
      letter-spacing:.06em;
      white-space:nowrap;
    }

    .auth-user{
      min-width:0;
      color:#ffffff;
      font-size:13px;
      font-weight:900;
      line-height:1.05;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .auth-role{
      flex:0 0 auto;
      padding:3px 8px;
      border-radius:999px;
      border:1px solid rgba(132,164,237,.2);
      background:rgba(255,255,255,.06);
      color:rgba(215,225,255,.82);
      font-size:10px;
      font-weight:900;
      line-height:1.05;
      white-space:nowrap;
    }

    .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;
      }
    }

    .investment-page{
      display:grid;
      gap:18px;
      margin-top:18px;
    }

    .investment-main-stack{
      display:grid;
      gap:18px;
      min-width:0;
    }

    .investment-watchlist,
    .investment-asset-strip{
      display:grid;
      gap:10px;
      padding:12px;
      border:1px solid rgba(148,163,184,.12);
      border-radius:12px;
      background:rgba(255,255,255,.02);
    }

    .investment-watchlist-head,
    .investment-asset-strip .trading-asset-strip-head{
      display:flex;
      align-items:baseline;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
    }

    .investment-watchlist-head strong,
    .investment-asset-strip .trading-asset-strip-head strong{
      color:#e7edf7;
      font-size:13px;
      font-weight:600;
    }

    .investment-watchlist-list,
    .investment-asset-strip .trading-asset-list{
      display:flex;
      gap:8px;
      overflow-x:auto;
      padding-bottom:0;
      scrollbar-width:none;
      -ms-overflow-style:none;
      overscroll-behavior-x:contain;
      scroll-snap-type:x proximity;
      -webkit-overflow-scrolling:touch;
      -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
      mask-image:linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
    }

    .investment-watchlist-list::-webkit-scrollbar,
    .investment-asset-strip .trading-asset-list::-webkit-scrollbar{
      display:none;
    }

    .investment-watch-item,
    .investment-asset-strip .trading-asset-pill{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:132px;
      padding:9px 10px;
      border:1px solid rgba(148,163,184,.12);
      border-radius:10px;
      background:rgba(255,255,255,.022);
      color:#d6e0ef;
      text-align:left;
      cursor:pointer;
      scroll-snap-align:start;
      transition:border-color .16s ease, background .16s ease, transform .16s ease;
    }

    .investment-watch-icon,
    .investment-asset-strip .trading-asset-icon{
      position:relative;
      display:grid;
      place-items:center;
      flex:0 0 28px;
      width:28px;
      height:28px;
      border:1px solid rgba(125,176,255,.20);
      border-radius:999px;
      background:rgba(9,17,31,.86);
      color:#eff6ff;
      font-size:10px;
      font-weight:800;
      overflow:hidden;
    }

    .investment-watch-icon img,
    .investment-asset-strip .trading-asset-icon img{
      position:absolute;
      inset:4px;
      width:calc(100% - 8px);
      height:calc(100% - 8px);
      object-fit:contain;
    }

    .investment-watch-icon img + span,
    .investment-asset-strip .trading-asset-icon img + span{
      opacity:0;
    }

    .investment-watch-copy,
    .investment-asset-strip .trading-asset-copy{
      min-width:0;
      display:grid;
      gap:3px;
    }

    .investment-watch-item:hover,
    .investment-asset-strip .trading-asset-pill:hover{
      transform:translateY(-1px);
      border-color:rgba(96,165,250,.24);
      background:rgba(255,255,255,.035);
    }

    .investment-watch-copy strong,
    .investment-asset-strip .trading-asset-copy strong{
      color:#f8fbff;
      font-size:12px;
      font-weight:600;
      line-height:1.1;
    }

    .investment-watch-copy span,
    .investment-asset-strip .trading-asset-copy span{
      color:#90a2bb;
      font-size:10px;
      line-height:1.2;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .investment-watch-item.selected,
    .investment-asset-strip .trading-asset-pill.is-active{
      border-color:rgba(96,165,250,.28);
      background:rgba(59,130,246,.09);
    }

    .investment-watch-item.strong{
      border-left:3px solid rgba(34,197,94,.72);
    }

    .investment-watch-item.watch{
      border-left:3px solid rgba(245,158,11,.72);
    }

    .investment-watch-item.risk{
      border-left:3px solid rgba(248,113,113,.68);
    }

    .investment-signal-banner{
      display:grid;
      gap:14px;
      padding:16px 18px;
      border:1px solid rgba(148,163,184,.12);
      border-radius:12px;
      background:linear-gradient(180deg, rgba(17,24,39,.96), rgba(12,18,30,.96));
    }

    .investment-signal-banner.is-positive{
      border-color:rgba(34,197,94,.22);
      background:linear-gradient(180deg, rgba(14,27,24,.96), rgba(12,18,30,.96));
    }

    .investment-signal-banner.is-neutral{
      border-color:rgba(148,163,184,.14);
      background:linear-gradient(180deg, rgba(17,24,39,.96), rgba(12,18,30,.96));
    }

    .investment-signal-copy{
      display:grid;
      gap:6px;
    }

    .investment-signal-copy strong{
      color:#f8fbff;
      font-size:22px;
      line-height:1.15;
      font-weight:650;
    }

    .investment-signal-banner.is-positive .investment-signal-copy strong{
      color:#dcfce7;
    }

    .investment-signal-copy p{
      margin:0;
      color:#b9c6d8;
      line-height:1.55;
    }

    .investment-signal-meta{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
    }

    .investment-signal-meta span{
      display:inline-flex;
      align-items:center;
      min-height:34px;
      padding:0 12px;
      border:1px solid rgba(148,163,184,.12);
      border-radius:999px;
      background:rgba(255,255,255,.03);
      color:#a9b7ca;
      font-size:12px;
      font-weight:600;
      letter-spacing:0;
      text-transform:none;
    }

    .investment-signal-meta .is-positive{
      border-color:rgba(34,197,94,.18);
      background:rgba(34,197,94,.10);
      color:#c8f1d3;
    }

    .investment-signal-meta .is-muted{
      color:#a9b7ca;
    }

    .investment-statusbar .stat{
      min-height:82px;
    }

    .investment-tabs{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:10px;
      padding:8px;
      border:1px solid rgba(255,255,255,.12);
      border-radius:8px;
      background:rgba(5,13,31,.70);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    }

    .investment-tabs button{
      min-height:48px;
      border:1px solid rgba(255,255,255,.12);
      border-radius:7px;
      background:rgba(10,20,42,.72);
      color:rgba(219,229,255,.78);
      font-weight:900;
      letter-spacing:0;
      cursor:pointer;
      transition:transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
    }

    .investment-tabs button:hover,
    .investment-tabs button.active{
      color:#f8fbff;
      border-color:rgba(45,212,191,.58);
      background:linear-gradient(180deg, rgba(20,184,166,.28), rgba(16,185,129,.10));
      transform:translateY(-1px);
    }

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

    .investment-overview > div{
      min-height:118px;
      padding:16px;
      border:1px solid rgba(255,255,255,.12);
      border-radius:8px;
      background:linear-gradient(180deg, rgba(14,24,48,.92), rgba(6,14,31,.88));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    }

    .investment-overview span,
    .investment-zone-grid span,
    .investment-detail-grid span{
      display:block;
      color:rgba(183,192,216,.76);
      font-size:12px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.08em;
    }

    .investment-overview strong{
      display:block;
      margin-top:8px;
      color:#f8fbff;
      font-size:34px;
      line-height:1;
      letter-spacing:0;
    }

    .investment-overview p{
      margin:9px 0 0;
      color:rgba(219,229,255,.74);
      line-height:1.45;
    }

    .investment-detail{
      display:grid;
      gap:16px;
      padding:18px;
      border:1px solid rgba(45,212,191,.20);
      border-radius:8px;
      background:
        linear-gradient(135deg, rgba(20,184,166,.14), transparent 34%),
        linear-gradient(180deg, rgba(14,24,48,.95), rgba(5,13,31,.92));
      box-shadow:0 18px 42px rgba(2,6,23,.24), inset 0 1px 0 rgba(255,255,255,.06);
    }

    .investment-detail-head,
    .investment-card-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      min-width:0;
    }

    .investment-asset{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
    }

    .investment-asset h2,
    .investment-asset h3,
    .investment-asset p{
      margin:0;
      min-width:0;
    }

    .investment-asset h2{
      color:#f8fbff;
      font-size:23px;
      line-height:1.15;
      letter-spacing:0;
      overflow-wrap:anywhere;
    }

    .investment-asset h3{
      color:#f8fbff;
      font-size:18px;
      line-height:1.15;
      letter-spacing:0;
    }

    .investment-asset p{
      margin-top:3px;
      color:rgba(183,192,216,.78);
      line-height:1.35;
      overflow-wrap:anywhere;
    }

    .investment-logo{
      position:relative;
      display:grid;
      place-items:center;
      flex:0 0 46px;
      width:46px;
      height:46px;
      border:1px solid rgba(45,212,191,.24);
      border-radius:8px;
      background:rgba(3,9,23,.70);
      color:#d9fff8;
      font-size:12px;
      font-weight:950;
      overflow:hidden;
    }

    .investment-logo img{
      position:absolute;
      width:30px;
      height:30px;
      object-fit:contain;
    }

    .investment-logo img + span{
      opacity:0;
    }

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

    .investment-zone-grid{
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .investment-detail-grid > div,
    .investment-zone-grid > div{
      min-height:78px;
      padding:12px;
      border:1px solid rgba(255,255,255,.10);
      border-radius:8px;
      background:rgba(3,9,23,.42);
      min-width:0;
    }

    .investment-detail-grid strong,
    .investment-zone-grid strong{
      display:block;
      margin-top:8px;
      color:#f8fbff;
      font-size:15px;
      line-height:1.25;
      overflow-wrap:anywhere;
    }

    .investment-zone-list{
      display:grid;
      gap:8px;
    }

    .investment-zone-row{
      display:grid;
      grid-template-columns:minmax(0, 1.3fr) minmax(150px, .8fr) auto;
      align-items:center;
      gap:12px;
      min-height:62px;
      padding:10px 12px;
      border:1px solid rgba(255,255,255,.10);
      border-radius:8px;
      background:rgba(3,9,23,.36);
    }

    .investment-zone-row strong,
    .investment-zone-row span{
      display:block;
      overflow-wrap:anywhere;
    }

    .investment-zone-row strong{
      color:#f8fbff;
    }

    .investment-zone-row span{
      margin-top:3px;
      color:rgba(183,192,216,.74);
      font-size:12px;
    }

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

    .investment-card{
      display:grid;
      gap:14px;
      min-height:430px;
      padding:16px;
      border:1px solid rgba(255,255,255,.12);
      border-radius:8px;
      background:linear-gradient(180deg, rgba(14,24,48,.94), rgba(5,13,31,.90));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
      cursor:pointer;
      transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
    }

    .investment-card:hover,
    .investment-card.selected{
      transform:translateY(-2px);
      border-color:rgba(45,212,191,.48);
      box-shadow:0 18px 38px rgba(2,6,23,.28), inset 0 1px 0 rgba(255,255,255,.08);
    }

    .investment-card.strong{ border-color:rgba(34,197,94,.30); }
    .investment-card.watch{ border-color:rgba(245,158,11,.26); }
    .investment-card.risk{ border-color:rgba(248,113,113,.24); }

    .investment-card-line{
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:7px;
      min-height:30px;
    }

    .investment-pill{
      display:inline-flex;
      align-items:center;
      min-height:26px;
      max-width:100%;
      padding:0 9px;
      border:1px solid rgba(255,255,255,.12);
      border-radius:999px;
      color:#f8fbff;
      background:rgba(255,255,255,.06);
      font-size:12px;
      font-weight:900;
      line-height:1.1;
      overflow-wrap:anywhere;
    }

    .investment-pill.strong{ border-color:rgba(34,197,94,.45); background:rgba(34,197,94,.15); }
    .investment-pill.watch{ border-color:rgba(245,158,11,.45); background:rgba(245,158,11,.14); }
    .investment-pill.risk{ border-color:rgba(248,113,113,.45); background:rgba(248,113,113,.13); }
    .investment-pill.muted{ color:rgba(219,229,255,.78); background:rgba(255,255,255,.05); }

    .investment-score-ring{
      display:grid;
      place-items:center;
      flex:0 0 58px;
      width:58px;
      height:58px;
      border-radius:50%;
      background:
        conic-gradient(var(--score-color) var(--score), rgba(255,255,255,.09) 0),
        rgba(3,9,23,.84);
      box-shadow:inset 0 0 0 7px rgba(3,9,23,.92);
    }

    .investment-score-ring strong,
    .investment-score-ring span{
      color:#f8fbff;
      font-size:16px;
      font-weight:950;
    }

    .investment-score-ring.strong{ --score-color:#22c55e; }
    .investment-score-ring.watch{ --score-color:#f59e0b; }
    .investment-score-ring.risk{ --score-color:#f87171; }

    .investment-reasons{
      display:grid;
      gap:8px;
      min-height:128px;
    }

    .investment-reason{
      display:grid;
      grid-template-columns:10px minmax(0, 1fr);
      gap:8px;
      align-items:start;
      min-height:32px;
      color:rgba(219,229,255,.78);
      line-height:1.35;
    }

    .investment-reason > span{
      width:8px;
      height:8px;
      margin-top:5px;
      border-radius:50%;
      background:rgba(148,163,184,.75);
    }

    .investment-reason.good > span{ background:#22c55e; }
    .investment-reason.risk > span{ background:#f87171; }
    .investment-reason p{ margin:0; overflow-wrap:anywhere; }
    .investment-reason.muted{ display:block; color:rgba(183,192,216,.70); }

    .investment-parts{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:9px;
      align-self:end;
    }

    .investment-part{
      display:grid;
      gap:5px;
      min-width:0;
    }

    .investment-part span{
      color:rgba(183,192,216,.72);
      font-size:11px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.06em;
    }

    .investment-part strong{
      color:#f8fbff;
      font-size:13px;
    }

    .investment-part div{
      height:5px;
      border-radius:999px;
      background:rgba(255,255,255,.08);
      overflow:hidden;
    }

    .investment-part i{
      display:block;
      height:100%;
      border-radius:999px;
      background:linear-gradient(90deg, #14b8a6, #22c55e);
    }

    @media (max-width: 1180px){
      .investment-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
      .investment-detail-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 760px){
      .investment-statusbar{
        display:flex;
        gap:8px;
        overflow-x:auto;
        overflow-y:hidden;
        padding-bottom:2px;
        scrollbar-width:none;
        -ms-overflow-style:none;
        overscroll-behavior-x:contain;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
        -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
        mask-image:linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
      }
      .investment-statusbar::-webkit-scrollbar{
        display:none;
      }
      .investment-statusbar .stat{
        flex:0 0 146px;
        min-height:58px;
        padding:8px 10px;
        scroll-snap-align:start;
      }
      .investment-statusbar .stat .k{
        font-size:8px;
      }
      .investment-statusbar .stat .v{
        font-size:13px;
      }
      .investment-watchlist{
        padding:10px;
      }
      .investment-watchlist-list{
        padding-bottom:0;
        scrollbar-width:none;
      }
      .investment-watch-item{
        flex:0 0 136px;
        min-height:60px;
        padding:9px;
        border-radius:10px;
      }
      .investment-watchlist-head strong{
        font-size:12px;
      }
      .investment-watch-copy strong{
        font-size:13px;
      }
      .investment-watch-copy span{
        font-size:11px;
        white-space:normal;
        line-height:1.2;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
      }
      .investment-tabs,
      .investment-overview,
      .investment-grid,
      .investment-detail-grid,
      .investment-zone-grid{
        grid-template-columns:1fr;
      }
      .investment-detail{
        padding:14px;
      }
      .investment-detail-head,
      .investment-card-head{
        align-items:flex-start;
      }
      .investment-asset h2{
        font-size:20px;
      }
      .investment-zone-row{
        grid-template-columns:1fr;
        align-items:start;
      }
      .investment-card{
        min-height:0;
      }
      .investment-parts{
        grid-template-columns:1fr;
      }
    }

    @media (max-width: 420px){
      .hero-headline-row{
        align-items:flex-start;
        gap:7px;
      }

      .hero-headline-row .hero-price{
        margin-left:auto;
        text-align:right;
      }

      .hero-price strong{
        font-size:21px;
      }
    }

    @media (max-width: 760px){
      .app-nav.nav-flyout{
        width:100%;
        justify-content:flex-start;
        margin:-2px 0 10px;
        z-index:120;
      }

      .statusbar:not(.statusbar-nav-only):not(.investment-statusbar):not(.trading-statusbar){
        display:grid;
        grid-template-columns:minmax(0, 1fr) auto;
        align-items:start;
        gap:8px;
      }

      .top-actions .app-nav.nav-flyout,
      .toolbar .app-nav.nav-flyout{
        justify-content:flex-start;
        order:-1;
      }

      .nav-flyout-toggle{
        min-height:40px;
        padding:8px 12px;
        border-radius:12px;
      }

      .nav-flyout-panel{
        left:0;
        right:auto;
        width:min(320px, calc(100vw - 20px));
        min-width:0;
        max-height:calc(100dvh - 92px);
        overflow:auto;
        overscroll-behavior:contain;
      }

      .top-actions .nav-flyout-panel,
      .toolbar .nav-flyout-panel{
        left:0;
        right:auto;
      }

      .statusbar{
        margin-bottom:8px;
        min-height:34px;
      }

      .statusbar-track{
        gap:6px;
      }

      .statusbar:not(.statusbar-nav-only) .statusbar-track{
        min-width:0;
        padding-right:0;
      }

      .statusbar:not(.statusbar-nav-only) .stat.stat-menu{
        position:relative;
        top:auto;
        right:auto;
        align-self:start;
        padding-left:0;
        background:transparent;
      }

      .statusbar:not(.statusbar-nav-only) .stat.stat-menu .app-nav.nav-flyout{
        width:auto;
        margin:0;
      }

      .auth-session-chip{
        max-width:min(46vw, 210px);
        padding:6px 8px;
        gap:8px;
      }

      .auth-user{
        font-size:12px;
      }

      .statusbar:not(.statusbar-nav-only) .stat.stat-menu .nav-flyout-panel{
        left:auto;
        right:0;
      }

      .stat{
        min-height:32px;
        gap:7px;
        border-radius:10px;
        padding:5px 7px;
        flex:0 0 auto;
      }

      .statusbar-track .stat:first-child{
        flex:0 0 190px;
        min-width:190px;
      }

      .stat .k{
        font-size:7.5px;
        letter-spacing:.02em;
      }

      .stat .v{
        font-size:10.5px;
      }

      .investment-tabs{
        gap:8px;
      }

      .investment-tabs button{
        min-height:42px;
      }
    }

    @media (max-width: 520px){
      html,
      body{
        overflow-x:hidden;
      }

      .statusbar{
        min-height:30px;
      }

      .statusbar-track{
        gap:5px;
      }

      .stat{
        min-height:30px;
        padding:4px 6px;
      }

      .statusbar-track .stat:first-child{
        flex-basis:170px;
        min-width:170px;
      }

      .stat .k{
        font-size:7px;
      }

      .stat .v{
        font-size:10px;
      }

      .brand-row{
        align-items:flex-start;
      }

      .brand-copy{
        flex:1 1 auto;
        max-width:100%;
      }

      .topbar .brand-copy > p:not(.brand-eyebrow){
        font-size:13px;
        line-height:1.35;
        white-space:normal;
        overflow-wrap:anywhere;
      }

      .hero{
        overflow:hidden;
      }

      .auth-session-chip{
        max-width:132px;
        min-height:36px;
        padding:5px 8px;
      }

      .auth-status{
        display:none;
      }

      .auth-user{
        font-size:11px;
      }

      .auth-role{
        display:none;
      }

      .statusbar-track .stat:first-child{
        flex:0 0 210px;
        min-width:210px;
      }

      .stat .k{
        min-width:0;
        overflow:hidden;
        text-overflow:ellipsis;
      }

      .hero-headline-row{
        display:grid;
        grid-template-columns:1fr;
        align-items:start;
        gap:8px;
      }

      .hero-headline-row .hero-identity{
        min-width:0;
      }

      .hero-headline-row .hero-price{
        flex:auto;
        min-width:0;
        max-width:100%;
        margin-left:0;
        justify-self:start;
        text-align:left;
      }

      .hero-price strong{
        overflow:hidden;
        text-overflow:clip;
        white-space:nowrap;
      }
    }

    @media (max-width: 420px){
      .app-nav.nav-flyout{
        margin:-4px 0 9px;
      }

      .auth-session-chip{
        max-width:110px;
      }

      .nav-flyout-toggle{
        min-height:38px;
        font-size:12px;
      }

      .nav-flyout-lines{
        width:16px;
      }

      .nav-flyout-panel{
        left:0;
        right:auto;
        width:calc(100vw - 18px);
      }

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

      .hero-headline-row .hero-price{
        max-width:100%;
        margin-left:0;
      }

      .active-coin-metrics{
        grid-template-columns:1fr 1fr;
      }

      .active-coin-metrics span:last-child{
        grid-column:1 / -1;
      }

      .investment-detail-head,
      .investment-card-head{
        gap:10px;
      }

      .investment-score-ring{
        flex-basis:50px;
        width:50px;
        height:50px;
      }
    }

    .trading-statusbar{
      margin-bottom:14px;
    }

    .trading-statusbar .statusbar-track{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(176px, 1fr));
      grid-auto-flow:row;
      gap:10px;
      overflow:visible;
      padding:0;
      align-items:stretch;
    }

    .trading-statusbar .statusbar-track > *{
      min-width:0;
      width:100%;
      max-width:100%;
    }

    /* Trading KPIs use their own card class so the global statusbar first-card
       sizing rules for `.stat:first-child` cannot force the first KPI wider. */
    body[data-page="trading"] .trading-statusbar .statusbar-track > .stat:not(.stat-menu):first-child{
      flex:1 1 auto;
      min-width:0;
      width:auto;
    }

    .trading-statusbar .trading-stat{
      min-height:86px;
      min-width:0;
      display:grid;
      grid-template-rows:auto auto 1fr;
      align-content:start;
      gap:6px;
      padding:12px;
      border:1px solid rgba(84,109,168,.16);
      border-radius:10px;
      border-color:rgba(90,120,182,.22);
      background:rgba(8,16,31,.36);
      box-shadow:none;
      overflow:hidden;
    }

    .trading-statusbar .trading-stat-label{
      min-width:0;
      color:rgba(207,220,255,.66);
      font-size:10px;
      line-height:1.15;
      text-transform:uppercase;
      font-weight:800;
      overflow-wrap:anywhere;
    }

    .trading-statusbar .trading-stat-value{
      min-width:0;
      max-width:100%;
      font-size:16px;
      line-height:1.18;
      font-weight:720;
      white-space:normal;
      overflow-wrap:anywhere;
      overflow-wrap:anywhere;
      color:#f8fbff;
    }

    .trade-stat-sub{
      min-width:0;
      color:var(--soft);
      font-size:11px;
      line-height:1.35;
      margin-top:auto;
      overflow-wrap:anywhere;
    }

    .trading-statusbar .trading-stat.v-green{
      border-color:rgba(34,197,94,.28);
      box-shadow:inset 0 0 0 1px rgba(34,197,94,.08);
    }

    .trading-statusbar .trading-stat.v-red{
      border-color:rgba(239,68,68,.28);
      box-shadow:inset 0 0 0 1px rgba(239,68,68,.08);
    }

    .trading-statusbar .trading-stat.v-yellow{
      border-color:rgba(245,158,11,.28);
      box-shadow:inset 0 0 0 1px rgba(245,158,11,.08);
    }

    .trading-statusbar .trading-stat.v-accent{
      border-color:rgba(96,165,250,.28);
      box-shadow:inset 0 0 0 1px rgba(96,165,250,.08);
    }

    .trading-section-tabs{
      margin-bottom:14px;
    }

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

    .trading-tab-btn{
      min-height:48px;
      border:1px solid rgba(84,109,168,.28);
      background:rgba(10,18,33,.24);
      color:#cbd6e8;
      border-radius:10px;
      padding:10px 14px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      font-size:14px;
      font-weight:760;
      cursor:pointer;
      transition:border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
    }

    .trading-tab-btn:hover{
      transform:translateY(-1px);
      border-color:rgba(125,176,255,.52);
      color:var(--text);
    }

    .trading-tab-btn.is-active{
      color:var(--text);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
    }

    .trading-tab-btn[data-tab="new"].is-active{
      background:rgba(56,189,248,.14);
      border-color:rgba(56,189,248,.42);
    }

    .trading-tab-btn[data-tab="hedge"].is-active{
      background:rgba(245,158,11,.14);
      border-color:rgba(245,158,11,.42);
    }

    .trading-tab-btn[data-tab="active"].is-active{
      background:rgba(34,197,94,.12);
      border-color:rgba(34,197,94,.36);
    }

    .tab-badge{
      min-width:22px;
      min-height:22px;
      padding:0 7px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:rgba(96,165,250,.18);
      color:#d8e6ff;
      font-size:12px;
      font-weight:700;
    }

    .trading-shell-loading{
      min-height:240px;
      border:1px solid rgba(84,109,168,.22);
      border-radius:12px;
      background:rgba(10,18,33,.24);
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--soft);
    }

    .trading-shell{
      display:flex;
      flex-direction:column;
      gap:18px;
    }

    .trading-section{
      display:none;
      flex-direction:column;
      gap:16px;
    }

    .trading-section.is-active{
      display:flex;
    }

    .trade-section-intro{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:16px;
    }

    .trade-section-intro h2{
      margin:2px 0 6px;
      font-size:24px;
      line-height:1.1;
    }

    .trade-section-intro p{
      margin:0;
      color:var(--soft);
      font-size:14px;
      line-height:1.45;
      max-width:760px;
    }

    .trade-section-tools{
      display:flex;
      align-items:center;
      gap:10px;
    }

    .trade-work-grid{
      display:grid;
      grid-template-columns:minmax(0, 1.06fr) minmax(0, .96fr) minmax(0, 1fr);
      gap:16px;
      align-items:start;
    }

    .trade-rr-wide{
      margin-top:16px;
    }

    .trade-rr-wide .trade-card-head{
      margin-bottom:14px;
    }

    .trade-active-grid{
      display:grid;
      grid-template-columns:minmax(320px, .92fr) minmax(0, 1.08fr);
      gap:16px;
      align-items:start;
    }

    .trade-active-stack{
      display:flex;
      flex-direction:column;
      gap:18px;
    }

    .exchange-section{
      border:1px solid rgba(84,109,168,.18);
      border-radius:14px;
      background:linear-gradient(180deg, rgba(10,18,33,.46), rgba(8,14,26,.24));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
      overflow:hidden;
    }

    .exchange-section[open]{
      border-color:rgba(84,109,168,.28);
      background:linear-gradient(180deg, rgba(12,20,37,.56), rgba(8,14,26,.28));
    }

    .exchange-section-summary{
      list-style:none;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:14px 16px;
      cursor:pointer;
      user-select:none;
    }

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

    .exchange-section-copy{
      display:flex;
      flex-direction:column;
      gap:4px;
      min-width:0;
    }

    .exchange-section-copy strong{
      font-size:17px;
      line-height:1.2;
      color:var(--text);
    }

    .exchange-section-tools{
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-end;
      gap:8px;
    }

    .exchange-section-body{
      padding:0 16px 16px;
    }

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

    .exchange-section-connections{
      border-style:dashed;
      background:linear-gradient(180deg, rgba(8,14,26,.20), rgba(8,14,26,.12));
    }

    .exchange-section-summary::after{
      content:"+";
      width:30px;
      min-width:30px;
      height:30px;
      border-radius:999px;
      border:1px solid rgba(84,109,168,.24);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:var(--soft);
      font-size:18px;
      line-height:1;
      margin-left:4px;
      background:rgba(255,255,255,.03);
    }

    .exchange-section[open] .exchange-section-summary::after{
      content:"−";
    }

    .exchange-section-kraken{
      border-color:rgba(59,130,246,.26);
    }

    .exchange-section-kraken[open]{
      border-color:rgba(59,130,246,.42);
      box-shadow:0 0 0 1px rgba(59,130,246,.10), inset 0 1px 0 rgba(255,255,255,.03);
    }

    .exchange-section-kraken .exchange-section-summary{
      background:linear-gradient(90deg, rgba(37,99,235,.12), rgba(59,130,246,.03));
    }

    .exchange-section-kraken .trade-work-card{
      background:rgba(8,14,24,.34);
      border-color:rgba(59,130,246,.18);
    }

    .exchange-section-kraken .bitget-summary-tile strong,
    .exchange-section-kraken .bitget-position-grid strong,
    .exchange-section-kraken .bitget-position-meta strong,
    .exchange-section-kraken .bitget-position-pnl,
    .exchange-section-kraken .trade-chip{
      font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      letter-spacing:.01em;
    }

    .exchange-section-bitget .exchange-section-summary{
      background:linear-gradient(90deg, rgba(249,115,22,.08), rgba(249,115,22,.02));
    }

    .exchange-section-bybit .exchange-section-summary{
      background:linear-gradient(90deg, rgba(34,197,94,.08), rgba(34,197,94,.02));
    }

    .trade-work-card{
      border:1px solid rgba(84,109,168,.24);
      border-radius:12px;
      background:rgba(10,18,33,.26);
      padding:16px;
      display:flex;
      flex-direction:column;
      gap:14px;
      min-width:0;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
    }

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

    .trade-card-head h3{
      margin:2px 0 0;
      font-size:18px;
      line-height:1.2;
    }

    .trade-chip{
      min-height:28px;
      padding:5px 10px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:12px;
      font-weight:700;
      border:1px solid rgba(84,109,168,.26);
      background:rgba(14,23,40,.45);
      color:#dbe8ff;
      white-space:nowrap;
    }

    .trade-chip.good{
      border-color:rgba(34,197,94,.32);
      background:rgba(34,197,94,.14);
      color:#d9ffe8;
    }

    .trade-chip.warn{
      border-color:rgba(245,158,11,.32);
      background:rgba(245,158,11,.14);
      color:#fff2cd;
    }

    .trade-chip.bad{
      border-color:rgba(239,68,68,.32);
      background:rgba(239,68,68,.14);
      color:#ffd9d9;
    }

    .trade-chip.neutral{
      color:var(--soft);
    }

    .trade-field-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:12px;
    }

    .trade-field{
      display:flex;
      flex-direction:column;
      gap:7px;
      min-width:0;
    }

    .trade-field > span{
      font-size:12px;
      color:var(--soft);
      font-weight:700;
    }

    .trade-field input,
    .trade-field select{
      width:100%;
      min-height:42px;
      border:1px solid rgba(84,109,168,.28);
      border-radius:10px;
      background:rgba(12,20,37,.78);
      color:var(--text);
      padding:10px 12px;
      font-size:14px;
      outline:none;
    }

    .trade-field input{
      text-align:left;
      direction:ltr;
      font-variant-numeric:tabular-nums;
    }

    .trade-field.has-error input,
    .trade-field.has-error select,
    .trade-tp-row.has-error input{
      border-color:rgba(239,68,68,.52);
      box-shadow:0 0 0 1px rgba(239,68,68,.14);
    }

    .trade-direction-toggle{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:8px;
    }

    .direction-btn{
      min-height:42px;
      border-radius:10px;
      border:1px solid rgba(84,109,168,.28);
      background:rgba(12,20,37,.78);
      color:var(--soft);
      font-weight:700;
      cursor:pointer;
      transition:border-color .18s ease, background .18s ease, color .18s ease;
    }

    .direction-btn.is-active{
      border-color:rgba(96,165,250,.58);
      background:rgba(37,99,235,.18);
      color:var(--text);
    }

    .trade-suggestion-btn{
      align-self:flex-start;
      border:none;
      background:transparent;
      color:#8eb9ff;
      padding:0;
      font-size:12px;
      cursor:pointer;
    }

    .trade-tp-grid{
      border:1px solid rgba(84,109,168,.2);
      border-radius:12px;
      background:rgba(7,14,26,.32);
      padding:12px;
      display:flex;
      flex-direction:column;
      gap:10px;
    }

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

    .trade-tp-row{
      display:grid;
      grid-template-columns:58px minmax(0, 1fr) 88px auto;
      gap:8px;
      align-items:center;
    }

    .trade-tp-row span{
      font-size:13px;
      font-weight:700;
    }

    .trade-tp-row input{
      min-height:40px;
      border:1px solid rgba(84,109,168,.28);
      border-radius:10px;
      background:rgba(12,20,37,.78);
      color:var(--text);
      padding:9px 11px;
      font-size:14px;
      width:100%;
      text-align:left;
      direction:ltr;
      font-variant-numeric:tabular-nums;
    }

    .trade-profile-bar{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
      margin-top:10px;
      padding:10px 12px;
      border:1px solid rgba(84,109,168,.18);
      border-radius:12px;
      background:rgba(8,15,29,.24);
    }

    .trade-profile-bar.is-saved{
      border-color:rgba(74,222,128,.24);
      box-shadow:inset 0 0 0 1px rgba(74,222,128,.07);
    }

    .trade-profile-copy{
      display:flex;
      flex-direction:column;
      gap:4px;
      flex:1 1 260px;
      min-width:240px;
    }

    .trade-profile-copy strong{
      font-size:14px;
      line-height:1.25;
      color:#f4f8ff;
    }

    .trade-profile-copy p{
      margin:0;
      color:var(--soft);
      font-size:12px;
      line-height:1.5;
      max-width:560px;
    }

    .trade-profile-stats{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:8px;
      flex:1 1 270px;
      min-width:260px;
    }

    .trade-profile-stat{
      display:flex;
      flex-direction:column;
      gap:5px;
      min-height:62px;
      padding:10px 12px;
      border-radius:10px;
      border:1px solid rgba(84,109,168,.16);
      background:rgba(7,13,24,.32);
    }

    .trade-profile-stat span{
      color:rgba(207,220,255,.68);
      font-size:11px;
      line-height:1.2;
      text-transform:uppercase;
      font-weight:750;
      letter-spacing:.02em;
    }

    .trade-profile-stat strong{
      color:#f5f9ff;
      font-size:14px;
      line-height:1.25;
      overflow-wrap:anywhere;
    }

    .trade-profile-current{
      display:flex;
      flex-direction:column;
      gap:6px;
      flex:1 1 220px;
      min-width:220px;
      color:var(--soft);
      font-size:12px;
      line-height:1.5;
    }

    .trade-profile-fields{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:10px;
      width:100%;
    }

    .trade-profile-fields .trade-field{
      margin:0;
      min-width:0;
    }

    .trade-profile-fields .trade-field input{
      text-align:left;
      direction:ltr;
      font-variant-numeric:tabular-nums;
    }

    .trade-profile-actions{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
      width:100%;
    }

    .trade-profile-dock{
      border:1px solid rgba(84,109,168,.18);
      border-radius:12px;
      background:rgba(8,15,29,.22);
      overflow:hidden;
    }

    .trade-profile-dock.is-saved{
      border-color:rgba(74,222,128,.2);
    }

    .trade-profile-summary{
      list-style:none;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      padding:14px 16px;
      cursor:pointer;
    }

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

    .trade-profile-summary::after{
      content:"+";
      margin-left:auto;
      color:#dbe8ff;
      font-size:18px;
      line-height:1;
      font-weight:700;
    }

    .trade-profile-dock[open] > .trade-profile-summary::after{
      content:"–";
    }

    .trade-profile-summary-copy{
      display:flex;
      flex-direction:column;
      gap:4px;
      min-width:0;
      flex:1 1 320px;
    }

    .trade-profile-summary-copy strong{
      color:#f4f8ff;
      font-size:15px;
      line-height:1.2;
    }

    .trade-profile-summary-copy span{
      color:var(--soft);
      font-size:12px;
      line-height:1.5;
    }

    .trade-profile-summary-tools{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
      max-width:100%;
    }

    .trade-profile-body{
      padding:0 16px 16px;
    }

    .trade-fib-info{
      border:1px dashed rgba(84,109,168,.22);
      border-radius:12px;
      background:rgba(8,15,29,.24);
      padding:12px;
      display:flex;
      flex-direction:column;
      gap:5px;
      color:var(--soft);
      font-size:12px;
      line-height:1.45;
    }

    .trade-inline-note{
      border-radius:10px;
      padding:10px 12px;
      font-size:13px;
      line-height:1.45;
    }

    .trade-inline-note.ok{
      background:rgba(34,197,94,.10);
      color:#d9ffe8;
      border:1px solid rgba(34,197,94,.22);
    }

    .trade-inline-note.warn{
      background:rgba(245,158,11,.10);
      color:#fff0cc;
      border:1px solid rgba(245,158,11,.22);
    }

    .trade-inline-note.neutral{
      background:rgba(59,130,246,.08);
      color:#d9e8ff;
      border:1px solid rgba(59,130,246,.18);
    }

    .trade-inline-note.bad{
      background:rgba(239,68,68,.10);
      color:#ffd9d9;
      border:1px solid rgba(239,68,68,.22);
    }

    .bitget-actions{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
    }

    .btn.accent{
      border:1px solid rgba(249,115,22,.36);
      background:rgba(249,115,22,.16);
      color:#fff3e8;
    }

    .btn.accent:hover:not(:disabled){
      border-color:rgba(249,115,22,.52);
      background:rgba(249,115,22,.22);
    }

    .bitget-meta-field{
      justify-content:flex-end;
    }

    .bitget-meta-stack{
      min-height:42px;
      border:1px solid rgba(84,109,168,.28);
      border-radius:10px;
      background:rgba(12,20,37,.78);
      padding:10px 12px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap:3px;
    }

    .bitget-meta-stack strong{
      font-size:14px;
      color:var(--text);
    }

    .bitget-meta-stack small{
      color:var(--soft);
      font-size:12px;
      line-height:1.35;
    }

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

    .bitget-summary-tile{
      border:1px solid rgba(84,109,168,.18);
      border-radius:10px;
      background:rgba(8,15,29,.30);
      padding:11px 12px;
      display:flex;
      flex-direction:column;
      gap:5px;
    }

    .bitget-summary-tile small{
      color:var(--soft);
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.08em;
    }

    .bitget-summary-tile strong{
      font-size:16px;
      line-height:1.2;
      color:var(--text);
    }

    .bitget-summary-tile.good strong{
      color:#3ddc97;
    }

    .bitget-summary-tile.bad strong{
      color:#ff8f8f;
    }

    .bitget-position-list{
      display:flex;
      flex-direction:column;
      gap:12px;
    }

    .bitget-position-card{
      border:1px solid rgba(84,109,168,.18);
      border-radius:12px;
      background:rgba(8,15,29,.30);
      padding:14px;
      display:flex;
      flex-direction:column;
      gap:12px;
    }

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

    .bitget-position-meta{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:8px;
    }

    .bitget-position-meta strong{
      font-size:16px;
      line-height:1.2;
    }

    .bitget-position-pnl{
      min-width:172px;
      display:grid;
      gap:4px;
      padding:10px 12px;
      border:1px solid rgba(148,163,184,.16);
      border-radius:10px;
      background:rgba(255,255,255,.03);
      text-align:right;
      color:var(--text);
    }

    .bitget-position-pnl small{
      color:#9fb0c8;
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:.04em;
      line-height:1.2;
    }

    .bitget-position-pnl strong{
      font-size:22px;
      font-weight:800;
      line-height:1.05;
      color:#f8fbff;
    }

    .bitget-position-pnl span{
      color:#c7d3e6;
      font-size:12px;
      line-height:1.35;
    }

    .bitget-position-pnl.good{
      border-color:rgba(34,197,94,.24);
      background:linear-gradient(180deg, rgba(34,197,94,.18), rgba(34,197,94,.08));
    }

    .bitget-position-pnl.good strong{
      color:#bbf7d0;
    }

    .bitget-position-pnl.bad{
      border-color:rgba(239,68,68,.24);
      background:linear-gradient(180deg, rgba(239,68,68,.18), rgba(239,68,68,.08));
    }

    .bitget-position-pnl.bad strong{
      color:#fecaca;
    }

    .bitget-position-pnl.neutral{
      border-color:rgba(148,163,184,.18);
      background:linear-gradient(180deg, rgba(148,163,184,.12), rgba(148,163,184,.05));
    }

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

    .bitget-position-grid span{
      min-width:0;
      border:1px solid rgba(84,109,168,.16);
      border-radius:10px;
      background:rgba(255,255,255,.02);
      padding:10px 11px;
      display:flex;
      flex-direction:column;
      gap:4px;
    }

    .bitget-position-grid small{
      color:var(--soft);
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.08em;
    }

    .bitget-position-grid strong{
      color:var(--text);
      font-size:14px;
      line-height:1.25;
      overflow-wrap:anywhere;
    }

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

    .trade-inline-error{
      color:#ffd0d0;
      font-size:12px;
      line-height:1.4;
    }

    .trade-save-issue{
      align-items:center;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
    }

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

    .trade-mode-switch{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:8px;
    }

    .trade-card-subhead{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      min-width:0;
      margin-top:-2px;
    }

    .trade-card-subhead .field-label-with-info{
      align-items:center;
      gap:10px;
      color:#cdd9ea;
      font-size:12px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.03em;
    }

    .trade-card-subhead .field-label-with-info > span:first-child{
      white-space:normal;
      line-height:1.35;
    }

    .trade-info-toggle{
      position:relative;
      flex:0 0 auto;
    }

    .trade-info-toggle summary{
      list-style:none;
    }

    .trade-info-toggle summary::-webkit-details-marker{
      display:none;
    }

    .trade-info-btn{
      min-width:28px;
      min-height:28px;
      padding:0 9px;
      border-radius:999px;
      border-color:rgba(96,165,250,.28);
      background:rgba(96,165,250,.12);
      color:#e8f1ff;
      font-weight:900;
      line-height:1;
    }

    .trade-info-btn::before{
      content:none;
      display:none;
    }

    .trade-info-toggle[open] .trade-info-btn{
      border-color:rgba(96,165,250,.42);
      background:rgba(96,165,250,.18);
    }

    .trade-info-panel{
      position:absolute;
      top:calc(100% + 10px);
      right:0;
      z-index:16;
      width:min(360px, calc(100vw - 56px));
      padding:14px 15px;
      border:1px solid rgba(84,109,168,.34);
      border-radius:12px;
      background:rgba(7,13,24,.96);
      box-shadow:0 18px 36px rgba(2,6,23,.34);
      color:#dbe8ff;
      display:grid;
      gap:9px;
    }

    .trade-info-panel strong{
      color:#ffffff;
      font-size:13px;
      line-height:1.3;
    }

    .trade-info-panel p{
      margin:0;
      color:#c7d4e8;
      font-size:12px;
      line-height:1.55;
    }

    .trade-info-panel code{
      padding:1px 5px;
      border-radius:6px;
      background:rgba(255,255,255,.06);
      color:#f8fbff;
      font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size:11px;
    }

    .trade-sizing-audit{
      display:grid;
      gap:10px;
    }

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

    .trade-sizing-audit-card{
      min-width:0;
      border:1px solid rgba(84,109,168,.18);
      border-radius:10px;
      background:rgba(8,15,29,.24);
      padding:11px 12px;
      display:grid;
      gap:5px;
    }

    .trade-sizing-audit-card.ok{
      border-color:rgba(34,197,94,.20);
      background:rgba(34,197,94,.08);
    }

    .trade-sizing-audit-card.warn{
      border-color:rgba(245,158,11,.20);
      background:rgba(245,158,11,.08);
    }

    .trade-sizing-audit-card.bad{
      border-color:rgba(239,68,68,.22);
      background:rgba(239,68,68,.08);
    }

    .trade-sizing-audit-card small{
      color:#b7c4d8;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.03em;
    }

    .trade-sizing-audit-card strong{
      color:#ffffff;
      font-size:18px;
      line-height:1.2;
    }

    .trade-sizing-audit-card span{
      color:#9fb0c8;
      font-size:12px;
      line-height:1.4;
    }

    .trade-tp-plan{
      display:grid;
      gap:10px;
    }

    .trade-card-subhead.compact{
      margin-bottom:0;
    }

    .trade-card-subhead-main{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
    }

    .trade-preset-row{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }

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

    .trade-tp-plan-card{
      min-width:0;
      border:1px solid rgba(84,109,168,.18);
      border-radius:10px;
      background:rgba(8,15,29,.24);
      padding:11px 12px;
      display:grid;
      gap:8px;
    }

    .trade-tp-plan-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
    }

    .trade-tp-plan-head strong{
      color:#f8fbff;
      font-size:13px;
      line-height:1.2;
    }

    .trade-tp-plan-price{
      color:#ffffff;
      font-size:18px;
      font-weight:700;
      line-height:1.15;
    }

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

    .trade-tp-plan-metrics span{
      min-width:0;
      display:grid;
      gap:3px;
    }

    .trade-tp-plan-metrics small{
      color:#9fb0c8;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.03em;
    }

    .trade-tp-plan-metrics strong{
      color:#edf3ff;
      font-size:13px;
      line-height:1.25;
      overflow-wrap:anywhere;
    }

    .trade-execution-card{
      margin-top:12px;
      display:grid;
      gap:10px;
    }

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

    .kraken-execution-row{
      min-width:0;
      border:1px solid rgba(84,109,168,.18);
      border-radius:10px;
      background:rgba(8,15,29,.24);
      padding:11px 12px;
      display:grid;
      gap:8px;
    }

    .kraken-execution-row.good{
      border-color:rgba(34,197,94,.20);
      background:rgba(34,197,94,.08);
    }

    .kraken-execution-row.warn{
      border-color:rgba(245,158,11,.20);
      background:rgba(245,158,11,.08);
    }

    .kraken-execution-row.bad{
      border-color:rgba(239,68,68,.22);
      background:rgba(239,68,68,.08);
    }

    .kraken-execution-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
    }

    .kraken-execution-head strong{
      color:#f8fbff;
      font-size:13px;
      line-height:1.2;
    }

    .kraken-execution-metrics{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:8px;
    }

    .kraken-execution-metrics span{
      min-width:0;
      display:grid;
      gap:3px;
    }

    .kraken-execution-metrics small{
      color:#9fb0c8;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.03em;
    }

    .kraken-execution-metrics strong{
      color:#edf3ff;
      font-size:13px;
      line-height:1.25;
      overflow-wrap:anywhere;
    }

    .kraken-execution-note{
      color:#b7c4d8;
      font-size:12px;
      line-height:1.45;
    }

    .trade-range-stack{
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      gap:10px;
      align-items:center;
    }

    .trade-range-stack input[type="range"]{
      width:100%;
      margin:0;
    }

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

    .trade-output-grid > div,
    .hedge-focus-grid > div{
      border:1px solid rgba(84,109,168,.18);
      border-radius:10px;
      background:rgba(8,15,29,.24);
      padding:10px 12px;
      display:flex;
      flex-direction:column;
      gap:4px;
    }

    .trade-output-grid span,
    .hedge-focus-grid span{
      font-size:11px;
      color:var(--soft);
      text-transform:uppercase;
    }

    .trade-output-grid strong,
    .hedge-focus-grid strong{
      font-size:16px;
      line-height:1.15;
    }

    .rr-visual-shell{
      display:flex;
      flex-direction:column;
      gap:10px;
    }

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

    .rr-visual-box{
      position:relative;
      min-height:250px;
      border:1px solid rgba(84,109,168,.22);
      border-radius:12px;
      background:linear-gradient(180deg, rgba(10,18,33,.62), rgba(5,10,18,.78));
      overflow:hidden;
    }

    .trade-rr-wide .rr-visual-box{
      min-height:320px;
    }

    .trade-rr-wide .rr-visual-shell{
      gap:14px;
    }

    .trade-rr-wide .rr-visual-head{
      padding:0 2px;
      font-size:12px;
      color:rgba(207,220,255,.78);
    }

    .trade-rr-wide .rr-visual-head strong{
      font-size:14px;
      font-weight:760;
      color:#f4f8ff;
    }

    .trade-rr-wide .rr-line{
      padding:0 18px;
      gap:14px;
    }

    .trade-rr-wide .rr-line-label{
      font-size:11px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .trade-rr-wide .rr-line-price{
      font-size:13px;
      font-weight:780;
    }

    .rr-zone{
      position:absolute;
      left:0;
      right:0;
      pointer-events:none;
    }

    .rr-zone.gain.short{
      background:linear-gradient(180deg, rgba(34,197,94,.10), rgba(34,197,94,.22));
    }

    .rr-zone.gain.long{
      background:linear-gradient(180deg, rgba(34,197,94,.22), rgba(34,197,94,.10));
    }

    .rr-zone.loss.short{
      background:linear-gradient(180deg, rgba(239,68,68,.18), rgba(239,68,68,.08));
    }

    .rr-zone.loss.long{
      background:linear-gradient(180deg, rgba(239,68,68,.08), rgba(239,68,68,.18));
    }

    .rr-line{
      position:absolute;
      left:0;
      right:0;
      display:grid;
      grid-template-columns:auto minmax(0, 1fr) auto;
      gap:10px;
      align-items:center;
      padding:0 12px;
      transform:translateY(-50%);
    }

    .rr-line::before{
      content:"";
      height:1px;
      background:rgba(125,176,255,.22);
      grid-column:2;
    }

    .rr-line.bad::before{
      border-top:1px dashed rgba(239,68,68,.52);
      background:transparent;
    }

    .rr-line-label,
    .rr-line-price{
      font-size:12px;
      font-weight:700;
      white-space:nowrap;
    }

    .rr-line.good .rr-line-label,
    .rr-line.good .rr-line-price{
      color:#c9f7da;
    }

    .rr-line.bad .rr-line-label,
    .rr-line.bad .rr-line-price{
      color:#ffd6d6;
    }

    .rr-line.accent .rr-line-label,
    .rr-line.accent .rr-line-price{
      color:#d7e7ff;
    }

    .rr-visual-empty{
      min-height:180px;
      border:1px dashed rgba(84,109,168,.2);
      border-radius:12px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--soft);
      font-size:13px;
      text-align:center;
      padding:18px;
    }

    .guard-hero{
      display:grid;
      grid-template-columns:110px minmax(0, 1fr);
      gap:14px;
      align-items:center;
    }

    .guard-ring{
      position:relative;
      width:110px;
      height:110px;
    }

    .guard-ring svg{
      width:100%;
      height:100%;
      transform:rotate(-90deg);
    }

    .guard-ring-track{
      fill:none;
      stroke:rgba(84,109,168,.22);
      stroke-width:10;
    }

    .guard-ring-progress{
      fill:none;
      stroke:#60a5fa;
      stroke-linecap:round;
      stroke-width:10;
    }

    .guard-ring.good .guard-ring-progress{
      stroke:#22c55e;
    }

    .guard-ring.warn .guard-ring-progress{
      stroke:#f59e0b;
    }

    .guard-ring.bad .guard-ring-progress{
      stroke:#ef4444;
    }

    .guard-ring-copy{
      position:absolute;
      inset:0;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:2px;
    }

    .guard-ring-copy strong{
      font-size:28px;
      line-height:1;
    }

    .guard-ring-copy span{
      font-size:12px;
      color:var(--soft);
    }

    .guard-hero-copy strong{
      display:block;
      margin-bottom:6px;
      font-size:18px;
    }

    .guard-hero-copy p{
      margin:0;
      color:var(--soft);
      font-size:14px;
      line-height:1.5;
    }

    .guard-checklist{
      display:flex;
      flex-direction:column;
      gap:8px;
    }

    .guard-row{
      display:grid;
      grid-template-columns:34px minmax(0, 1fr) auto;
      gap:10px;
      align-items:flex-start;
      border:1px solid rgba(84,109,168,.18);
      border-radius:10px;
      background:rgba(8,15,29,.24);
      padding:10px 12px;
    }

    .guard-row.ok{
      border-color:rgba(34,197,94,.22);
    }

    .guard-row.partial{
      border-color:rgba(245,158,11,.22);
    }

    .guard-row.bad{
      border-color:rgba(239,68,68,.22);
    }

    .guard-icon{
      width:22px;
      height:22px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:rgba(84,109,168,.22);
      font-size:11px;
      font-weight:700;
    }

    .guard-copy{
      display:flex;
      flex-direction:column;
      gap:4px;
      min-width:0;
    }

    .guard-copy strong{
      font-size:13px;
    }

    .guard-copy span{
      color:var(--soft);
      font-size:12px;
      line-height:1.45;
    }

    .guard-points{
      font-size:12px;
      font-weight:700;
      color:var(--soft);
      white-space:nowrap;
    }

    .trade-action-stack{
      display:flex;
      flex-direction:column;
      gap:10px;
      margin-top:auto;
    }

    .hedge-grid{
      display:grid;
      grid-template-columns:minmax(320px, .9fr) minmax(0, 1.1fr);
      gap:16px;
      align-items:start;
    }

    .hedge-list{
      display:flex;
      flex-direction:column;
      gap:8px;
    }

    .hedge-trade-row{
      width:100%;
      text-align:left;
      border:1px solid rgba(84,109,168,.18);
      border-radius:10px;
      background:rgba(8,15,29,.24);
      color:var(--text);
      padding:12px;
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      gap:12px;
      cursor:pointer;
      transition:border-color .18s ease, background .18s ease, transform .18s ease;
    }

    .hedge-trade-row:hover{
      transform:translateY(-1px);
      border-color:rgba(125,176,255,.42);
    }

    .hedge-trade-row.is-active{
      border-color:rgba(96,165,250,.56);
      background:rgba(37,99,235,.14);
    }

    .hedge-row-main,
    .hedge-row-side{
      display:flex;
      flex-direction:column;
      gap:4px;
      min-width:0;
    }

    .hedge-row-main span,
    .hedge-row-side span{
      color:var(--soft);
      font-size:12px;
      line-height:1.4;
    }

    .hedge-row-side{
      align-items:flex-end;
      text-align:right;
    }

    .hedge-row-side.good strong{
      color:#c9f7da;
    }

    .hedge-row-side.bad strong{
      color:#ffd6d6;
    }

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

    .guard-summary-card{
      border-radius:12px;
      padding:12px;
      display:flex;
      flex-direction:column;
      gap:6px;
      border:1px solid rgba(84,109,168,.18);
      background:rgba(8,15,29,.24);
    }

    .guard-summary-card.good{
      border-color:rgba(34,197,94,.24);
      background:rgba(34,197,94,.10);
    }

    .guard-summary-card.warn{
      border-color:rgba(245,158,11,.24);
      background:rgba(245,158,11,.10);
    }

    .guard-summary-card.bad{
      border-color:rgba(239,68,68,.24);
      background:rgba(239,68,68,.10);
    }

    .guard-summary-card span{
      color:var(--soft);
      font-size:13px;
      line-height:1.45;
    }

    .hedge-warning-stack{
      display:flex;
      flex-direction:column;
      gap:8px;
    }

    .hedge-warning{
      border-radius:10px;
      padding:11px 12px;
      display:flex;
      flex-direction:column;
      gap:5px;
      border:1px solid rgba(84,109,168,.18);
      background:rgba(8,15,29,.24);
    }

    .hedge-warning strong{
      font-size:13px;
    }

    .hedge-warning span{
      color:var(--soft);
      font-size:12px;
      line-height:1.45;
    }

    .hedge-warning.good{
      border-color:rgba(34,197,94,.22);
      background:rgba(34,197,94,.10);
    }

    .hedge-warning.warn{
      border-color:rgba(245,158,11,.22);
      background:rgba(245,158,11,.10);
    }

    .hedge-warning.bad{
      border-color:rgba(239,68,68,.24);
      background:rgba(239,68,68,.10);
    }

    .hedge-subcard{
      border:1px solid rgba(84,109,168,.18);
      border-radius:12px;
      background:rgba(8,15,29,.24);
      padding:12px;
      display:flex;
      flex-direction:column;
      gap:10px;
    }

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

    .hedge-subhead strong{
      font-size:14px;
    }

    .hedge-subhead span,
    .hedge-subnote,
    .trade-settings-note{
      color:var(--soft);
      font-size:12px;
      line-height:1.45;
    }

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

    .hedge-plan-list{
      display:flex;
      flex-direction:column;
      gap:8px;
    }

    .hedge-plan{
      border:1px solid rgba(84,109,168,.16);
      border-radius:10px;
      background:rgba(6,12,23,.24);
      padding:10px 12px;
      display:flex;
      flex-direction:column;
      gap:4px;
    }

    .hedge-plan strong{
      font-size:13px;
    }

    .hedge-plan span{
      color:var(--soft);
      font-size:12px;
      line-height:1.45;
    }

    .hedge-plan.good{
      border-color:rgba(34,197,94,.2);
    }

    .hedge-plan.warn{
      border-color:rgba(245,158,11,.2);
    }

    .trade-settings-card{
      margin-bottom:2px;
    }

    .trade-settings-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:12px;
    }

    .trade-settings-actions{
      display:flex;
      justify-content:flex-start;
    }

    .active-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:16px;
      align-items:start;
    }

    .active-trade-table{
      display:flex;
      flex-direction:column;
      gap:10px;
    }

    .active-trade-row{
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      gap:10px;
      padding:10px 12px;
      border-radius:10px;
      background:rgba(8,15,29,.24);
      border:1px solid rgba(84,109,168,.16);
    }

    .active-trade-main,
    .active-trade-meta{
      display:flex;
      flex-direction:column;
      gap:4px;
      min-width:0;
    }

    .active-trade-main span,
    .active-trade-meta span{
      color:var(--soft);
      font-size:12px;
      line-height:1.4;
    }

    .active-trade-meta{
      align-items:flex-end;
      text-align:right;
    }

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

    .trade-empty-state{
      min-height:180px;
      border:1px dashed rgba(84,109,168,.2);
      border-radius:12px;
      background:rgba(8,15,29,.2);
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:6px;
      text-align:center;
      padding:20px;
      color:var(--soft);
    }

    .trade-empty-state.compact{
      min-height:120px;
    }

    .hedge-risk-card{
      gap:16px;
    }

    .hedge-risk-head{
      align-items:center;
    }

    .hedge-risk-copy{
      display:flex;
      flex-direction:column;
      align-items:flex-end;
      gap:4px;
      text-align:right;
      min-width:0;
    }

    .hedge-risk-copy strong{
      font-size:15px;
    }

    .hedge-risk-copy span{
      color:var(--soft);
      font-size:12px;
      line-height:1.4;
    }

    .hedge-risk-bar-shell{
      display:flex;
      flex-direction:column;
      gap:8px;
    }

    .hedge-risk-bar{
      position:relative;
      min-height:14px;
      border-radius:999px;
      overflow:hidden;
      background:rgba(12,20,37,.88);
      border:1px solid rgba(84,109,168,.26);
    }

    .hedge-risk-bar span{
      display:block;
      height:100%;
      border-radius:inherit;
      background:linear-gradient(90deg, rgba(34,197,94,.88) 0%, rgba(245,158,11,.92) 60%, rgba(239,68,68,.94) 100%);
      box-shadow:0 0 16px rgba(245,158,11,.18);
    }

    .hedge-risk-legend{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
      color:var(--soft);
      font-size:12px;
      line-height:1.4;
    }

    .hedge-cluster-warning{
      border:1px solid rgba(245,158,11,.28);
      border-radius:10px;
      background:rgba(245,158,11,.1);
      padding:12px 14px;
      display:flex;
      flex-direction:column;
      gap:5px;
    }

    .hedge-cluster-warning strong{
      font-size:13px;
      color:#fff2ce;
    }

    .hedge-cluster-warning span{
      color:#ffe9bf;
      font-size:12px;
      line-height:1.5;
    }

    .hedge-form-grid{
      display:grid;
      grid-template-columns:repeat(6, minmax(0, 1fr));
      gap:12px;
      align-items:start;
    }

    .hedge-form-submit{
      white-space:nowrap;
    }

    .hedge-card-list{
      display:flex;
      flex-direction:column;
      gap:14px;
    }

    .hedge-source-block{
      display:flex;
      flex-direction:column;
      gap:12px;
    }

    .hedge-collapsible-block{
      border:1px solid rgba(84,109,168,.18);
      border-radius:14px;
      background:rgba(8,15,29,.18);
      overflow:hidden;
      padding:0;
    }

    .hedge-section-intro{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:14px;
    }

    .hedge-section-summary{
      list-style:none;
      cursor:pointer;
      margin:0;
      padding:14px 16px;
      position:relative;
    }

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

    .hedge-section-summary::after{
      content:"+";
      position:absolute;
      top:16px;
      right:16px;
      color:#dbe8ff;
      font-size:18px;
      line-height:1;
      font-weight:700;
    }

    .hedge-collapsible-block[open] > .hedge-section-summary::after{
      content:"–";
    }

    .hedge-collapsible-block > .hedge-card-list{
      padding:0 16px 16px;
    }

    .hedge-section-intro h3{
      margin:2px 0 6px;
      font-size:18px;
      line-height:1.2;
    }

    .hedge-section-intro p{
      margin:0;
      color:var(--soft);
      font-size:13px;
      line-height:1.5;
      max-width:720px;
    }

    .hedge-section-count{
      flex:0 0 auto;
      min-width:84px;
      padding:10px 12px;
      border-radius:12px;
      border:1px solid rgba(84,109,168,.18);
      background:rgba(8,15,29,.24);
      text-align:center;
    }

    .hedge-section-count span{
      display:block;
      margin-bottom:4px;
      color:rgba(207,220,255,.66);
      font-size:10px;
      line-height:1.15;
      text-transform:uppercase;
      font-weight:760;
      letter-spacing:.04em;
    }

    .hedge-section-count strong{
      display:block;
      font-size:15px;
      line-height:1.1;
    }

    .hedge-source-block.manual .hedge-section-count{
      border-color:rgba(96,165,250,.22);
      box-shadow:inset 0 0 0 1px rgba(96,165,250,.06);
    }

    .hedge-source-block.live .hedge-section-count{
      border-color:rgba(34,197,94,.22);
      box-shadow:inset 0 0 0 1px rgba(34,197,94,.06);
    }

    .hedge-trade-card{
      position:relative;
      padding-left:18px;
    }

    .hedge-trade-card::before{
      content:"";
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width:3px;
      border-radius:999px;
      background:rgba(96,165,250,.55);
    }

    .hedge-trade-card.good::before{
      background:rgba(34,197,94,.9);
    }

    .hedge-trade-card.warn::before{
      background:rgba(245,158,11,.92);
    }

    .hedge-trade-card.bad::before{
      background:rgba(239,68,68,.92);
    }

    .hedge-card-header{
      display:grid;
      grid-template-columns:minmax(0, 1.4fr) auto auto;
      gap:14px;
      align-items:center;
    }

    .hedge-card-symbol{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
    }

    .hedge-card-symbol > div{
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:6px;
    }

    .hedge-card-symbol strong{
      font-size:18px;
      line-height:1;
    }

    .hedge-source-line{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
    }

    .hedge-origin-pill{
      display:inline-flex;
      align-items:center;
      min-height:24px;
      padding:3px 9px;
      border-radius:999px;
      border:1px solid rgba(84,109,168,.18);
      background:rgba(8,15,29,.24);
      color:#dbe8ff;
      font-size:11px;
      font-weight:700;
      line-height:1;
    }

    .hedge-origin-pill.muted{
      color:var(--soft);
    }

    .hedge-origin-pill.manual{
      border-color:rgba(96,165,250,.18);
      background:rgba(96,165,250,.12);
      color:#dbe8ff;
    }

    .hedge-origin-pill.exchange{
      border-color:rgba(34,197,94,.22);
      background:rgba(34,197,94,.12);
      color:#dcfce7;
    }

    .hedge-origin-pill-wide{
      line-height:1.35;
      white-space:normal;
    }

    .hedge-asset-badge{
      position:relative;
      width:40px;
      height:40px;
      border-radius:999px;
      display:grid;
      place-items:center;
      background:rgba(96,165,250,.16);
      border:1px solid rgba(96,165,250,.3);
      color:#dce8ff;
      font-size:12px;
      font-weight:800;
      letter-spacing:0;
      flex:0 0 auto;
    }

    .hedge-asset-badge img{
      position:absolute;
      inset:6px;
      width:calc(100% - 12px);
      height:calc(100% - 12px);
      object-fit:contain;
    }

    .hedge-asset-badge img + span{
      opacity:0;
    }

    .hedge-card-age,
    .hedge-card-pnl{
      display:flex;
      flex-direction:column;
      gap:4px;
      min-width:0;
    }

    .hedge-card-age{
      align-items:flex-start;
    }

    .hedge-card-age span,
    .hedge-card-pnl span{
      color:var(--soft);
      font-size:12px;
      line-height:1.4;
    }

    .hedge-card-pnl{
      align-items:flex-end;
      text-align:right;
    }

    .hedge-card-pnl strong{
      font-size:22px;
      line-height:1;
    }

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

    .hedge-state-row-mobile{
      display:none;
    }

    .hedge-state-disclosure{
      display:none;
      margin-top:2px;
    }

    .hedge-state-disclosure-summary{
      list-style:none;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:10px 12px;
      border-radius:10px;
      border:1px solid rgba(84,109,168,.18);
      background:rgba(8,15,29,.26);
      color:#f4f8ff;
      font-size:12px;
      font-weight:700;
      line-height:1.35;
      cursor:pointer;
    }

    .hedge-state-disclosure-summary::-webkit-details-marker{
      display:none;
    }

    .hedge-state-disclosure-summary::marker{
      content:"";
    }

    .hedge-state-disclosure-hint{
      color:var(--soft);
      font-size:11px;
      font-weight:700;
    }

    .hedge-state-pill{
      display:inline-flex;
      align-items:center;
      min-height:24px;
      padding:4px 10px;
      border-radius:999px;
      border:1px solid rgba(84,109,168,.18);
      background:rgba(8,15,29,.26);
      color:#dbe8ff;
      font-size:11px;
      font-weight:720;
      line-height:1;
    }

    .hedge-state-pill.good{
      border-color:rgba(34,197,94,.24);
      background:rgba(34,197,94,.12);
      color:#dcfce7;
    }

    .hedge-state-pill.warn{
      border-color:rgba(245,158,11,.24);
      background:rgba(245,158,11,.12);
      color:#fde68a;
    }

    .hedge-state-pill.bad{
      border-color:rgba(239,68,68,.26);
      background:rgba(239,68,68,.12);
      color:#fecaca;
    }

    .hedge-state-pill.accent{
      border-color:rgba(96,165,250,.24);
      background:rgba(96,165,250,.12);
      color:#dbe8ff;
    }

    .hedge-state-pill.neutral{
      color:var(--soft);
    }

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

    .hedge-meta-grid > div{
      display:flex;
      flex-direction:column;
      gap:5px;
      min-width:0;
      padding:10px 12px;
      border-radius:10px;
      background:rgba(8,15,29,.28);
      border:1px solid rgba(84,109,168,.18);
    }

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

    .hedge-meta-grid strong{
      font-size:14px;
      line-height:1.3;
      overflow-wrap:anywhere;
    }

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

    .hedge-cost-bar > div{
      display:flex;
      flex-direction:column;
      gap:4px;
      min-width:0;
      padding:9px 12px;
      border-radius:10px;
      background:rgba(8,15,29,.20);
      border:1px solid rgba(84,109,168,.14);
    }

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

    .hedge-cost-bar strong{
      font-size:13px;
      line-height:1.35;
      overflow-wrap:anywhere;
    }

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

    .hedge-chip{
      min-width:0;
      border:1px solid rgba(84,109,168,.18);
      border-radius:10px;
      background:rgba(8,15,29,.26);
      padding:10px 12px;
      display:flex;
      flex-direction:column;
      gap:4px;
    }

    .hedge-chip strong{
      display:flex;
      align-items:center;
      gap:8px;
      font-size:12px;
    }

    .hedge-chip span{
      color:var(--soft);
      font-size:12px;
      line-height:1.45;
    }

    .hedge-chip-dot{
      width:8px;
      height:8px;
      border-radius:999px;
      background:rgba(148,163,184,.85);
      flex:0 0 auto;
    }

    .hedge-chip.ok{
      border-color:rgba(34,197,94,.24);
    }

    .hedge-chip.ok .hedge-chip-dot{
      background:rgba(34,197,94,.95);
      box-shadow:0 0 0 4px rgba(34,197,94,.12);
    }

    .hedge-chip.warn{
      border-color:rgba(245,158,11,.24);
    }

    .hedge-chip.warn .hedge-chip-dot{
      background:rgba(245,158,11,.95);
      box-shadow:0 0 0 4px rgba(245,158,11,.12);
    }

    .hedge-chip.bad{
      border-color:rgba(239,68,68,.24);
    }

    .hedge-chip.bad .hedge-chip-dot{
      background:rgba(239,68,68,.95);
      box-shadow:0 0 0 4px rgba(239,68,68,.12);
    }

    .hedge-recommendation{
      border-radius:12px;
      padding:14px;
      display:flex;
      flex-direction:column;
      gap:8px;
      border:1px solid rgba(84,109,168,.18);
      background:rgba(8,15,29,.26);
    }

    .hedge-recommendation-head strong{
      font-size:14px;
    }

    .hedge-recommendation p{
      margin:0;
      font-size:13px;
      line-height:1.55;
      color:var(--soft);
      white-space:pre-line;
    }

    .hedge-recommendation.good{
      border-color:rgba(34,197,94,.26);
      background:rgba(34,197,94,.09);
    }

    .hedge-recommendation.warn{
      border-color:rgba(245,158,11,.26);
      background:rgba(245,158,11,.09);
    }

    .hedge-recommendation.bad{
      border-color:rgba(239,68,68,.28);
      background:rgba(239,68,68,.1);
    }

    .hedge-ignored-note{
      border:1px dashed rgba(84,109,168,.24);
      border-radius:10px;
      padding:11px 12px;
      color:var(--soft);
      font-size:12px;
      line-height:1.45;
    }

    .hedge-card-actions{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
    }

    .hedge-action-block{
      display:flex;
      flex-direction:column;
      gap:10px;
      padding-top:10px;
      border-top:1px solid rgba(84,109,168,.14);
    }

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

    .hedge-action-head strong{
      font-size:13px;
      line-height:1.2;
      color:#f4f8ff;
    }

    .hedge-action-head span{
      color:var(--soft);
      font-size:12px;
      line-height:1.35;
    }

    .trade-modal-dialog{
      max-width:820px;
    }

    @media (max-width: 1320px){
      .trading-statusbar .statusbar-track{
        grid-template-columns:repeat(3, minmax(0, 1fr));
      }
    }

    @media (max-width: 980px){
      .trading-statusbar .statusbar-track{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 1100px){
      .trade-work-grid,
      .hedge-grid,
      .active-grid{
        grid-template-columns:1fr;
      }

      .hedge-form-grid{
        grid-template-columns:1fr;
      }

      .hedge-card-header,
      .hedge-chip-row,
      .hedge-meta-grid,
      .hedge-cost-bar{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }

      .hedge-section-intro{
        flex-direction:column;
      }

      .hedge-section-count{
        min-width:0;
      }
    }

    @media (max-width: 820px){
      .trading-statusbar .statusbar-track{
        display:grid;
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap:7px;
        overflow:visible;
        padding:0;
      }

      .trading-statusbar .trading-stat{
        min-height:72px;
        padding:9px 10px;
        gap:5px;
      }

      .trading-statusbar .trading-stat-label{
        font-size:8px;
        line-height:1.1;
      }

      .trading-statusbar .trading-stat-value{
        font-size:12px;
        line-height:1.15;
      }

      .trading-statusbar .trade-stat-sub{
        font-size:9px;
        line-height:1.22;
      }

      .trading-section-tabs{
        overflow:visible;
        margin-bottom:12px;
      }

      .trading-tabs{
        display:grid;
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap:8px;
        overflow:visible;
        padding-bottom:0;
      }

      .trading-tab-btn{
        min-width:0;
        min-height:56px;
        padding:10px 8px;
        justify-content:center;
        align-items:center;
        text-align:center;
        line-height:1.15;
        white-space:normal;
        gap:6px;
        box-shadow:0 10px 24px rgba(2,6,23,.16);
      }

      .tab-badge{
        margin-left:0;
      }

      .trade-section-intro,
      .trade-card-head{
        flex-direction:column;
        align-items:flex-start;
      }

      .exchange-section-summary{
        align-items:flex-start;
        flex-wrap:wrap;
        position:relative;
        padding:14px 52px 12px 12px;
      }

      .exchange-section-summary::after{
        position:absolute;
        top:12px;
        right:12px;
        margin-left:0;
      }

      .exchange-section-tools{
        justify-content:flex-start;
        width:100%;
      }

      .exchange-section-body{
        padding:0 12px 12px;
      }

      .trade-active-stack{
        gap:14px;
      }

      .trade-work-card{
        padding:14px;
        gap:12px;
      }

      .trade-field-grid,
      .trade-mode-switch,
      .trade-sizer-grid,
      .trade-sizing-audit-grid,
      .trade-tp-plan-grid,
      .kraken-execution-grid,
      .exchange-config-grid,
      .trade-active-grid,
      .hedge-focus-grid,
      .trade-settings-grid,
      .hedge-action-grid{
        grid-template-columns:1fr;
      }

      .bitget-summary-grid,
      .bitget-position-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }

      .hedge-risk-head,
      .hedge-card-header{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
      }

      .hedge-action-head{
        align-items:flex-start;
      }

      .hedge-section-count{
        width:100%;
        text-align:left;
      }

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

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

      .trade-profile-summary{
        flex-direction:column;
      }

      .trade-profile-summary::after{
        display:none;
      }

      .trade-card-subhead{
        align-items:flex-start;
      }

      .trade-info-panel{
        left:0;
        right:auto;
        width:min(360px, calc(100vw - 72px));
      }

      .hedge-risk-copy,
      .hedge-card-pnl{
        align-items:flex-start;
        text-align:left;
      }

      .hedge-origin-pill-wide{
        max-width:100%;
        align-items:flex-start;
      }

      .hedge-state-row-desktop{
        display:none;
      }

      .hedge-state-disclosure{
        display:block;
      }

      .hedge-state-disclosure[open] .hedge-state-disclosure-summary{
        border-color:rgba(96,165,250,.22);
      }

      .hedge-state-row-mobile{
        display:flex;
        margin-top:10px;
      }

      .bitget-position-head{
        flex-direction:column;
        align-items:stretch;
      }

      .bitget-position-pnl{
        min-width:0;
        width:100%;
        text-align:left;
      }

      .bitget-position-pnl strong{
        font-size:20px;
      }

      .bitget-position-card{
        padding:12px;
        gap:10px;
      }

      .bitget-position-grid span{
        padding:9px 10px;
      }

      .bitget-position-foot{
        flex-direction:column;
        align-items:stretch;
      }

      .bitget-position-foot .mini-btn{
        width:100%;
        justify-content:center;
      }

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

      .guard-ring{
        margin:0 auto;
      }
    }

    @media (max-width: 560px){
      .trading-statusbar .statusbar-track{
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap:6px;
      }

      .trading-statusbar .trading-stat{
        min-height:68px;
        padding:8px 8px 7px;
        gap:4px;
      }

      .trading-statusbar .trading-stat-label{
        font-size:7.5px;
      }

      .trading-statusbar .trading-stat-value{
        font-size:11px;
        line-height:1.1;
      }

      .trading-statusbar .trade-stat-sub{
        font-size:8px;
        line-height:1.18;
      }

      .trading-tab-btn{
        min-width:0;
        min-height:54px;
        padding:9px 6px;
        font-size:11px;
        border-radius:11px;
      }

      .bitget-summary-grid,
      .bitget-position-grid{
        grid-template-columns:1fr;
      }
    }

    @media (max-width: 620px){
      .trade-tp-row,
      .active-trade-row,
      .hedge-trade-row{
        grid-template-columns:1fr;
      }

      .trade-tp-row span{
        margin-bottom:-2px;
      }

      .trade-output-grid{
        grid-template-columns:1fr;
      }

      .hedge-meta-grid,
      .hedge-chip-row,
      .hedge-cost-bar{
        grid-template-columns:1fr;
      }

      .rr-line{
        grid-template-columns:auto auto;
      }

      .rr-line::before{
        display:none;
      }

      .hedge-row-side,
      .active-trade-meta{
        align-items:flex-start;
        text-align:left;
      }
    }

    :root{
      --surface-0:rgba(14,19,29,.98);
      --surface-1:rgba(18,24,37,.98);
      --surface-2:rgba(26,34,50,.92);
      --surface-3:rgba(255,255,255,.028);
      --surface-quiet:rgba(255,255,255,.018);
      --border-subtle:rgba(148,163,184,.14);
      --border-strong:rgba(148,163,184,.24);
      --text-strong:#eef4ff;
      --text-muted:#95a2b8;
      --tint-good:rgba(34,197,94,.08);
      --tint-warn:rgba(245,158,11,.08);
      --tint-bad:rgba(239,68,68,.08);
      --shadow-soft:0 8px 20px rgba(2,6,23,.12);
      --shadow-panel:0 12px 28px rgba(2,6,23,.14);
      --radius-sm:10px;
      --radius-md:12px;
      --radius-lg:16px;
    }

    body{
      background:linear-gradient(180deg, #0b1018 0%, #0f1621 100%);
      color:var(--text-strong);
    }

    .wrap{
      padding-top:12px;
    }

    .topbar{
      grid-template-columns:minmax(0, 1fr) auto;
      gap:18px;
      margin-bottom:12px;
      padding:14px 16px;
      border:1px solid var(--border-subtle);
      border-radius:var(--radius-lg);
      background:linear-gradient(180deg, rgba(18,24,36,.94), rgba(12,17,27,.98));
      box-shadow:var(--shadow-soft);
      overflow:visible;
    }

    .topbar::before,
    .topbar::after,
    .blockchain-strip{
      display:none;
    }

    .header-bitcoin{
      display:none !important;
    }

    .titlebox h1{
      text-shadow:none;
    }

    .titlebox p,
    .active-coin-copy span,
    .dock-copy small,
    .trade-stat-sub{
      color:var(--text-muted);
    }

    .btn{
      border-radius:var(--radius-md);
      border-color:var(--border-subtle);
      background:rgba(255,255,255,.04);
      box-shadow:none;
    }

    .btn::before,
    .btn:not(.icon-command)::after{
      display:none;
    }

    .btn:hover{
      box-shadow:none;
    }

    .btn.primary{
      border-color:rgba(96,165,250,.28);
      box-shadow:none;
      background:linear-gradient(180deg, #3d74f4 0%, #2859d0 100%);
    }

    .btn.ghost{
      border-color:var(--border-subtle);
      background:rgba(255,255,255,.025);
      box-shadow:none;
    }

    .statusbar{
      margin-bottom:10px;
    }

    .statusbar-track{
      padding:0 0 2px 0;
    }

    .stat{
      border:1px solid rgba(148,163,184,.12);
      border-radius:var(--radius-sm);
      background:rgba(255,255,255,.025);
    }

    .topbar-nav-slot{
      min-width:0;
      display:flex;
      align-items:flex-start;
      justify-content:flex-end;
      position:relative;
      z-index:8;
    }

    .top-actions-nav-slot{
      grid-column:1 / -1;
      width:100%;
      justify-content:flex-start;
    }

    .topbar-nav-slot .app-nav.nav-flyout{
      width:100%;
      max-width:100%;
      margin:0;
      justify-content:flex-end;
    }

    .topbar-nav-slot .app-nav{
      gap:8px;
      padding:0;
      border:0;
      background:transparent;
      box-shadow:none;
      margin:0;
    }

    .topbar-nav-slot .app-nav a{
      min-height:38px;
      padding:8px 12px;
      gap:6px;
      border-radius:var(--radius-sm);
      border:1px solid transparent;
      background:rgba(255,255,255,.03);
      box-shadow:none;
      font-weight:700;
      font-size:13px;
    }

    .topbar-nav-slot .app-nav a::before{
      display:none;
    }

    .topbar-nav-slot .nav-link-icon{
      width:24px;
      height:24px;
      flex-basis:24px;
      border-radius:8px;
      box-shadow:none;
    }

    .topbar-nav-slot .nav-link-icon svg{
      width:15px;
      height:15px;
      stroke-width:1.9;
    }

    .topbar-nav-slot .app-nav a::after{
      left:10px;
      right:10px;
      bottom:5px;
      height:1px;
    }

    .topbar-nav-slot .app-nav a:hover,
    .topbar-nav-slot .app-nav a[aria-current="page"],
    .topbar-nav-slot .app-nav a.active{
      transform:none;
      box-shadow:none;
    }

    .topbar-nav-slot .nav-link-state{
      margin-left:6px;
      font-size:10px;
    }

    .nav-flyout-toggle{
      min-height:38px;
      padding:8px 12px;
      border-radius:var(--radius-sm);
      border-color:var(--border-subtle);
      background:rgba(255,255,255,.04);
      box-shadow:none;
    }

    .nav-flyout-toggle:hover,
    .nav-flyout.open .nav-flyout-toggle{
      transform:none;
      border-color:var(--border-strong);
      background:rgba(255,255,255,.06);
      box-shadow:none;
    }

    .nav-flyout-lines span{
      background:#d6e2ff;
    }

    .nav-flyout-panel{
      border-color:var(--border-strong);
      border-radius:var(--radius-lg);
      background:linear-gradient(180deg, rgba(18,24,37,.98), rgba(11,16,24,.98));
      box-shadow:var(--shadow-panel);
    }

    .nav-session{
      border:1px solid var(--border-subtle);
      border-radius:var(--radius-md);
      background:rgba(255,255,255,.03);
      box-shadow:none;
    }

    .nav-session-status{
      color:var(--text-muted);
    }

    .nav-session-user{
      color:var(--text-strong);
    }

    .nav-session-role,
    .nav-link-state{
      border-color:var(--border-subtle);
      background:rgba(255,255,255,.04);
      color:rgba(224,232,247,.78);
    }

    .nav-flyout-footer{
      border-top-color:var(--border-subtle);
    }

    .nav-flyout-logout{
      min-height:38px;
      padding:8px 12px;
      border-radius:var(--radius-sm);
      border-color:var(--border-subtle);
      background:rgba(255,255,255,.03);
      color:#d7e1f2;
      box-shadow:none;
    }

    .nav-flyout-logout:hover{
      transform:none;
      border-color:rgba(248,113,113,.32);
      background:rgba(248,113,113,.08);
      box-shadow:none;
    }

    .panel{
      background:linear-gradient(180deg, rgba(18,24,37,.98), rgba(13,18,28,.98));
      border:1px solid var(--border-subtle);
      border-radius:var(--radius-lg);
      box-shadow:var(--shadow-soft);
    }

    .bottom-actions.utility-dock{
      gap:10px;
      padding:10px;
      background:rgba(255,255,255,.02);
      border-color:var(--border-subtle);
      box-shadow:none;
    }

    .dock-section{
      border:1px solid var(--border-subtle);
      border-radius:var(--radius-md);
      background:rgba(255,255,255,.02);
    }

    .dock-section[open]{
      border-color:var(--border-strong);
      background:rgba(255,255,255,.03);
    }

    .dock-section.live-ai-dock,
    .dock-section.cron-dock,
    .dock-section.push-dock,
    .dock-section.hidden-dock,
    .dock-section.log-dock{
      background:rgba(255,255,255,.02);
    }

    .dock-section.live-ai-dock::before,
    .dock-section.cron-dock::before,
    .dock-section.push-dock::before,
    .dock-section.hidden-dock::before,
    .dock-section.log-dock::before{
      opacity:.45;
    }

    .dock-summary{
      min-height:40px;
      padding:8px 10px;
    }

    .dock-icon{
      clip-path:none;
      border-radius:8px;
      border-color:var(--border-subtle);
      background:rgba(255,255,255,.035);
    }

    .dock-copy strong{
      font-weight:700;
    }

    [hidden]{
      display:none !important;
    }

    body[data-page="scoring"],
    body[data-page="scoring-config"]{
      background:linear-gradient(180deg, #0b1018 0%, #0f1621 100%);
    }

    body[data-page="scoring"] .top,
    body[data-page="scoring-config"] .top{
      gap:14px;
      padding:14px 16px;
      border:1px solid rgba(148,163,184,.16);
      border-radius:16px;
      background:linear-gradient(180deg, rgba(18,24,37,.96), rgba(12,17,27,.98));
      box-shadow:0 12px 30px rgba(2,6,23,.14);
      overflow:visible;
    }

    body[data-page="scoring"] .top::before,
    body[data-page="scoring"] .top::after,
    body[data-page="scoring"] .blockchain-strip,
    body[data-page="scoring-config"] .top::before,
    body[data-page="scoring-config"] .top::after,
    body[data-page="scoring-config"] .blockchain-strip{
      display:none;
    }

    body[data-page="scoring"] .page-title h1,
    body[data-page="scoring-config"] .title h1{
      display:block;
      background:none;
      color:#eef4ff;
      -webkit-text-fill-color:initial;
    }

    body[data-page="scoring"] .brand-eyebrow,
    body[data-page="scoring-config"] .brand-eyebrow{
      color:color-mix(in srgb, var(--page-accent) 68%, #cbd5e1 32%);
      letter-spacing:.08em;
    }

    body[data-page="scoring"] .brand-eyebrow::before,
    body[data-page="scoring-config"] .brand-eyebrow::before{
      content:"";
      display:inline-block;
      width:18px;
      height:18px;
      flex:0 0 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);
    }

    body[data-page="scoring"] .mini-bitcoin,
    body[data-page="scoring-config"] .mini-bitcoin{
      width:34px;
      height:34px;
      font-size:16px;
      border:1px solid rgba(245,158,11,.22);
      background:linear-gradient(180deg, rgba(245,158,11,.20), rgba(245,158,11,.08));
      box-shadow:none;
      animation:none;
    }

    body[data-page="scoring"] .mini-bitcoin::before,
    body[data-page="scoring"] .mini-bitcoin::after,
    body[data-page="scoring-config"] .mini-bitcoin::before,
    body[data-page="scoring-config"] .mini-bitcoin::after{
      display:none;
    }

    body[data-page="scoring"] .top-actions,
    body[data-page="scoring-config"] .top-actions{
      min-width:0;
    }

    body[data-page="scoring"] .btn,
    body[data-page="scoring"] .top-actions .btn,
    body[data-page="scoring"] .toolbar .btn,
    body[data-page="scoring-config"] .btn,
    body[data-page="scoring-config"] .top-actions .btn,
    body[data-page="scoring-config"] .toolbar .btn{
      border-color:rgba(148,163,184,.16);
      border-radius:12px;
      background:rgba(255,255,255,.04);
      box-shadow:none;
      transform:none;
    }

    body[data-page="scoring"] .btn::before,
    body[data-page="scoring"] .btn::after,
    body[data-page="scoring"] .top-actions .btn::before,
    body[data-page="scoring"] .toolbar .btn::before,
    body[data-page="scoring-config"] .btn::before,
    body[data-page="scoring-config"] .btn::after,
    body[data-page="scoring-config"] .top-actions .btn::before,
    body[data-page="scoring-config"] .toolbar .btn::before{
      display:none;
    }

    body[data-page="scoring"] .btn:hover,
    body[data-page="scoring"] .top-actions .btn:hover,
    body[data-page="scoring"] .toolbar .btn:hover,
    body[data-page="scoring-config"] .btn:hover,
    body[data-page="scoring-config"] .top-actions .btn:hover,
    body[data-page="scoring-config"] .toolbar .btn:hover{
      border-color:rgba(148,163,184,.26);
      background:rgba(255,255,255,.06);
      box-shadow:none;
      transform:none;
    }

    body[data-page="scoring-config"] .btn.primary{
      background:color-mix(in srgb, var(--page-accent) 16%, rgba(255,255,255,.04));
      border-color:color-mix(in srgb, var(--page-accent) 44%, transparent);
      color:#fffef1;
    }

    body[data-page="scoring-config"] .control-save-btn,
    body[data-page="scoring-config"] .control-save-btn:hover{
      background:color-mix(in srgb, var(--page-accent) 18%, rgba(255,255,255,.04));
      border-color:color-mix(in srgb, var(--page-accent) 48%, transparent);
      color:#fffef1;
    }

    body[data-page="scoring-config"] .control-save-btn:hover{
      box-shadow:0 0 0 1px color-mix(in srgb, var(--page-accent) 30%, transparent) inset;
    }

    body[data-page="scoring"] .panel,
    body[data-page="scoring"] .card,
    body[data-page="scoring"] .note,
    body[data-page="scoring"] .score-tools,
    body[data-page="scoring"] .explain-card,
    body[data-page="scoring"] .review-action,
    body[data-page="scoring"] .table-wrap,
    body[data-page="scoring-config"] .panel,
    body[data-page="scoring-config"] .section,
    body[data-page="scoring-config"] .card,
    body[data-page="scoring-config"] .note,
    body[data-page="scoring-config"] .table-wrap{
      border-color:rgba(148,163,184,.14);
      border-radius:14px;
      background:rgba(255,255,255,.025);
      box-shadow:none;
    }

    body[data-page="scoring"] .panel::before,
    body[data-page="scoring"] .card::before,
    body[data-page="scoring-config"] .panel::before,
    body[data-page="scoring-config"] .section::before,
    body[data-page="scoring-config"] .card::before{
      display:none;
    }

    body[data-page="scoring"] .summary-card.highlight{
      border-color:rgba(234,179,8,.18);
      background:rgba(234,179,8,.07);
    }

    body[data-page="scoring"] .summary-mini-metrics span,
    body[data-page="scoring"] .search-input,
    body[data-page="scoring-config"] .field,
    body[data-page="scoring-config"] .json,
    body[data-page="scoring-config"] .field input,
    body[data-page="scoring-config"] .group-toggle{
      border-color:rgba(148,163,184,.14);
      background:rgba(255,255,255,.03);
      box-shadow:none;
    }

    body[data-page="scoring"] .tool-hint,
    body[data-page="scoring"] .summary-note,
    body[data-page="scoring"] .explain,
    body[data-page="scoring"] .explain-card span,
    body[data-page="scoring"] .review-refresh-status,
    body[data-page="scoring"] .k,
    body[data-page="scoring-config"] .muted,
    body[data-page="scoring-config"] .field-hint,
    body[data-page="scoring-config"] .sub,
    body[data-page="scoring-config"] .footer-note,
    body[data-page="scoring-config"] .card .k{
      color:#aab6c9;
    }

    body[data-page="scoring"] .summary-mini-metrics span,
    body[data-page="scoring"] .review-meta-strip span,
    body[data-page="scoring"] .score-range-pill,
    body[data-page="scoring"] .rate-chip,
    body[data-page="scoring"] .avg-score-pill,
    body[data-page="scoring"] .effect-pill,
    body[data-page="scoring-config"] .chip{
      border-color:var(--border-subtle);
      background:var(--surface-3);
      box-shadow:none;
    }

    body[data-page="scoring"] .review-action{
      border-color:rgba(34,197,94,.18);
      background:linear-gradient(180deg, var(--surface-3), var(--tint-good));
    }

    body[data-page="scoring"] .review-diagnostic{
      border-color:rgba(245,158,11,.18);
      background:linear-gradient(180deg, var(--surface-3), var(--tint-warn));
    }

    body[data-page="scoring"] .rate-chip.good,
    body[data-page="scoring"] .effect-pill.good,
    body[data-page="scoring-config"] .chip.ok{
      border-color:rgba(34,197,94,.18);
      background:var(--tint-good);
      color:#d4f4df;
    }

    body[data-page="scoring"] .rate-chip.neutral,
    body[data-page="scoring-config"] .chip.warn{
      border-color:rgba(245,158,11,.18);
      background:var(--tint-warn);
      color:#f7e8be;
    }

    body[data-page="scoring"] .rate-chip.bad,
    body[data-page="scoring"] .effect-pill.bad,
    body[data-page="scoring-config"] .chip.bad{
      border-color:rgba(239,68,68,.18);
      background:var(--tint-bad);
      color:#f4d0d0;
    }

    body[data-page="scoring"] .avg-score-pill,
    body[data-page="scoring"] .effect-pill.neutral{
      border-color:rgba(234,179,8,.18);
      background:rgba(234,179,8,.08);
      color:#f5e7bb;
    }

    @media (max-width: 1150px){
      body[data-page="scoring"] .grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
      }

      body[data-page="scoring"] .review-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }

      body[data-page="scoring"] .top,
      body[data-page="scoring-config"] .top{
        grid-template-columns:1fr;
      }

      body[data-page="scoring"] .top-actions{
        width:100%;
        grid-template-columns:repeat(3, minmax(0, 1fr));
      }

      body[data-page="scoring-config"] .top-actions{
        width:100%;
        grid-template-columns:repeat(4, minmax(0, 1fr));
      }

      body[data-page="scoring-config"] .layout{
        grid-template-columns:1fr;
      }

      body[data-page="scoring-config"] .grid-cards{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 760px){
      body[data-page="scoring"] .wrap,
      body[data-page="scoring-config"] .wrap{
        width:min(100%, calc(100% - 14px));
        padding:10px 0 20px;
      }

      body[data-page="scoring"] .top,
      body[data-page="scoring-config"] .top{
        padding:12px;
        border-radius:14px;
        gap:10px;
      }

      body[data-page="scoring"] .page-title h1,
      body[data-page="scoring-config"] .title h1{
        font-size:23px;
        margin-bottom:4px;
      }

      body[data-page="scoring"] .brand-row,
      body[data-page="scoring-config"] .brand-row{
        gap:10px;
      }

      body[data-page="scoring"] .brand-eyebrow,
      body[data-page="scoring-config"] .brand-eyebrow{
        font-size:10px;
        letter-spacing:.08em;
        margin-bottom:3px;
      }

      body[data-page="scoring"] .muted,
      body[data-page="scoring-config"] .muted{
        font-size:13px;
        line-height:1.35;
      }

      body[data-page="scoring"] .mini-bitcoin,
      body[data-page="scoring-config"] .mini-bitcoin{
        width:34px;
        height:34px;
        font-size:16px;
      }

      body[data-page="scoring"] .blockchain-strip,
      body[data-page="scoring-config"] .blockchain-strip{
        display:none;
      }

      body[data-page="scoring"] .top-actions,
      body[data-page="scoring-config"] .top-actions{
        display:flex;
        flex-wrap:nowrap;
        align-items:stretch;
        grid-template-columns:none;
        width:100%;
        min-width:0;
        max-width:100%;
        overflow-x:auto;
        gap:7px;
        padding:2px 1px 5px;
        scrollbar-width:thin;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x proximity;
      }

      body[data-page="scoring"] .top-actions .btn,
      body[data-page="scoring-config"] .top-actions .btn{
        width:auto;
        flex:0 0 auto;
        min-height:36px;
        padding:8px 10px;
        border-radius:10px;
        font-size:12px;
        white-space:nowrap;
        scroll-snap-align:start;
      }

      body[data-page="scoring"] .panel,
      body[data-page="scoring-config"] .panel,
      body[data-page="scoring-config"] .section{
        padding:13px;
        border-radius:14px;
      }

      body[data-page="scoring"] .panel-title-row{
        display:grid;
        grid-template-columns:1fr;
        align-items:start;
      }

      body[data-page="scoring"] .score-tools{
        grid-template-columns:1fr;
        padding:10px;
      }

      body[data-page="scoring"] .grid,
      body[data-page="scoring"] .review-grid,
      body[data-page="scoring"] .explain-grid,
      body[data-page="scoring-config"] .fields,
      body[data-page="scoring-config"] .grid-cards{
        grid-template-columns:1fr;
        gap:10px;
      }

      body[data-page="scoring"] .grid,
      body[data-page="scoring"] .review-grid,
      body[data-page="scoring"] .explain-grid{
        margin-top:12px;
      }

      body[data-page="scoring"] .v{
        font-size:23px;
      }

      body[data-page="scoring"] .note{
        padding:12px 13px;
      }

      body[data-page="scoring"] .chip,
      body[data-page="scoring-config"] .chip{
        width:100%;
        border-radius:12px;
      }

      body[data-page="scoring"] .chips,
      body[data-page="scoring-config"] .chips{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
      }

      body[data-page="scoring-config"] .field{
        grid-template-columns:1fr;
        gap:8px;
      }

      body[data-page="scoring-config"] .json{
        min-height:300px;
        font-size:12px;
      }

      body[data-page="scoring"] .table-wrap,
      body[data-page="scoring-config"] .table-wrap{
        overflow:visible;
        border:none;
        background:transparent;
      }

      body[data-page="scoring"] table,
      body[data-page="scoring-config"] table{
        min-width:0;
        display:block;
      }

      body[data-page="scoring"] thead,
      body[data-page="scoring-config"] thead{
        display:none;
      }

      body[data-page="scoring"] tbody,
      body[data-page="scoring-config"] tbody{
        display:grid;
        gap:10px;
      }

      body[data-page="scoring"] tr,
      body[data-page="scoring-config"] tr{
        display:grid;
        border:1px solid var(--border-subtle);
        border-radius:14px;
        background:var(--surface-3);
        overflow:hidden;
      }

      body[data-page="scoring"] td,
      body[data-page="scoring-config"] td{
        display:grid;
        gap:10px;
        padding:10px 12px;
        border-bottom:1px solid rgba(148,163,184,.1);
        min-width:0;
      }

      body[data-page="scoring"] td{
        grid-template-columns:minmax(112px, .82fr) minmax(0, 1fr);
        align-items:start;
      }

      body[data-page="scoring-config"] td{
        grid-template-columns:minmax(104px, .75fr) minmax(0, 1fr);
      }

      body[data-page="scoring"] td::before,
      body[data-page="scoring-config"] td::before{
        content:attr(data-label);
        color:var(--text-muted);
        font-size:12px;
        font-weight:800;
      }

      body[data-page="scoring"] td:last-child,
      body[data-page="scoring-config"] td:last-child{
        border-bottom:none;
      }
    }

    @media (max-width: 430px){
      body[data-page="scoring"] td,
      body[data-page="scoring-config"] td{
        grid-template-columns:1fr;
        gap:4px;
      }
    }

    @media (prefers-reduced-motion: reduce){
      body[data-page="scoring"] .mini-bitcoin,
      body[data-page="scoring-config"] .mini-bitcoin{
        animation:none;
      }
    }

    body[data-page="radar"] .sidebar,
    body[data-page="radar"] .watchlist-addbar,
    body[data-page="radar"] .watchlist-toolbar,
    body[data-page="radar"] .coin-card,
    body[data-page="radar"] .hero-card,
    body[data-page="radar"] .detail-card,
    body[data-page="radar"] .hero-structure-card,
    body[data-page="radar"] .setup-zone,
    body[data-page="radar"] .setup-summary,
    body[data-page="radar"] .directional-battle,
    body[data-page="radar"] .ai-decision-card,
    body[data-page="investment"] .investment-card,
    body[data-page="investment"] .investment-detail,
    body[data-page="investment"] .investment-overview > div,
    body[data-page="investment"] .investment-zone-row,
    body[data-page="trading"] .trade-work-card,
    body[data-page="trading"] .trade-kpi,
    body[data-page="trading"] .trade-setup-box,
    body[data-page="trading"] .trade-ticket,
    body[data-page="trading"] .trade-book,
    body[data-page="trading"] .trade-field,
    body[data-page="trading"] .trade-tp-row,
    body[data-page="trading"] .rr-visual-shell,
    body[data-page="trading"] .rr-visual-box,
    body[data-page="trading"] .hedge-risk-card,
    body[data-page="trading"] .hedge-subcard,
    body[data-page="trading"] .hedge-trade-card,
    body[data-page="trading"] .trade-empty-state{
      border-color:rgba(148,163,184,.14);
      border-radius:14px;
      background:rgba(255,255,255,.025);
      box-shadow:none;
    }

    body[data-page="radar"] .coin-card::before,
    body[data-page="radar"] .hero-card::before,
    body[data-page="radar"] .setup-zone::before,
    body[data-page="trading"] .trade-guard-panel::before,
    body[data-page="trading"] .hedge-trade-card::before{
      display:none;
    }

    body[data-page="radar"] .coin-card:hover,
    body[data-page="radar"] .coin-card.active,
    body[data-page="investment"] .investment-card:hover,
    body[data-page="investment"] .investment-card.selected,
    body[data-page="trading"] .trade-row:hover,
    body[data-page="trading"] .trade-row.active,
    body[data-page="trading"] .hedge-trade-row:hover,
    body[data-page="trading"] .hedge-trade-row.is-active{
      transform:none;
      box-shadow:none;
    }

    body[data-page="investment"] .investment-tabs button,
    body[data-page="trading"] .trading-tab-btn,
    body[data-page="radar"] .sidebar-toggle{
      border-color:rgba(148,163,184,.14);
      background:rgba(255,255,255,.04);
      box-shadow:none;
    }

    body[data-page="investment"] .investment-tabs button:hover,
    body[data-page="investment"] .investment-tabs button.active,
    body[data-page="trading"] .trading-tab-btn:hover,
    body[data-page="trading"] .trading-tab-btn.is-active,
    body[data-page="radar"] .sidebar-toggle:hover{
      transform:none;
      box-shadow:none;
    }

    body[data-page="trading"] .trade-chip,
    body[data-page="trading"] .hedge-chip,
    body[data-page="investment"] .investment-pill,
    body[data-page="radar"] .hero-badge{
      box-shadow:none;
    }

    .brand-eyebrow,
    .page-eyebrow{
      color:color-mix(in srgb, var(--page-accent) 60%, #cbd5e1 40%);
    }

    .header-bitcoin{
      opacity:.92;
    }

    .bitcoin-coin{
      border:1px solid rgba(245,158,11,.16);
      background:linear-gradient(180deg, rgba(245,158,11,.16), rgba(245,158,11,.08));
      box-shadow:none;
    }

body[data-page="monitoring"] .system-health{
  border-color:var(--border-subtle);
  box-shadow:none;
}

    body[data-page="monitoring"] .system-health.good,
    body[data-page="monitoring"] .system-health.warn,
    body[data-page="monitoring"] .system-health.bad{
      border-color:var(--border-subtle);
    }

    body[data-page="monitoring"] .system-health-card,
    body[data-page="monitoring"] .system-log,
    body[data-page="monitoring"] .hidden-config-panel,
    body[data-page="monitoring"] .cron-preset-tile{
      border-color:var(--border-subtle);
      background:var(--surface-3);
      box-shadow:none;
    }

    body[data-page="monitoring"] .system-health-card.good,
    body[data-page="monitoring"] .system-health-card.warn,
    body[data-page="monitoring"] .system-health-card.bad{
      border-color:var(--border-subtle);
    }

body[data-page="monitoring"] .system-health-card::before{
  width:2px;
  opacity:.88;
}

body[data-page="monitoring"] .system-health-head{
  align-items:flex-start;
  gap:16px;
}

body[data-page="monitoring"] .health-action-group{
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.12);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}

body[data-page="monitoring"] .system-health-card{
  gap:10px;
  padding:14px;
}

body[data-page="monitoring"] .system-card-top strong{
  font-size:14px;
}

body[data-page="monitoring"] .system-health-sub{
  max-width:760px;
  line-height:1.55;
}

body[data-page="radar"] .hero-ampel,
    body[data-page="radar"] .decision-summary,
    body[data-page="radar"] .feargreed-card{
      border-color:var(--border-subtle);
      background:var(--surface-3);
      box-shadow:none;
    }

    body[data-page="radar"] .hero-ampel.ampel-strong{
      border-color:rgba(34,197,94,.18);
      background:linear-gradient(180deg, var(--surface-3), var(--tint-good));
    }

    body[data-page="radar"] .hero-ampel.ampel-neutral{
      border-color:rgba(245,158,11,.18);
      background:linear-gradient(180deg, var(--surface-3), var(--tint-warn));
    }

    body[data-page="radar"] .hero-ampel.ampel-risk{
      border-color:rgba(239,68,68,.18);
      background:linear-gradient(180deg, var(--surface-3), var(--tint-bad));
    }

    body[data-page="radar"] .ampel-light{
      width:10px;
      height:10px;
    }

    body[data-page="radar"] .hero-ampel.ampel-strong .ampel-light.green,
    body[data-page="radar"] .hero-ampel.ampel-neutral .ampel-light.yellow,
    body[data-page="radar"] .hero-ampel.ampel-risk .ampel-light.red{
      box-shadow:none;
    }

    body[data-page="radar"] .hero-ampel-tag{
      border-color:var(--border-subtle);
      background:var(--surface-quiet);
      color:#dbe5f3;
    }

    body[data-page="radar"] .hero-ampel.ampel-strong .hero-ampel-tag{
      border-color:rgba(34,197,94,.18);
      background:var(--tint-good);
    }

    body[data-page="radar"] .hero-ampel.ampel-neutral .hero-ampel-tag{
      border-color:rgba(245,158,11,.18);
      background:var(--tint-warn);
    }

    body[data-page="radar"] .hero-ampel.ampel-risk .hero-ampel-tag{
      border-color:rgba(239,68,68,.18);
      background:var(--tint-bad);
    }

    body[data-page="radar"] .hero-badge,
    body[data-page="investment"] .investment-pill,
    body[data-page="trading"] .trade-review,
    body[data-page="trading"] .trade-side,
    body[data-page="trading"] .trade-chip{
      border:1px solid var(--border-subtle);
      background:var(--surface-3);
      color:#dbe5f3;
    }

    body[data-page="investment"] .investment-pill.strong,
    body[data-page="trading"] .trade-review.good,
    body[data-page="trading"] .trade-side.long,
    body[data-page="trading"] .trade-chip.good{
      border-color:rgba(34,197,94,.18);
      background:var(--tint-good);
      color:#d4f4df;
    }

    body[data-page="investment"] .investment-pill.watch,
    body[data-page="trading"] .trade-review.warn,
    body[data-page="trading"] .trade-chip.warn{
      border-color:rgba(245,158,11,.18);
      background:var(--tint-warn);
      color:#f7e8be;
    }

    body[data-page="investment"] .investment-pill.risk,
    body[data-page="trading"] .trade-review.bad,
    body[data-page="trading"] .trade-side.short,
    body[data-page="trading"] .trade-chip.bad{
      border-color:rgba(239,68,68,.18);
      background:var(--tint-bad);
      color:#f4d0d0;
    }

    body[data-page="investment"] .investment-pill.muted,
    body[data-page="trading"] .trade-review.neutral,
    body[data-page="trading"] .trade-chip.neutral{
      color:#cad5e6;
    }

    body[data-page="investment"] .investment-score-ring{
      background:
        conic-gradient(var(--score-color) var(--score), rgba(255,255,255,.08) 0),
        rgba(10,16,24,.94);
      box-shadow:inset 0 0 0 6px rgba(10,16,24,.96);
    }

    body[data-page="trading"] .direction-btn,
    body[data-page="trading"] .trade-suggestion-btn{
      border:1px solid var(--border-subtle);
      background:var(--surface-quiet);
      color:#c6d4e8;
      box-shadow:none;
    }

    body[data-page="trading"] .direction-btn.is-active{
      border-color:rgba(96,165,250,.24);
      background:rgba(61,116,244,.12);
      color:var(--text-strong);
    }

    body[data-page="trading"] .trade-suggestion-btn{
      min-height:28px;
      padding:0 8px;
      border-radius:999px;
    }

    body[data-page="trading"] .trade-suggestion-btn:hover{
      background:var(--surface-3);
      color:var(--text-strong);
    }

    body[data-page="trading"] .guard-row,
    body[data-page="trading"] .guard-summary-card,
    body[data-page="trading"] .hedge-warning,
    body[data-page="trading"] .hedge-plan,
    body[data-page="trading"] .hedge-recommendation,
    body[data-page="trading"] .active-trade-row,
    body[data-page="trading"] .hedge-cluster-warning{
      border-color:var(--border-subtle);
      background:var(--surface-3);
      box-shadow:none;
    }

    body[data-page="trading"] .guard-row.ok,
    body[data-page="trading"] .guard-summary-card.good,
    body[data-page="trading"] .hedge-warning.good,
    body[data-page="trading"] .hedge-plan.good,
    body[data-page="trading"] .hedge-recommendation.good{
      border-color:rgba(34,197,94,.18);
      background:linear-gradient(180deg, var(--surface-3), var(--tint-good));
    }

    body[data-page="trading"] .guard-row.partial,
    body[data-page="trading"] .guard-summary-card.warn,
    body[data-page="trading"] .hedge-warning.warn,
    body[data-page="trading"] .hedge-plan.warn,
    body[data-page="trading"] .hedge-recommendation.warn,
    body[data-page="trading"] .hedge-cluster-warning{
      border-color:rgba(245,158,11,.18);
      background:linear-gradient(180deg, var(--surface-3), var(--tint-warn));
    }

    body[data-page="trading"] .guard-row.bad,
    body[data-page="trading"] .guard-summary-card.bad,
    body[data-page="trading"] .hedge-warning.bad,
    body[data-page="trading"] .hedge-recommendation.bad{
      border-color:rgba(239,68,68,.18);
      background:linear-gradient(180deg, var(--surface-3), var(--tint-bad));
    }

    body[data-page="trading"] .hedge-risk-bar span{
      box-shadow:none;
    }

    .notice{
      border-color:var(--border-subtle);
      background:var(--surface-3);
      box-shadow:none;
    }

    .score-health-badge{
      border-color:var(--border-subtle);
      background:var(--surface-3);
      box-shadow:none;
    }

    .score-health-badge.good{
      border-color:rgba(34,197,94,.18);
      background:var(--tint-good);
      color:#d4f4df;
    }

    .score-health-badge.warn{
      border-color:rgba(245,158,11,.18);
      background:var(--tint-warn);
      color:#f7e8be;
    }

    .score-health-badge.bad{
      border-color:rgba(239,68,68,.18);
      background:var(--tint-bad);
      color:#f4d0d0;
    }

    body[data-page="users"] .panel{
      border-color:var(--border-subtle);
      background:linear-gradient(180deg, rgba(18,24,37,.98), rgba(13,18,28,.98));
      box-shadow:var(--shadow-soft);
    }

    body[data-page="users"] .section-head p,
    body[data-page="users"] .form-status,
    body[data-page="users"] .user-inline-meta{
      color:var(--text-muted);
    }

    body[data-page="users"] .auth-form label,
    body[data-page="users"] .user-inline-field label{
      color:#b4c0d3;
    }

    body[data-page="users"] .auth-form input,
    body[data-page="users"] .auth-form select,
    body[data-page="users"] .user-inline-field .input,
    body[data-page="users"] .user-password,
    body[data-page="users"] .user-role{
      border-color:var(--border-subtle);
      border-radius:var(--radius-sm);
      background:var(--surface-3);
      color:var(--text-strong);
      box-shadow:none;
    }

    body[data-page="users"] .table-wrap{
      border-color:var(--border-subtle);
      background:var(--surface-quiet);
      box-shadow:none;
    }

    body[data-page="users"] .table-wrap table{
      width:100%;
      min-width:720px;
      border-collapse:collapse;
      background:transparent;
    }

    body[data-page="users"] .table-wrap thead th{
      padding:12px 14px;
      border-bottom:1px solid var(--border-subtle);
      color:#9fb0c6;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.06em;
      background:rgba(255,255,255,.02);
      text-align:left;
    }

    body[data-page="users"] .table-wrap tbody td{
      padding:14px;
      border-bottom:1px solid rgba(148,163,184,.1);
      vertical-align:top;
    }

    body[data-page="users"] .table-wrap tbody tr:hover{
      background:rgba(255,255,255,.02);
    }

    body[data-page="users"] .hidden-toggle{
      border-color:var(--border-subtle);
      background:var(--surface-3);
      box-shadow:none;
    }

    body[data-page="scoring"] .score-tools,
    body[data-page="scoring-config"] .toolbar,
    body[data-page="scoring-config"] .top-actions{
      gap:10px;
    }

    body[data-page="scoring"] .search-input,
    body[data-page="scoring-config"] .field input,
    body[data-page="scoring-config"] .json{
      color:var(--text-strong);
    }

    body[data-page="scoring"] .search-input::placeholder{
      color:#8594aa;
    }

    body[data-page="scoring"] .table-wrap table,
    body[data-page="scoring-config"] .table-wrap table{
      width:100%;
      border-collapse:collapse;
      background:transparent;
    }

    body[data-page="scoring"] .table-wrap thead th,
    body[data-page="scoring-config"] .table-wrap thead th{
      padding:12px 14px;
      border-bottom:1px solid var(--border-subtle);
      color:#97a7be;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.06em;
      background:rgba(255,255,255,.02);
      text-align:left;
    }

    body[data-page="scoring"] .table-wrap tbody td,
    body[data-page="scoring-config"] .table-wrap tbody td{
      padding:12px 14px;
      border-bottom:1px solid rgba(148,163,184,.1);
      vertical-align:top;
    }

    body[data-page="scoring"] .table-wrap tbody tr:hover,
    body[data-page="scoring-config"] .table-wrap tbody tr:hover{
      background:rgba(255,255,255,.018);
    }

    body[data-page="scoring"] .toolbar .btn,
    body[data-page="scoring-config"] .toolbar .btn,
    body[data-page="scoring-config"] .top-actions .btn{
      min-height:40px;
    }

body[data-page="monitoring"] .bottom-actions.utility-dock{
  padding:12px;
  background:linear-gradient(180deg, rgba(18,24,37,.98), rgba(13,18,28,.98));
  box-shadow:var(--shadow-soft);
}

body[data-page="monitoring"] .dock-section{
  position:relative;
  overflow:visible;
}

body[data-page="monitoring"] .dock-section[open]{
  border-color:rgba(96,165,250,.22);
  box-shadow:0 18px 38px rgba(2,6,23,.26);
}

body[data-page="monitoring"] .radar-cron-dock{order:1}
body[data-page="monitoring"] .live-ai-dock{order:2}
body[data-page="monitoring"] .asset-limits-dock{order:3}
body[data-page="monitoring"] .hidden-dock{order:4}
body[data-page="monitoring"] .push-dock{order:5}
body[data-page="monitoring"] .log-dock{order:6}

body[data-page="monitoring"] .dock-summary,
body[data-page="monitoring"] .hidden-toggle,
    body[data-page="monitoring"] .hidden-field,
    body[data-page="monitoring"] .mini-btn,
    body[data-page="monitoring"] .control-save-btn,
    body[data-page="monitoring"] .actions-bottom .btn{
  border-color:var(--border-subtle);
  background:var(--surface-3);
  box-shadow:none;
}

body[data-page="monitoring"] .dock-summary{
  position:relative;
  padding:14px 16px;
  gap:12px;
}

body[data-page="monitoring"] .dock-section[open] .dock-summary{
  border-bottom:1px solid rgba(148,163,184,.12);
  background:
    linear-gradient(180deg, rgba(96,165,250,.08), rgba(255,255,255,.02)),
    var(--surface-3);
}

body[data-page="monitoring"] .dock-copy{
  gap:4px;
}

body[data-page="monitoring"] .dock-copy-head{
  align-items:flex-start;
  gap:10px;
  flex-wrap:wrap;
}

body[data-page="monitoring"] .dock-copy strong{
  font-size:14px;
  letter-spacing:.01em;
}

body[data-page="monitoring"] .hidden-field{
  border-radius:var(--radius-md);
}

    body[data-page="monitoring"] .hidden-field span,
    body[data-page="monitoring"] .hidden-toggle-copy > span,
    body[data-page="monitoring"] .field-label-with-info > span:first-child{
      color:#b4c0d3;
    }

body[data-page="monitoring"] .field-hint,
body[data-page="monitoring"] .dock-copy small,
body[data-page="monitoring"] .hidden-config-head span{
  color:var(--text-muted);
}

body[data-page="monitoring"] .dock-copy small{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:fit-content;
  max-width:100%;
  min-height:24px;
  padding:4px 10px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  font-size:11px;
  font-weight:800;
  line-height:1.3;
}

body[data-page="monitoring"] .hidden-field .input,
body[data-page="monitoring"] .hidden-field input[type="number"]{
  border-color:var(--border-subtle);
  background:var(--surface-quiet);
      box-shadow:none;
    }

    body[data-page="monitoring"] .cron-preset-btn.active,
    body[data-page="monitoring"] .control-save-btn{
      border-color:rgba(96,165,250,.24);
      background:rgba(61,116,244,.12);
      color:var(--text-strong);
    }

    body[data-page="monitoring"] .actions.actions-bottom{
      width:100%;
      justify-content:flex-start;
      padding-top:4px;
      border-top:1px solid rgba(148,163,184,.1);
    }

    body[data-page="monitoring"] .system-log{
      border:1px solid var(--border-subtle);
      border-radius:var(--radius-md);
      background:var(--surface-quiet);
      overflow:hidden;
    }

    body[data-page="monitoring"] .dock-log-block{
      border-color:var(--border-subtle);
      background:var(--surface-quiet);
      box-shadow:none;
    }

body[data-page="monitoring"] .dock-log-block pre{
  color:#9fb0c6;
  line-height:1.55;
}

body[data-page="monitoring"] .hidden-config-panel{
  gap:12px;
  padding:12px 12px 14px;
}

body[data-page="monitoring"] .hidden-config-grid{
  gap:12px;
}

body[data-page="monitoring"] .cron-preset-tile{
  border-color:rgba(148,163,184,.12);
  background:
    linear-gradient(180deg, rgba(96,165,250,.06), rgba(255,255,255,.02)),
    var(--surface-quiet);
}

body[data-page="monitoring"] .info-popover{
  max-width:min(360px, calc(100vw - 36px));
}

body[data-page="monitoring"] .info-popover span{
  line-height:1.62;
}

body[data-page="monitoring"] .info-wrap.open .info-popover,
body[data-page="monitoring"] .info-wrap:focus-within .info-popover,
body[data-page="monitoring"] .info-wrap:hover .info-popover{
  display:none;
}

body[data-page="monitoring"] .info-modal-card{
  width:min(680px, calc(100vw - 32px));
  max-height:min(78vh, 720px);
}

body[data-page="monitoring"] .info-modal-body{
  font-size:14px;
  line-height:1.72;
}

    body[data-page="monitoring"] .system-log summary{
      padding:10px 12px;
      cursor:pointer;
      color:#c4d2e6;
      font-weight:700;
      list-style:none;
    }

    body[data-page="monitoring"] .system-log summary::-webkit-details-marker{
      display:none;
    }

    body[data-page="monitoring"] .system-log pre{
      margin:0;
      padding:0 12px 12px;
      color:#9fb0c6;
    }

    @media (min-width: 780px){
      .topbar-nav-slot .nav-flyout-toggle{
        display:none;
      }

      .topbar-nav-slot .nav-flyout-panel{
        position:static;
        display:flex;
        align-items:center;
        justify-content:flex-end;
        gap:8px;
        min-width:0;
        max-width:none;
        padding:0;
        border:0;
        background:transparent;
        box-shadow:none;
        opacity:1;
        pointer-events:auto;
        transform:none;
      }

      .topbar-nav-slot .app-nav.nav-flyout .nav-flyout-panel a{
        width:auto;
        justify-content:center;
      }

      .topbar-nav-slot .nav-session{
        order:100;
        margin-left:8px;
        min-height:38px;
        padding:0 10px;
        display:inline-flex;
        align-items:center;
        gap:10px;
      }

      .topbar-nav-slot .nav-session-head{
        align-items:center;
        gap:8px;
      }

      .topbar-nav-slot .nav-session-copy{
        display:flex;
        align-items:baseline;
        gap:6px;
      }

      .topbar-nav-slot .nav-session-dot{
        width:8px;
        height:8px;
        margin-top:0;
        box-shadow:none;
      }

      .topbar-nav-slot .nav-session-user{
        max-width:160px;
        font-size:12px;
      }

      .topbar-nav-slot .nav-session-role{
        padding:2px 8px;
        font-size:10px;
      }

      .topbar-nav-slot .nav-flyout-footer{
        display:flex;
        align-items:center;
        gap:8px;
        margin:0 0 0 8px;
        padding:0;
        border:0;
      }

      .topbar-nav-slot .nav-flyout-logout{
        width:auto;
      }
    }

    @media (max-width: 779px){
      .topbar{
        grid-template-columns:minmax(0, 1fr) auto;
      }

      .top-actions-nav-slot{
        grid-column:auto;
        width:auto;
        justify-content:flex-end;
      }

      .topbar-nav-slot .app-nav.nav-flyout{
        width:auto;
      }

      .topbar-nav-slot .nav-flyout-panel{
        position:fixed;
        top:0;
        right:0;
        left:auto;
        bottom:0;
        width:min(320px, calc(100vw - 24px));
        max-width:none;
        min-width:0;
        height:100svh;
        padding:calc(16px + env(safe-area-inset-top, 0px)) 14px calc(18px + env(safe-area-inset-bottom, 0px));
        border-radius:0;
        border-left:1px solid var(--border-strong);
        border-top:0;
        border-right:0;
        border-bottom:0;
        overflow-y:auto;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        transform:translateX(100%);
        transform-origin:right center;
      }

      .topbar-nav-slot .nav-flyout.open .nav-flyout-panel{
        transform:translateX(0);
      }

      .topbar-nav-slot .app-nav.nav-flyout .nav-flyout-panel a{
        width:100%;
        justify-content:flex-start;
      }
    }

    body.nav-narrow-desktop .topbar{
      grid-template-columns:minmax(0, 1fr);
      gap:12px;
    }

    body.nav-narrow-desktop .topbar-nav-slot{
      grid-column:1 / -1;
      width:100%;
      justify-content:flex-start;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-flyout-toggle{
      display:none;
    }

    body.nav-narrow-desktop .topbar-nav-slot .app-nav.nav-flyout{
      width:100%;
      justify-content:flex-start;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-flyout-panel{
      position:static;
      display:flex;
      align-items:center;
      justify-content:flex-start;
      gap:8px;
      flex-wrap:wrap;
      width:100%;
      min-width:0;
      max-width:none;
      height:auto;
      padding:0;
      border:0;
      background:transparent;
      box-shadow:none;
      opacity:1;
      pointer-events:auto;
      transform:none;
    }

    body.nav-narrow-desktop .topbar-nav-slot .app-nav.nav-flyout .nav-flyout-panel a{
      width:auto;
      justify-content:center;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-session{
      order:100;
      margin-left:auto;
      min-height:38px;
      padding:0 10px;
      display:inline-flex;
      align-items:center;
      gap:10px;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-session-head{
      align-items:center;
      gap:8px;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-session-copy{
      display:flex;
      align-items:baseline;
      gap:6px;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-session-dot{
      width:8px;
      height:8px;
      margin-top:0;
      box-shadow:none;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-session-user{
      max-width:160px;
      font-size:12px;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-session-role{
      padding:2px 8px;
      font-size:10px;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-flyout-footer{
      display:flex;
      align-items:center;
      gap:8px;
      margin:0;
      padding:0;
      border:0;
    }

    body.nav-narrow-desktop .topbar-nav-slot .nav-flyout-logout{
      width:auto;
    }

    /* ---- Radar page calm desktop pass ---- */

    body[data-page="radar"] .layout{
      gap:14px;
      align-items:start;
    }

    body[data-page="radar"] .statusbar{
      margin-bottom:12px;
      background:rgba(8,14,25,.68);
      border:1px solid rgba(148,163,184,.12);
      border-radius:14px;
      padding:8px;
      box-shadow:none;
      backdrop-filter:blur(10px);
    }

    body[data-page="radar"] .statusbar-track{
      padding:0;
    }

    body[data-page="radar"] .stat{
      border-color:rgba(148,163,184,.12);
      background:rgba(255,255,255,.03);
    }

    body[data-page="radar"] .stat .k{
      color:#97a8c3;
    }

    body[data-page="radar"] .stat .v{
      font-size:15px;
    }

    body[data-page="radar"] .active-coin-float{
      top:10px;
      margin:0 0 12px;
      padding:8px 10px;
      border-color:rgba(148,163,184,.16);
      background:rgba(8,14,25,.84);
      box-shadow:none;
      backdrop-filter:blur(10px);
    }

    body[data-page="radar"] .active-coin-metrics span{
      background:rgba(255,255,255,.03);
      border-color:rgba(148,163,184,.14);
    }

    body[data-page="radar"] .active-coin-open-list{
      border-color:rgba(148,163,184,.16);
      background:rgba(255,255,255,.04);
      box-shadow:none;
    }

    body[data-page="radar"] .sidebar{
      border-color:rgba(148,163,184,.16);
      background:rgba(8,14,25,.92);
      box-shadow:none;
      backdrop-filter:blur(12px);
    }

    body[data-page="radar"] .sidebar .panel-head{
      gap:12px;
    }

    body[data-page="radar"] .sidebar .panel-head h2{
      font-size:17px;
      font-weight:760;
      letter-spacing:0;
    }

    body[data-page="radar"] .watchlist-addbar{
      gap:8px;
      align-items:center;
    }

    body[data-page="radar"] .asset-section-btn{
      min-height:48px;
      padding:7px 9px;
      border-color:rgba(148,163,184,.22);
      background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
      box-shadow:0 8px 20px rgba(2,6,23,.14), inset 0 1px 0 rgba(255,255,255,.04);
      align-content:center;
      justify-items:center;
      text-align:center;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    body[data-page="radar"] .asset-section-btn::before{
      display:none;
    }

    body[data-page="radar"] .asset-section-btn:hover{
      transform:translateY(-1px);
      border-color:rgba(125,176,255,.34);
      background:linear-gradient(180deg, rgba(96,165,250,.10), rgba(59,130,246,.04));
    }

    body[data-page="radar"] .asset-section-btn span{
      color:#9db0c8;
      font-size:9px;
      font-weight:700;
      letter-spacing:0;
      line-height:1.15;
      white-space:normal;
      overflow-wrap:anywhere;
      text-wrap:balance;
    }

    body[data-page="radar"] .asset-section-btn strong{
      display:none;
    }

    body[data-page="radar"] .asset-section-btn.active{
      border-color:rgba(96,165,250,.34);
      background:linear-gradient(180deg, rgba(96,165,250,.14), rgba(59,130,246,.06));
      box-shadow:0 10px 24px rgba(2,6,23,.18), inset 0 0 0 1px rgba(125,176,255,.1);
    }

    body[data-page="radar"] .asset-section-btn.active strong{
      background:rgba(96,165,250,.18);
      border-color:rgba(125,176,255,.22);
    }

    body[data-page="radar"] .asset-section-btn[data-section="active"] span{
      color:#82daad;
    }

    body[data-page="radar"] .asset-section-btn[data-section="active"]:hover,
    body[data-page="radar"] .asset-section-btn[data-section="active"].active{
      border-color:rgba(34,197,94,.32);
      background:linear-gradient(180deg, rgba(34,197,94,.14), rgba(22,163,74,.06));
    }

    body[data-page="radar"] .asset-section-btn[data-section="active"] strong,
    body[data-page="radar"] .asset-section-btn[data-section="active"].active strong{
      background:rgba(34,197,94,.16);
      border-color:rgba(34,197,94,.18);
      color:#e8fff0;
    }

    body[data-page="radar"] .asset-section-btn[data-section="watchlist"]:hover,
    body[data-page="radar"] .asset-section-btn[data-section="watchlist"].active{
      border-color:rgba(245,158,11,.30);
      background:linear-gradient(180deg, rgba(245,158,11,.14), rgba(217,119,6,.05));
    }

    body[data-page="radar"] .asset-section-btn[data-section="watchlist"].active strong{
      background:rgba(245,158,11,.16);
      border-color:rgba(245,158,11,.18);
      color:#fff3d8;
    }

    body[data-page="radar"] .asset-section-btn[data-section="hidden"]:hover,
    body[data-page="radar"] .asset-section-btn[data-section="hidden"].active{
      border-color:rgba(168,85,247,.28);
      background:linear-gradient(180deg, rgba(168,85,247,.12), rgba(139,92,246,.05));
    }

    body[data-page="radar"] .asset-section-btn[data-section="hidden"].active strong{
      background:rgba(168,85,247,.15);
      border-color:rgba(168,85,247,.18);
      color:#f1e8ff;
    }

    body[data-page="radar"] .watchlist-toolbar{
      display:grid;
      grid-template-columns:minmax(0,1fr);
      padding:8px 10px;
      gap:8px;
      border-color:rgba(148,163,184,.14);
      background:rgba(255,255,255,.02);
    }

    body[data-page="radar"] .sort-btn{
      border-color:rgba(148,163,184,.14);
      background:transparent;
      color:#d6e0ef;
      min-height:30px;
      padding:6px 9px;
      font-size:11px;
      font-weight:650;
    }

    body[data-page="radar"] .sort-btn:hover{
      transform:none;
      border-color:rgba(148,163,184,.22);
      background:rgba(255,255,255,.04);
      box-shadow:none;
    }

    body[data-page="radar"] .sort-btn.active{
      border-color:rgba(96,165,250,.24);
      background:rgba(96,165,250,.10);
      box-shadow:none;
    }

    body[data-page="radar"] .coin-card{
      padding:11px 12px;
      border-radius:13px;
      border-color:rgba(148,163,184,.14);
      background:rgba(255,255,255,.018);
      box-shadow:none;
    }

    body[data-page="radar"] .coin-card:hover{
      transform:none;
      border-color:rgba(148,163,184,.24);
      background:rgba(255,255,255,.03);
      box-shadow:none;
    }

    body[data-page="radar"] .coin-card.active{
      border-color:rgba(96,165,250,.24);
      background:rgba(59,130,246,.08);
      box-shadow:none;
    }

    body[data-page="radar"] .rank-badge{
      border:1px solid rgba(148,163,184,.14);
      background:rgba(255,255,255,.04);
      color:#cfdaeb;
      box-shadow:none;
    }

    body[data-page="radar"] .hero-card,
    body[data-page="radar"] .detail-card,
    body[data-page="radar"] .hero-structure-card,
    body[data-page="radar"] .metric,
    body[data-page="radar"] .directional-battle,
    body[data-page="radar"] .ai-decision-card,
    body[data-page="radar"] .decision-summary,
    body[data-page="radar"] .feargreed-card,
    body[data-page="radar"] .decision-card{
      border-color:rgba(148,163,184,.14);
      background:rgba(255,255,255,.018);
      box-shadow:none;
    }

    body[data-page="radar"] .hero-card{
      padding:16px;
    }

    body[data-page="radar"] .hero-title{
      font-size:28px;
      font-weight:820;
    }

    body[data-page="radar"] .hero-sub{
      color:#9fb0ca;
    }

    body[data-page="radar"] .hero-price strong{
      font-size:32px;
      margin-bottom:6px;
    }

    body[data-page="radar"] .chip-row,
    body[data-page="radar"] .insight-chip-row,
    body[data-page="radar"] .hero-structure-brief,
    body[data-page="radar"] .decision-strip,
    body[data-page="radar"] .hero-metrics{
      gap:8px;
    }

    body[data-page="radar"] .decision-card.active.entry{
      background:var(--tint-good);
      border-color:rgba(34,197,94,.18);
      box-shadow:none;
    }

    body[data-page="radar"] .decision-card.active.watch{
      background:var(--tint-warn);
      border-color:rgba(245,158,11,.18);
      box-shadow:none;
    }

    body[data-page="radar"] .decision-card.active.avoid{
      background:var(--tint-bad);
      border-color:rgba(239,68,68,.18);
      box-shadow:none;
    }

    body[data-page="radar"] .ai-decision-card::before{
      display:none;
    }

    body[data-page="radar"] .summary{
      color:#d6e1f0;
      max-width:92ch;
    }

    body[data-page="radar"] .hero-metrics{
      grid-template-columns:repeat(3, minmax(0,1fr));
    }

    body[data-page="radar"] .metric{
      padding:10px 12px;
    }

    body[data-page="radar"] .metric::before{
      display:none;
    }

    body[data-page="radar"] .hero-metrics .metric:nth-child(1),
    body[data-page="radar"] .hero-metrics .metric:nth-child(2),
    body[data-page="radar"] .hero-metrics .metric:nth-child(3),
    body[data-page="radar"] .hero-metrics .metric:nth-child(4),
    body[data-page="radar"] .hero-metrics .metric:nth-child(5),
    body[data-page="radar"] .hero-metrics .metric:nth-child(6){
      border-color:rgba(148,163,184,.14);
      background:rgba(255,255,255,.018);
    }

    body[data-page="radar"] .metric .k{
      color:#95a8c2;
      letter-spacing:.04em;
    }

    body[data-page="radar"] .metric .v{
      font-size:17px;
    }

    body[data-page="radar"] .hero-metrics .metric:nth-child(1) .v,
    body[data-page="radar"] .hero-metrics .metric:nth-child(2) .v{
      font-size:20px;
    }

    body[data-page="radar"] .directional-battle.is-long{
      border-color:rgba(34,197,94,.16);
      background:rgba(34,197,94,.06);
    }

    body[data-page="radar"] .directional-battle.is-short{
      border-color:rgba(239,68,68,.16);
      background:rgba(239,68,68,.06);
    }

    body[data-page="radar"] .directional-side-bar{
      background:rgba(255,255,255,.05);
      border-color:rgba(148,163,184,.14);
    }

    @media (min-width: 1181px){
      body[data-page="radar"].radar-sidebar-pinned .layout{
        display:grid;
        grid-template-columns:minmax(320px, 360px) minmax(0, 1fr);
        gap:14px;
      }

      body[data-page="radar"].radar-sidebar-pinned .sidebar{
        position:sticky;
        top:14px;
        right:auto;
        bottom:auto;
        width:auto;
        max-height:calc(100vh - 28px);
        padding:14px;
        opacity:1;
        transform:none;
        pointer-events:auto;
      }

      body[data-page="radar"].radar-sidebar-pinned .sidebar.is-collapsed{
        opacity:1;
        transform:none;
        pointer-events:auto;
      }

      body[data-page="radar"].radar-sidebar-pinned .sidebar-toggle{
        display:none;
      }

      body[data-page="radar"].radar-sidebar-pinned .watchlist{
        max-height:calc(100vh - 214px);
      }

      body[data-page="radar"].radar-sidebar-pinned .main{
        min-width:0;
      }
    }

    @media (max-width: 1180px){
      body[data-page="radar"] .hero-metrics{
        grid-template-columns:repeat(2, minmax(0,1fr));
      }
    }

    @media (max-width: 760px){
      body[data-page="radar"] .hero-headline-row{
        flex-direction:column;
        align-items:flex-start;
      }

      body[data-page="radar"] .hero-price{
        text-align:left;
        min-width:0;
      }

      body[data-page="radar"] .hero-price strong{
        font-size:28px;
      }

      body[data-page="radar"] .watchlist-addbar{
        grid-template-columns:minmax(0,1fr) 44px;
        grid-template-areas:
          "input input"
          "select add";
      }

      body[data-page="radar"] #addCoinInput{
        grid-area:input;
      }

      body[data-page="radar"] #addCoinSection{
        grid-area:select;
        min-width:0;
      }

      body[data-page="radar"] #addCoinBtn{
        grid-area:add;
        width:44px;
        min-width:44px;
        justify-self:end;
      }

      body[data-page="radar"] .watchlist-addbar .btn{
        width:auto;
      }

      body[data-page="radar"] .decision-strip,
      body[data-page="radar"] .hero-structure-brief,
      body[data-page="radar"] .hero-metrics{
        grid-template-columns:1fr;
      }
    }

    body[data-page="radar"] .brand-row,
    body[data-page="investment"] .brand-row,
    body[data-page="monitoring"] .brand-row,
    body[data-page="users"] .brand-row{
      gap:12px;
    }

    body[data-page="radar"] .titlebox h1{
      font-size:28px;
    }

    body[data-page="radar"] .titlebox p{
      max-width:640px;
    }

    body[data-page="radar"] .watchlist-addbar{
      grid-template-columns:minmax(0,1fr) 96px 42px;
    }

    body[data-page="radar"] .watchlist{
      gap:8px;
    }

    body[data-page="radar"] .watchlist-addbar .input,
    body[data-page="radar"] .watchlist-addbar .select-input{
      min-height:36px;
      padding:8px 10px;
      font-size:12px;
    }

    body[data-page="radar"] .watchlist-addbar .select-input{
      text-align:left;
    }

    body[data-page="radar"] .watchlist-addbar .btn-plus-only{
      min-height:36px;
      min-width:36px;
      width:36px;
      padding:0;
      border-radius:10px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:20px;
      line-height:1;
      border-color:rgba(34,197,94,.32);
      background:rgba(34,197,94,.18);
      color:#ffffff;
    }

    body[data-page="radar"] .watchlist-addbar .btn-plus-only span,
    body[data-page="radar"] .watchlist-addbar .btn-plus-only::before,
    body[data-page="radar"] .watchlist-addbar .btn-plus-only::after{
      display:none;
    }

    body[data-page="radar"] .watchlist-addbar .btn-plus-only .btn-plus-glyph{
      display:inline-block;
      font-size:21px;
      font-weight:760;
      color:#ffffff;
      line-height:1;
      transform:translateY(-1px);
    }

    body[data-page="radar"] .watchlist-addbar .btn-plus-only:hover{
      border-color:rgba(34,197,94,.42);
      background:rgba(34,197,94,.26);
    }

    body[data-page="radar"] .coin-card{
      padding:10px 11px;
    }

    body[data-page="radar"] .coin-top{
      margin-bottom:8px;
      align-items:center;
    }

    body[data-page="radar"] .coin-title-wrap span{
      font-size:11px;
      color:#8fa4c0;
    }

    body[data-page="radar"] .coin-right strong{
      font-size:15px;
    }

    body[data-page="radar"] .coin-right .change{
      font-size:11px;
    }

    body[data-page="radar"] .rank-badge{
      font-size:10px;
      padding:2px 6px;
    }

    body[data-page="radar"] .card-actions{
      padding-top:8px;
      margin-top:8px;
      border-top:1px solid rgba(148,163,184,.10);
      gap:6px;
    }

    body[data-page="radar"] .coin-action-btn,
    body[data-page="radar"] .remove-btn{
      min-height:30px;
      padding:0 9px;
      border-radius:9px;
      font-size:11px;
      box-shadow:none;
    }

    body[data-page="radar"] .hero-card-radar{
      padding:16px;
    }

    body[data-page="radar"] .hero-shell{
      display:grid;
      grid-template-columns:minmax(0,1fr) 292px;
      gap:12px;
      align-items:start;
    }

    body[data-page="radar"] .hero-main{
      display:grid;
      gap:10px;
    }

    body[data-page="radar"] .hero-headline-row{
      align-items:flex-start;
      gap:14px;
    }

    body[data-page="radar"] .hero-price{
      display:grid;
      gap:5px;
    }

    body[data-page="radar"] .hero-price strong{
      margin-bottom:0;
    }

    body[data-page="radar"] .radar-top-chips{
      margin-top:0;
    }

    .radar-asset-facts{
      display:grid;
      grid-template-columns:repeat(5, minmax(0,1fr));
      gap:8px;
    }

    .radar-asset-fact{
      display:grid;
      gap:3px;
      min-width:0;
      padding:9px 10px;
      border:1px solid rgba(148,163,184,.12);
      border-radius:11px;
      background:rgba(255,255,255,.022);
    }

    .radar-asset-fact small{
      font-size:10px;
      color:#90a4be;
      text-transform:uppercase;
      font-weight:760;
    }

    .radar-asset-fact strong{
      font-size:13px;
      color:#eef4ff;
      line-height:1.2;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .radar-verdict-card{
      display:grid;
      gap:10px;
      padding:14px;
      border-radius:14px;
      border:1px solid rgba(148,163,184,.14);
      background:rgba(255,255,255,.02);
    }

    .radar-verdict-card.tone-buy{
      border-color:rgba(34,197,94,.18);
      background:var(--tint-good);
    }

    .radar-verdict-card.tone-watch{
      border-color:rgba(245,158,11,.18);
      background:var(--tint-warn);
    }

    .radar-verdict-card.tone-avoid{
      border-color:rgba(239,68,68,.18);
      background:var(--tint-bad);
    }

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

    .radar-verdict-head .main{
      font-size:19px;
      font-weight:700;
      color:#fff;
      line-height:1.12;
    }

    .radar-verdict-side{
      display:grid;
      justify-items:end;
      gap:6px;
      text-align:right;
    }

    .radar-verdict-score{
      font-size:10.5px;
      color:#a9bacf;
      white-space:nowrap;
      font-weight:560;
    }

    .radar-heat{
      position:relative;
      height:10px;
      border-radius:999px;
      overflow:hidden;
      background:rgba(255,255,255,.05);
      border:1px solid rgba(148,163,184,.14);
    }

    .radar-heat span{
      display:block;
      height:100%;
      border-radius:inherit;
      background:linear-gradient(90deg, rgba(239,68,68,.92) 0%, rgba(245,158,11,.94) 52%, rgba(34,197,94,.92) 100%);
    }

    .radar-verdict-card .sub{
      color:#d6e1ef;
      font-size:12px;
      line-height:1.5;
    }

    body[data-page="radar"] .radar-verdict-card .hero-ampel-tag{
      padding:0;
      border:0;
      border-radius:0;
      background:transparent;
      font-size:12px;
      font-weight:620;
      color:#b4c6da;
    }

    body[data-page="radar"] .radar-verdict-card.tone-buy .hero-ampel-tag{
      color:#7ce3a7;
    }

    body[data-page="radar"] .radar-verdict-card.tone-watch .hero-ampel-tag{
      color:#f4c46a;
    }

    body[data-page="radar"] .radar-verdict-card.tone-avoid .hero-ampel-tag{
      color:#f19999;
    }

    .radar-ai-callout{
      display:grid;
      gap:6px;
      padding:11px 14px 12px 16px;
      border-left:3px solid rgba(148,163,184,.26);
      border-radius:12px;
      background:rgba(255,255,255,.016);
    }

    .radar-ai-callout.tone-buy{
      border-left-color:rgba(34,197,94,.72);
      background:rgba(34,197,94,.05);
    }

    .radar-ai-callout.tone-watch{
      border-left-color:rgba(245,158,11,.74);
      background:rgba(245,158,11,.05);
    }

    .radar-ai-callout.tone-avoid{
      border-left-color:rgba(239,68,68,.72);
      background:rgba(239,68,68,.05);
    }

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

    .radar-ai-kicker{
      display:inline-flex;
      align-items:center;
      gap:8px;
      min-width:0;
      font-size:11px;
      line-height:1.2;
      text-transform:uppercase;
      letter-spacing:.06em;
      color:#97abc4;
      font-weight:700;
    }

    .radar-ai-mark{
      display:inline-flex;
      align-items:center;
      gap:6px;
      color:#7ad5ff;
      font-weight:820;
    }

    .radar-ai-mark::before{
      content:"";
      width:7px;
      height:7px;
      border-radius:999px;
      background:currentColor;
      box-shadow:0 0 0 4px rgba(56,189,248,.10);
    }

    .radar-ai-callout.tone-buy .radar-ai-mark{
      color:#7ce3a7;
    }

    .radar-ai-callout.tone-watch .radar-ai-mark{
      color:#f4c46a;
    }

    .radar-ai-callout.tone-avoid .radar-ai-mark{
      color:#f19999;
    }

    .radar-ai-meta{
      font-size:10.5px;
      line-height:1.35;
      color:#92a6bf;
      font-weight:560;
      text-align:right;
    }

    .radar-ai-main{
      font-size:15px;
      line-height:1.18;
      font-weight:680;
      color:#f6f9ff;
    }

    .radar-ai-copy{
      display:block;
      padding:10px 12px;
      border-radius:10px;
      font-size:12px;
      line-height:1.5;
      color:#d6e1ef;
      background:rgba(255,255,255,.032);
      border:1px solid rgba(148,163,184,.12);
      overflow-wrap:anywhere;
      overflow-wrap:anywhere;
    }

    .radar-ai-callout.tone-buy .radar-ai-copy{
      color:#dff7e8;
      background:rgba(34,197,94,.08);
      border-color:rgba(34,197,94,.14);
    }

    .radar-ai-callout.tone-watch .radar-ai-copy{
      color:#fff0cd;
      background:rgba(245,158,11,.08);
      border-color:rgba(245,158,11,.14);
    }

    .radar-ai-callout.tone-avoid .radar-ai-copy{
      color:#ffd8d8;
      background:rgba(239,68,68,.08);
      border-color:rgba(239,68,68,.14);
    }

    .trading-confluence-callout{
      display:grid;
      gap:6px;
      padding:10px 12px;
      border:1px solid rgba(148,163,184,.14);
      border-left:3px solid rgba(148,163,184,.3);
      border-radius:10px;
      background:rgba(255,255,255,.018);
    }

    .trading-confluence-callout.tone-buy{
      border-left-color:rgba(34,197,94,.74);
      background:rgba(34,197,94,.05);
    }

    .trading-confluence-callout.tone-watch{
      border-left-color:rgba(245,158,11,.74);
      background:rgba(245,158,11,.05);
    }

    .trading-confluence-callout.tone-avoid{
      border-left-color:rgba(239,68,68,.72);
      background:rgba(239,68,68,.05);
    }

    .trading-confluence-head{
      display:flex;
      justify-content:space-between;
      gap:10px;
      align-items:flex-end;
    }

    .trading-confluence-kicker{
      font-size:10.5px;
      line-height:1;
      color:#94a3b8;
      text-transform:uppercase;
      letter-spacing:.08em;
    }

    .trading-confluence-label{
      font-size:14px;
      line-height:1.15;
      font-weight:600;
      color:#f8fbff;
      text-align:right;
    }

    .trading-confluence-meta{
      font-size:10.5px;
      line-height:1.4;
      color:#94a3b8;
    }

    .trading-confluence-copy{
      font-size:12px;
      line-height:1.5;
      color:#d6e1ef;
    }

    .radar-summary{
      margin-top:0;
      max-width:none;
    }

    .radar-outcome-rail{
      display:grid;
      gap:10px;
      min-width:0;
    }

    .radar-outcome-card{
      display:grid;
      gap:6px;
      padding:13px;
      border:1px solid rgba(148,163,184,.14);
      border-radius:13px;
      background:rgba(255,255,255,.018);
    }

    .radar-outcome-card.tone-good{
      border-color:rgba(34,197,94,.18);
      background:rgba(34,197,94,.06);
    }

    .radar-outcome-card.tone-warn{
      border-color:rgba(245,158,11,.18);
      background:rgba(245,158,11,.06);
    }

    .radar-outcome-card.tone-bad{
      border-color:rgba(239,68,68,.18);
      background:rgba(239,68,68,.06);
    }

    .radar-outcome-card .main{
      color:#fff;
      font-size:16px;
      font-weight:680;
      line-height:1.15;
    }

    .radar-outcome-card .sub{
      color:#d3deee;
      font-size:12px;
      line-height:1.45;
    }

    body[data-page="radar"] .market-overview-card{
      width:100%;
    }

    body[data-page="radar"] .market-score-grid{
      display:grid;
      grid-template-columns:repeat(6, minmax(0,1fr));
      gap:10px;
      margin-bottom:12px;
    }

    body[data-page="radar"] .market-score-card{
      display:grid;
      gap:8px;
      min-width:0;
      padding:12px 12px 11px;
      border-radius:13px;
      border:1px solid rgba(148,163,184,.14);
      background:rgba(255,255,255,.02);
    }

    body[data-page="radar"] .market-score-card.tone-good{
      border-color:rgba(34,197,94,.18);
      background:rgba(34,197,94,.06);
    }

    body[data-page="radar"] .market-score-card.tone-warn{
      border-color:rgba(245,158,11,.18);
      background:rgba(245,158,11,.06);
    }

    body[data-page="radar"] .market-score-card.tone-bad{
      border-color:rgba(239,68,68,.18);
      background:rgba(239,68,68,.06);
    }

    body[data-page="radar"] .market-score-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
    }

    body[data-page="radar"] .market-score-head .k{
      margin:0;
      color:#9ab0ca;
      font-size:10.5px;
      line-height:1.3;
      text-transform:uppercase;
      letter-spacing:.05em;
      font-weight:700;
    }

    body[data-page="radar"] .market-score-state{
      font-size:10px;
      line-height:1.2;
      text-transform:uppercase;
      letter-spacing:.06em;
      font-weight:760;
      color:#a5b6c9;
      white-space:nowrap;
    }

    body[data-page="radar"] .market-score-main{
      color:#f6f9ff;
      font-size:19px;
      line-height:1.05;
      font-weight:720;
      font-variant-numeric:tabular-nums;
    }

    body[data-page="radar"] .market-score-main small{
      color:#8fa5bf;
      font-size:11px;
      font-weight:620;
    }

    body[data-page="radar"] .market-score-ampel{
      display:flex;
      align-items:center;
      gap:6px;
    }

    body[data-page="radar"] .market-score-ampel span{
      width:8px;
      height:8px;
      border-radius:999px;
      background:rgba(148,163,184,.18);
    }

    body[data-page="radar"] .market-score-card.tone-good .market-score-ampel span.active{
      background:#7ce3a7;
      box-shadow:0 0 0 4px rgba(34,197,94,.10);
    }

    body[data-page="radar"] .market-score-card.tone-warn .market-score-ampel span.active{
      background:#f4c46a;
      box-shadow:0 0 0 4px rgba(245,158,11,.10);
    }

    body[data-page="radar"] .market-score-card.tone-bad .market-score-ampel span.active{
      background:#f19999;
      box-shadow:0 0 0 4px rgba(239,68,68,.10);
    }

    body[data-page="radar"] .market-score-bar{
      position:relative;
      height:8px;
      border-radius:999px;
      overflow:hidden;
      background:rgba(255,255,255,.05);
      border:1px solid rgba(148,163,184,.14);
    }

    body[data-page="radar"] .market-score-bar span{
      display:block;
      height:100%;
      border-radius:inherit;
      background:linear-gradient(90deg, rgba(239,68,68,.92) 0%, rgba(245,158,11,.94) 52%, rgba(34,197,94,.92) 100%);
    }

    body[data-page="radar"] .market-score-note{
      color:#9fb2c9;
      font-size:11px;
      line-height:1.4;
    }

    body[data-page="radar"] .market-overview-facts{
      display:grid;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:8px;
    }

    body[data-page="radar"] .market-timeframe-card .kv{
      display:grid;
      gap:8px;
    }

    body[data-page="radar"] .market-overview-facts .kv-line,
    body[data-page="radar"] .market-timeframe-card .kv-line{
      border:1px solid rgba(148,163,184,.14);
      transition:border-color .18s ease, background-color .18s ease, color .18s ease;
    }

    body[data-page="radar"] .kv-line.kv-tone-good{
      border-color:rgba(34,197,94,.18);
      background:rgba(34,197,94,.05);
    }

    body[data-page="radar"] .kv-line.kv-tone-warn{
      border-color:rgba(245,158,11,.18);
      background:rgba(245,158,11,.05);
    }

    body[data-page="radar"] .kv-line.kv-tone-bad{
      border-color:rgba(239,68,68,.18);
      background:rgba(239,68,68,.05);
    }

    body[data-page="radar"] .kv-line.kv-tone-neutral{
      border-color:rgba(148,163,184,.14);
      background:rgba(255,255,255,.022);
    }

    body[data-page="radar"] .kv-line.kv-tone-good .v{
      color:#7ce3a7;
    }

    body[data-page="radar"] .kv-line.kv-tone-warn .v{
      color:#f4c46a;
    }

    body[data-page="radar"] .kv-line.kv-tone-bad .v{
      color:#f19999;
    }

    body[data-page="radar"] .kv-line.kv-tone-neutral .v{
      color:#d7e1ef;
    }

    .watch-verdict-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      margin-bottom:7px;
    }

    .watch-verdict-badge{
      display:inline-block;
      min-height:auto;
      padding:0;
      border:0;
      border-radius:0;
      background:transparent;
      color:#d5dfed;
      font-size:11px;
      font-weight:620;
      white-space:nowrap;
    }

    .watch-verdict-badge.verdict-buy{
      color:#79dba2;
    }

    .watch-verdict-badge.verdict-watch{
      color:#f0c56f;
    }

    .watch-verdict-badge.verdict-avoid{
      color:#ef9a9a;
    }

    .watch-verdict-score{
      font-size:11px;
      color:#93a8c2;
      white-space:nowrap;
      font-weight:540;
    }

    .watch-heat{
      position:relative;
      height:7px;
      border-radius:999px;
      overflow:hidden;
      border:1px solid rgba(148,163,184,.12);
      background:rgba(255,255,255,.04);
      margin-bottom:7px;
    }

    .watch-heat-fill{
      display:block;
      height:100%;
      border-radius:inherit;
    }

    .watch-heat-fill.verdict-buy{
      background:linear-gradient(90deg, rgba(16,185,129,.92), rgba(34,197,94,.92));
    }

    .watch-heat-fill.verdict-watch{
      background:linear-gradient(90deg, rgba(245,158,11,.92), rgba(251,191,36,.92));
    }

    .watch-heat-fill.verdict-avoid{
      background:linear-gradient(90deg, rgba(248,113,113,.92), rgba(239,68,68,.92));
    }

    .watch-meta-line{
      color:#d2ddeb;
      font-size:11px;
      line-height:1.45;
      margin-bottom:6px;
    }

    .watch-mini-row{
      display:flex;
      flex-wrap:wrap;
      gap:6px 10px;
      color:#91a5c0;
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:.03em;
    }

    .watch-mini-status.is-active{
      color:#78d89f;
    }

    .watch-mini-status.is-watchlist{
      color:#9ab0ca;
    }

    .watch-mini-status.is-hidden{
      color:#cbb786;
    }

    @media (min-width: 1181px){
      body[data-page="radar"].radar-sidebar-pinned .layout{
        grid-template-columns:minmax(286px, 320px) minmax(0,1fr);
      }
    }

    @media (max-width: 1180px){
      body[data-page="radar"] .hero-shell{
        grid-template-columns:1fr;
      }

      body[data-page="radar"] .market-score-grid{
        grid-template-columns:repeat(3, minmax(0,1fr));
      }

      body[data-page="radar"] .market-overview-facts{
        grid-template-columns:1fr;
      }

      .radar-asset-facts{
        grid-template-columns:repeat(3, minmax(0,1fr));
      }
    }

    @media (max-width: 760px){
      body[data-page="radar"] .watchlist-addbar{
        grid-template-columns:minmax(0,1fr) 44px;
        grid-template-areas:
          "input input"
          "select add";
      }

      .radar-asset-facts{
        grid-template-columns:repeat(2, minmax(0,1fr));
      }

      .radar-verdict-head{
        flex-direction:column;
        align-items:flex-start;
      }

      .radar-verdict-side{
        justify-items:start;
        text-align:left;
      }

      .radar-ai-meta{
        text-align:left;
      }

      body[data-page="radar"] .watchlist-toolbar{
        padding:8px;
      }

      body[data-page="radar"] .sort-group{
        display:grid;
        grid-template-columns:repeat(2, minmax(0,1fr));
        gap:6px;
      }

      body[data-page="radar"] .sort-btn{
        width:100%;
      }

      .fib-visual-meta,
      .elliott-visual-confidence{
        justify-items:start;
        text-align:left;
      }

      .fib-focus-row,
      .elliott-focus-row{
        grid-template-columns:1fr;
      }

      .elliott-visual-footer{
        grid-template-columns:1fr;
      }
    }

    @media (max-width: 560px){
      body[data-page="radar"] .market-score-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
      }
    }

    body[data-page="investment"] .header-bitcoin,
    body[data-page="trading"] .header-bitcoin{
      display:none;
    }

    body[data-page="investment"] .brand-row,
    body[data-page="trading"] .brand-row{
      gap:12px;
    }

    body[data-page="radar"] .market-overview-body{
      display:grid;
      gap:14px;
    }

    body[data-page="radar"] .market-timeframe-toolbar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin:14px 0 10px;
      padding:0;
      border:none;
      border-radius:0;
      background:transparent;
    }

    body[data-page="radar"] .market-timeframe-toolbar-copy{
      display:flex;
      align-items:center;
    }

    body[data-page="radar"] .market-timeframe-segments{
      display:inline-flex;
      align-items:center;
      gap:4px;
      padding:4px;
      border:1px solid rgba(148,163,184,.12);
      border-radius:12px;
      background:rgba(255,255,255,.022);
    }

    body[data-page="radar"] .market-timeframe-segment{
      min-height:34px;
      padding:0 12px;
      border:none;
      border-radius:10px;
      background:transparent;
      color:#92a6c2;
      font-size:12px;
      font-weight:600;
      letter-spacing:0;
      cursor:pointer;
      transition:background .16s ease, color .16s ease, transform .16s ease;
    }

    body[data-page="radar"] .market-timeframe-segment:hover{
      color:#dfe8f6;
      background:rgba(255,255,255,.03);
    }

    body[data-page="radar"] .market-timeframe-segment.is-active{
      color:#f4f7fd;
      background:rgba(59,130,246,.14);
      box-shadow:none;
    }

    body[data-page="radar"] .market-grid.market-grid-single{
      grid-template-columns:minmax(0, 1fr);
    }

    body[data-page="radar"] .coin-action-btn{
      gap:0;
      font-weight:600;
    }

    body[data-page="radar"] .coin-action-btn::before{
      display:none;
    }

    body[data-page="radar"] .coin-action-btn.is-activate{
      color:#78d89f;
    }

    body[data-page="radar"] .coin-action-btn.is-watchlist-action{
      color:#b8c8de;
    }

    body[data-page="trading"] .trading-shell{
      display:grid;
      gap:14px;
    }

    body[data-page="trading"] .trade-work-card,
    body[data-page="trading"] .trade-kpi,
    body[data-page="trading"] .trade-setup-box,
    body[data-page="trading"] .trade-ticket,
    body[data-page="trading"] .trade-book,
    body[data-page="trading"] .trade-field,
    body[data-page="trading"] .trade-tp-row,
    body[data-page="trading"] .rr-visual-shell,
    body[data-page="trading"] .rr-visual-box,
    body[data-page="trading"] .hedge-risk-card,
    body[data-page="trading"] .hedge-subcard,
    body[data-page="trading"] .hedge-trade-card,
    body[data-page="trading"] .trade-empty-state{
      border-color:rgba(148,163,184,.12);
      background:rgba(255,255,255,.024);
      box-shadow:none;
    }

    body[data-page="trading"] .trade-work-card,
    body[data-page="trading"] .hedge-subcard,
    body[data-page="trading"] .hedge-risk-card,
    body[data-page="trading"] .hedge-trade-card{
      border-radius:12px;
    }

    body[data-page="trading"] .trade-field input,
    body[data-page="trading"] .trade-field select,
    body[data-page="trading"] .trade-tp-row input,
    body[data-page="trading"] .hedge-form-grid input,
    body[data-page="trading"] .hedge-form-grid select{
      border-color:rgba(148,163,184,.14);
      background:rgba(255,255,255,.026);
      box-shadow:none;
    }

    body[data-page="trading"] select{
      color-scheme:dark;
    }

    body[data-page="trading"] .trade-field select option,
    body[data-page="trading"] .trade-field select optgroup,
    body[data-page="trading"] .hedge-form-grid select option,
    body[data-page="trading"] .hedge-form-grid select optgroup{
      background:#0f172a;
      color:#e2e8f0;
    }

    body[data-page="trading"] .trade-section-intro{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
    }

    .investment-watchlist-list.is-dragging,
    body[data-page="trading"] .trading-asset-list.is-dragging{
      cursor:grabbing;
      user-select:none;
      scroll-snap-type:none;
    }

    .investment-watchlist-list.is-dragging .investment-watch-item,
    body[data-page="trading"] .trading-asset-list.is-dragging .trading-asset-pill{
      cursor:grabbing;
    }

    @media (max-width: 760px){
      body[data-page="radar"] .market-timeframe-toolbar{
        justify-content:stretch;
        align-items:stretch;
        flex-direction:column;
      }

      body[data-page="radar"] .market-timeframe-segments{
        width:100%;
        display:grid;
        grid-template-columns:repeat(3, minmax(0,1fr));
      }

      body[data-page="trading"] .trade-section-intro{
        display:grid;
      }
    }

    .icon-command{
      gap:8px;
    }

    .icon-command span[aria-hidden="true"]{
      width:auto;
      height:auto;
      flex:0 0 auto;
      padding:0;
      border:none;
      border-radius:0;
      clip-path:none;
      background:transparent;
      box-shadow:none;
    }

    .icon-command:hover span[aria-hidden="true"]{
      transform:none;
      filter:none;
    }

    .tab-btn::before,
    .sort-btn::before,
    .mini-btn::before,
    .tg-btn::before,
    .coin-action-btn::before{
      content:none;
      display:none;
    }

    @media (max-width: 900px){
      body[data-page="radar"] .tabs{
        justify-content:flex-start;
        flex-wrap:nowrap;
        overflow-x:auto;
        padding:6px;
        padding-bottom:6px;
        scrollbar-width:none;
        -ms-overflow-style:none;
        gap:8px;
        border:1px solid rgba(148,163,184,.14);
        border-radius:14px;
        background:rgba(255,255,255,.028);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
      }

      body[data-page="radar"] .tabs::-webkit-scrollbar{
        display:none;
      }

      body[data-page="radar"] .tab-btn{
        flex:0 0 auto;
        white-space:nowrap;
        min-height:38px;
        padding:7px 11px;
        font-size:12px;
        border-radius:10px;
        border-color:transparent;
        background:rgba(255,255,255,.025);
        box-shadow:none;
      }

      body[data-page="radar"] .tab-btn:hover{
        border-color:rgba(148,163,184,.16);
        background:rgba(255,255,255,.045);
        box-shadow:none;
      }

      body[data-page="radar"] .tab-btn.active{
        border-color:rgba(125,176,255,.26);
        background:rgba(96,165,250,.14);
        box-shadow:inset 0 0 0 1px rgba(125,176,255,.08);
      }

      body[data-page="radar"].radar-sidebar-inline .layout{
        display:grid;
        gap:12px;
      }

      body[data-page="radar"].radar-sidebar-inline .sidebar{
        position:relative;
        top:auto;
        right:auto;
        bottom:auto;
        width:100%;
        padding:10px;
        z-index:auto;
        overflow:visible;
        transform:none;
        opacity:1;
        pointer-events:auto;
        border-radius:14px;
      }

      body[data-page="radar"].radar-sidebar-inline .sidebar.is-collapsed{
        transform:none;
        opacity:1;
        pointer-events:auto;
        padding-bottom:8px;
      }

      body[data-page="radar"].radar-sidebar-inline .sidebar .panel-head{
        display:grid;
        grid-template-columns:1fr auto;
        align-items:start;
        gap:10px;
      }

      body[data-page="radar"].radar-sidebar-inline .sidebar-toggle{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-height:34px;
        min-width:116px;
        padding:7px 10px;
        border:1px solid rgba(148,163,184,.16);
        border-radius:10px;
        background:rgba(255,255,255,.04);
        color:#dbe7f6;
        font-size:11px;
        font-weight:680;
        white-space:nowrap;
      }

      body[data-page="radar"].radar-sidebar-inline .sidebar .panel-meta{
        grid-column:2;
        grid-row:1;
        width:auto;
        margin-left:0;
        justify-content:flex-end;
      }

      body[data-page="radar"].radar-sidebar-inline .watchlist{
        max-height:none;
        overflow:visible;
        padding-right:0;
      }

      body[data-page="radar"].radar-sidebar-inline .sidebar.is-collapsed .watchlist-addbar,
      body[data-page="radar"].radar-sidebar-inline .sidebar.is-collapsed .asset-section-tabs,
      body[data-page="radar"].radar-sidebar-inline .sidebar.is-collapsed .asset-section-title,
      body[data-page="radar"].radar-sidebar-inline .sidebar.is-collapsed .watchlist-toolbar,
      body[data-page="radar"].radar-sidebar-inline .sidebar.is-collapsed .watchlist,
      body[data-page="radar"].radar-sidebar-inline .sidebar.is-collapsed .empty{
        display:none;
      }

      body[data-page="radar"].radar-sidebar-inline .sidebar-toggle{
        min-height:36px;
      }
    }

    @media (max-width: 620px){
      body[data-page="trading"] .rr-visual-head{
        align-items:flex-start;
        flex-direction:column;
      }

      body[data-page="trading"] .rr-visual-box{
        min-height:220px;
        padding:16px 12px;
      }

      body[data-page="trading"] .rr-line{
        grid-template-columns:minmax(0,1fr) auto;
        gap:10px;
      }

      body[data-page="trading"] .rr-line-label,
      body[data-page="trading"] .rr-line-price{
        font-size:11px;
        line-height:1.2;
      }

      body[data-page="trading"] .rr-line-label{
        min-width:0;
        white-space:normal;
      }

      body[data-page="trading"] .rr-line-price{
        justify-self:end;
        text-align:right;
      }
    }

    body[data-page="investment"] .trading-asset-strip,
    body[data-page="trading"] .trading-asset-strip{
      display:grid;
      gap:10px;
      padding:10px;
      border:1px solid rgba(148,163,184,.12);
      border-radius:12px;
      background:rgba(255,255,255,.02);
    }

    body[data-page="investment"] .trading-asset-strip-head,
    body[data-page="trading"] .trading-asset-strip-head{
      display:flex;
      align-items:baseline;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
    }

    body[data-page="investment"] .trading-asset-strip-head .small,
    body[data-page="trading"] .trading-asset-strip-head .small{
      max-width:190px;
      color:var(--text-muted);
      font-size:11px;
      line-height:1.35;
      text-align:right;
    }

    body[data-page="investment"] .trading-asset-strip-head strong,
    body[data-page="trading"] .trading-asset-strip-head strong{
      color:#e7edf7;
      font-size:13px;
      font-weight:600;
    }

    body[data-page="investment"] .trading-asset-list,
    body[data-page="trading"] .trading-asset-list{
      display:flex;
      gap:8px;
      overflow-x:auto;
      padding-bottom:0;
      scrollbar-width:none;
      -ms-overflow-style:none;
      overscroll-behavior-x:contain;
      scroll-snap-type:x proximity;
      -webkit-overflow-scrolling:touch;
      -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
      mask-image:linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
    }

    body[data-page="investment"] .trading-asset-list::-webkit-scrollbar,
    body[data-page="trading"] .trading-asset-list::-webkit-scrollbar{
      display:none;
    }

    body[data-page="investment"] .trading-asset-pill,
    body[data-page="trading"] .trading-asset-pill{
      min-width:118px;
      display:flex;
      align-items:center;
      gap:8px;
      padding:7px 9px;
      border:1px solid rgba(148,163,184,.12);
      border-radius:10px;
      background:rgba(255,255,255,.022);
      color:#d6e0ef;
      text-align:left;
      cursor:pointer;
      scroll-snap-align:start;
      transition:border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
    }

    body[data-page="investment"] .trading-asset-pill-main,
    body[data-page="trading"] .trading-asset-pill-main{
      display:flex;
      align-items:center;
      gap:8px;
      min-width:0;
      width:100%;
    }

    body[data-page="investment"] .trading-asset-icon,
    body[data-page="trading"] .trading-asset-icon{
      position:relative;
      display:grid;
      place-items:center;
      flex:0 0 24px;
      width:24px;
      height:24px;
      border:1px solid rgba(125,176,255,.20);
      border-radius:999px;
      background:rgba(8,15,29,.88);
      color:#f3f7ff;
      font-size:9px;
      font-weight:800;
      overflow:hidden;
    }

    body[data-page="investment"] .trading-asset-icon img,
    body[data-page="trading"] .trading-asset-icon img{
      position:absolute;
      inset:4px;
      width:calc(100% - 8px);
      height:calc(100% - 8px);
      object-fit:contain;
    }

    body[data-page="investment"] .trading-asset-icon img + span,
    body[data-page="trading"] .trading-asset-icon img + span{
      opacity:0;
    }

    body[data-page="investment"] .trading-asset-copy,
    body[data-page="trading"] .trading-asset-copy{
      min-width:0;
      display:grid;
      gap:2px;
      flex:1 1 auto;
    }

    body[data-page="investment"] .trading-asset-pill:hover,
    body[data-page="trading"] .trading-asset-pill:hover{
      transform:translateY(-1px);
      border-color:rgba(96,165,250,.24);
      background:rgba(255,255,255,.035);
    }

    body[data-page="investment"] .trading-asset-pill strong,
    body[data-page="trading"] .trading-asset-pill strong{
      color:#f3f7ff;
      font-size:11px;
      font-weight:600;
      line-height:1.1;
    }

    body[data-page="investment"] .trading-asset-copy span,
    body[data-page="trading"] .trading-asset-copy span{
      color:#90a2bb;
      font-size:9px;
      line-height:1.2;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      display:block;
    }

    body[data-page="investment"] .trading-asset-pill.is-active,
    body[data-page="investment"] .investment-watch-item.selected,
    body[data-page="trading"] .trading-asset-pill.is-active{
      border-color:rgba(96,165,250,.28);
      background:rgba(59,130,246,.09);
    }

    body[data-page="investment"] .trading-asset-pill.is-active strong,
    body[data-page="trading"] .trading-asset-pill.is-active strong{
      color:#f8fbff;
    }

    body[data-page="investment"] .trading-asset-pill.priority-bullish,
    body[data-page="trading"] .trading-asset-pill.priority-bullish{
      border-color:rgba(34,197,94,.22);
      background:rgba(34,197,94,.06);
    }

    body[data-page="investment"] .trading-asset-pill.priority-bearish,
    body[data-page="trading"] .trading-asset-pill.priority-bearish{
      border-color:rgba(239,68,68,.22);
      background:rgba(239,68,68,.05);
    }

    body[data-page="investment"] .investment-watch-item.strong,
    body[data-page="investment"] .investment-watch-item.watch,
    body[data-page="investment"] .investment-watch-item.risk{
      border-left:none;
    }

    @media (min-width: 780px){
      body[data-page="investment"] .trading-asset-list,
      body[data-page="trading"] .trading-asset-list{
        padding-bottom:6px;
        scrollbar-width:thin;
        scrollbar-color:rgba(96,165,250,.56) rgba(15,23,42,.52);
        -webkit-mask-image:none;
        mask-image:none;
        cursor:grab;
      }

      body[data-page="investment"] .trading-asset-list::-webkit-scrollbar,
      body[data-page="trading"] .trading-asset-list::-webkit-scrollbar{
        display:block;
        height:8px;
      }

      body[data-page="investment"] .trading-asset-list::-webkit-scrollbar-track,
      body[data-page="trading"] .trading-asset-list::-webkit-scrollbar-track{
        border-radius:999px;
        background:rgba(15,23,42,.52);
      }

      body[data-page="investment"] .trading-asset-list::-webkit-scrollbar-thumb,
      body[data-page="trading"] .trading-asset-list::-webkit-scrollbar-thumb{
        border:2px solid rgba(15,23,42,.52);
        border-radius:999px;
        background:linear-gradient(90deg, rgba(96,165,250,.58), rgba(45,212,191,.46));
      }
    }

    @media (max-width: 760px){
      body[data-page="investment"] .trading-asset-pill,
      body[data-page="trading"] .trading-asset-pill{
        min-width:116px;
        min-height:auto;
        padding:7px 9px;
      }

      body[data-page="investment"] .trading-asset-copy span,
      body[data-page="trading"] .trading-asset-copy span{
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        -webkit-line-clamp:unset;
        -webkit-box-orient:initial;
      }
    }

    body[data-page="investment"] .investment-tabs{
      padding:0;
      border:none;
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }

    body[data-page="investment"] .investment-tabs button{
      min-height:48px;
      border:1px solid var(--border-subtle);
      border-radius:12px;
      background:var(--surface-3);
      color:#dbe5f3;
      font-weight:700;
      box-shadow:none;
    }

    body[data-page="investment"] .investment-tabs button:hover,
    body[data-page="investment"] .investment-tabs button.active{
      transform:none;
      border-color:rgba(96,165,250,.24);
      background:rgba(61,116,244,.12);
      color:var(--text-strong);
    }

    body[data-page="investment"] .investment-signal-banner,
    body[data-page="investment"] .investment-overview > div,
    body[data-page="investment"] .investment-detail,
    body[data-page="investment"] .investment-card,
    body[data-page="investment"] .investment-detail-grid > div,
    body[data-page="investment"] .investment-zone-grid > div,
    body[data-page="investment"] .investment-zone-row{
      border-color:var(--border-subtle);
      border-radius:12px;
      background:var(--surface-3);
      box-shadow:none;
    }

    body[data-page="investment"] .investment-signal-banner.is-positive{
      border-color:rgba(34,197,94,.18);
      background:linear-gradient(180deg, var(--surface-3), var(--tint-good));
    }

    body[data-page="investment"] .investment-signal-banner.is-neutral{
      border-color:var(--border-subtle);
      background:var(--surface-3);
    }

    body[data-page="investment"] .investment-signal-copy strong{
      font-size:20px;
      font-weight:700;
    }

    body[data-page="investment"] .investment-signal-copy p{
      color:#b4c0d3;
    }

    body[data-page="investment"] .investment-overview > div{
      min-height:104px;
      padding:14px;
    }

    body[data-page="investment"] .investment-overview strong{
      font-size:30px;
    }

    body[data-page="investment"] .investment-detail{
      padding:16px;
    }

    body[data-page="investment"] .investment-card{
      min-height:0;
      border-color:var(--border-subtle);
    }

    body[data-page="investment"] .investment-card:hover,
    body[data-page="investment"] .investment-card.selected{
      transform:none;
      border-color:rgba(96,165,250,.24);
      box-shadow:none;
      background:rgba(255,255,255,.032);
    }

    body[data-page="investment"] .investment-card.strong,
    body[data-page="investment"] .investment-card.watch,
    body[data-page="investment"] .investment-card.risk{
      border-color:var(--border-subtle);
    }

    body[data-page="investment"] .investment-logo{
      border-color:rgba(125,176,255,.20);
      border-radius:12px;
      background:rgba(8,15,29,.88);
      color:#f3f7ff;
    }

    body[data-page="radar"] .watchlist-addbar{
      padding:8px;
      border:1px solid rgba(96,165,250,.16);
      border-radius:12px;
      background:rgba(255,255,255,.028);
    }

    body[data-page="radar"] .watchlist-addbar .input,
    body[data-page="radar"] .watchlist-addbar .select-input{
      min-height:34px;
      padding:7px 10px;
      font-size:12px;
    }

    body[data-page="radar"] .watchlist-toolbar{
      display:grid;
      grid-template-columns:minmax(0,1fr);
      gap:10px;
      align-items:start;
    }

    body[data-page="radar"] .watchlist-toolbar-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
    }

    body[data-page="radar"] .watchlist-toolbar-title{
      color:#f3f7ff;
      font-size:13px;
      font-weight:700;
      line-height:1.2;
    }

    body[data-page="radar"] .watchlist-toolbar .sort-group{
      gap:6px;
    }

    body[data-page="radar"] .coin-card{
      padding:9px 10px;
      gap:0;
    }

    body[data-page="radar"] .coin-top{
      margin-bottom:7px;
      gap:8px;
    }

    body[data-page="radar"] .coin-headline{
      gap:5px;
    }

    body[data-page="radar"] .coin-headline strong{
      font-size:13px;
    }

    body[data-page="radar"] .coin-title-wrap > span{
      font-size:10px;
      color:#90a4bf;
    }

    body[data-page="radar"] .coin-right strong{
      font-size:14px;
    }

    body[data-page="radar"] .watch-verdict-row{
      margin-bottom:6px;
    }

    body[data-page="radar"] .watch-verdict-badge{
      font-size:10px;
    }

    body[data-page="radar"] .watch-verdict-score{
      font-size:10px;
      font-weight:600;
    }

    body[data-page="radar"] .watch-score-dots{
      display:grid;
      grid-template-columns:repeat(25, minmax(0, 1fr));
      gap:4px;
      margin-bottom:7px;
    }

    body[data-page="radar"] .watch-score-dot{
      width:100%;
      aspect-ratio:1;
      min-height:4px;
      border-radius:999px;
      background:rgba(148,163,184,.14);
      border:1px solid rgba(148,163,184,.08);
    }

    body[data-page="radar"] .watch-score-dots.verdict-buy .watch-score-dot.is-active{
      background:rgba(34,197,94,.88);
      border-color:rgba(34,197,94,.18);
    }

    body[data-page="radar"] .watch-score-dots.verdict-watch .watch-score-dot.is-active{
      background:rgba(245,158,11,.86);
      border-color:rgba(245,158,11,.18);
    }

    body[data-page="radar"] .watch-score-dots.verdict-avoid .watch-score-dot.is-active{
      background:rgba(239,68,68,.84);
      border-color:rgba(239,68,68,.18);
    }

    body[data-page="radar"] .watch-mini-row{
      gap:6px 8px;
      font-size:9px;
    }

    body[data-page="radar"] .card-actions{
      margin-top:7px;
      padding-top:7px;
    }

    body[data-page="trading"] .trade-stat-sub{
      display:block;
      width:100%;
      margin-top:2px;
      font-size:10px;
      line-height:1.32;
    }

    body[data-page="trading"] .trading-statusbar .trading-stat-positions .trade-stat-sub{
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    @media (max-width: 820px){
      body[data-page="trading"] .trading-statusbar .trade-stat-sub{
        font-size:9px;
        line-height:1.22;
      }

      body[data-page="trading"] .trading-statusbar .trading-stat-positions .trading-stat-label{
        font-size:7.5px;
      }

      body[data-page="trading"] .trading-statusbar .trading-stat-positions .trade-stat-sub{
        font-size:8px;
      }
    }

    @media (max-width: 560px){
      body[data-page="trading"] .trading-statusbar .trade-stat-sub{
        font-size:8px;
        line-height:1.18;
      }

      body[data-page="trading"] .trading-statusbar .trading-stat-positions .trading-stat-label{
        font-size:7px;
      }

      body[data-page="trading"] .trading-statusbar .trading-stat-positions .trade-stat-sub{
        font-size:7.5px;
      }
    }

    body[data-page="trading"] .trade-range-stack{
      gap:8px;
    }

    body[data-page="trading"] .trade-range-stack input[type="range"]{
      -webkit-appearance:none;
      appearance:none;
      background:transparent;
      accent-color:#60a5fa;
      cursor:ew-resize;
      touch-action:pan-y;
    }

    body[data-page="trading"] .trade-range-stack input[type="range"]::-webkit-slider-runnable-track{
      height:4px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(96,165,250,.58), rgba(34,197,94,.42));
    }

    body[data-page="trading"] .trade-range-stack input[type="range"]::-webkit-slider-thumb{
      -webkit-appearance:none;
      appearance:none;
      margin-top:-6px;
      width:16px;
      height:16px;
      border-radius:999px;
      border:2px solid rgba(255,255,255,.78);
      background:#0f172a;
      box-shadow:0 0 0 3px rgba(96,165,250,.18);
    }

    body[data-page="trading"] .trade-range-stack input[type="range"]::-moz-range-track{
      height:4px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(96,165,250,.58), rgba(34,197,94,.42));
    }

    body[data-page="trading"] .trade-range-stack input[type="range"]::-moz-range-thumb{
      width:16px;
      height:16px;
      border-radius:999px;
      border:2px solid rgba(255,255,255,.78);
      background:#0f172a;
      box-shadow:0 0 0 3px rgba(96,165,250,.18);
    }

body[data-page="investment"] .investment-signal-meta{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

    body[data-page="investment"] .investment-signal-pill{
      display:grid;
      gap:6px;
      padding:12px 14px;
      border:1px solid var(--border-subtle);
      border-radius:12px;
      background:rgba(255,255,255,.03);
      align-content:center;
      justify-items:center;
      text-align:center;
    }

    body[data-page="investment"] .investment-signal-pill span{
      color:#9bb0c9;
      font-size:11px;
      font-weight:700;
      letter-spacing:.03em;
      text-transform:uppercase;
      text-align:center;
    }

    body[data-page="investment"] .investment-signal-pill strong{
      color:#f8fbff;
      font-size:22px;
      line-height:1;
      font-weight:780;
      display:block;
      width:100%;
      text-align:center;
    }

    body[data-page="investment"] .investment-signal-pill.is-positive{
      border-color:rgba(34,197,94,.24);
      background:linear-gradient(180deg, rgba(34,197,94,.12), rgba(255,255,255,.03));
    }

    body[data-page="investment"] .investment-signal-pill.is-muted{
      border-color:rgba(148,163,184,.16);
      background:rgba(255,255,255,.03);
    }

body[data-page="investment"] .investment-filter-row{
  display:flex;
  align-items:center;
  gap:8px;
      flex-wrap:wrap;
      margin-top:2px;
      margin-bottom:2px;
    }

body[data-page="investment"] .investment-signal-banner{
  grid-template-columns:1fr;
  align-items:flex-start;
}

body[data-page="investment"] .investment-signal-copy{
  align-self:center;
  max-width:860px;
}

    @media (max-width: 760px){
      body[data-page="investment"] .investment-signal-banner{
        grid-template-columns:1fr;
      }
    }

    body[data-page="investment"] .investment-filter-row button{
      min-height:34px;
      padding:0 12px;
      border:1px solid var(--border-subtle);
      border-radius:999px;
      background:var(--surface-3);
      color:#dbe5f3;
      font-size:12px;
      font-weight:700;
      cursor:pointer;
    }

    body[data-page="investment"] .investment-filter-row button.active{
      border-color:rgba(34,197,94,.22);
      background:rgba(34,197,94,.12);
      color:#dcfce7;
    }

body[data-page="investment"] .investment-filter-note{
  color:#94a8c4;
  font-size:11px;
  line-height:1.3;
}

body[data-page="investment"] .investment-mode-switch{
  display:grid;
  gap:8px;
}

body[data-page="investment"] .investment-mode-toggle{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

body[data-page="investment"] .investment-mode-toggle button{
  min-height:46px;
}

body[data-page="investment"] .investment-detail-empty{
  display:grid;
  place-items:center;
  min-height:220px;
  border-style:dashed;
}

body[data-page="investment"] .investment-detail-empty-copy{
  max-width:560px;
  display:grid;
  gap:10px;
  text-align:center;
}

body[data-page="investment"] .investment-detail-empty-copy strong{
  color:#f8fbff;
  font-size:22px;
  font-weight:780;
  line-height:1.2;
}

body[data-page="investment"] .investment-detail-empty-copy p{
  margin:0;
  color:#9bb0c9;
  line-height:1.6;
}

body[data-page="investment"] .investment-watchlist small{
  color:#8ea4c2;
  font-size:12px;
  line-height:1.5;
}

body[data-page="investment"] .investment-filter-row{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, max-content)) minmax(0, 1fr);
  align-items:center;
  gap:8px;
}

body[data-page="investment"] .investment-filter-row button{
  min-height:38px;
  padding:0 14px;
  border-radius:10px;
}

body[data-page="investment"] .investment-filter-note{
  justify-self:end;
  text-align:right;
}

@media (max-width: 760px){
  body[data-page="monitoring"] .health-action-group{
    width:100%;
    justify-content:flex-start;
  }

  body[data-page="investment"] .investment-filter-row{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  body[data-page="investment"] .investment-filter-note{
    grid-column:1 / -1;
    justify-self:start;
    text-align:left;
  }
}

    body[data-page="investment"] .investment-card.strong{
      border-color:rgba(34,197,94,.22);
      background:linear-gradient(180deg, rgba(34,197,94,.08), rgba(255,255,255,.02));
    }

    body[data-page="investment"] .investment-card.watch{
      border-color:rgba(245,158,11,.20);
      background:linear-gradient(180deg, rgba(245,158,11,.06), rgba(255,255,255,.02));
    }

    body[data-page="investment"] .investment-pill{
      font-weight:700;
    }

    @media (max-width: 760px){
      body[data-page="investment"] .investment-signal-meta{
        grid-template-columns:1fr;
      }

      body[data-page="investment"] .investment-filter-row{
        align-items:stretch;
      }

      body[data-page="investment"] .investment-filter-row button{
        flex:1 1 0;
        justify-content:center;
      }

      body[data-page="investment"] .investment-filter-note{
        width:100%;
      }
    }

body[data-page="analysis"] .analysis-page{
  display:grid;
  gap:18px;
}

body[data-page="analysis"] .analysis-stack{
  display:grid;
  gap:16px;
}

body[data-page="analysis"] .analysis-hero{
  display:grid;
  grid-template-columns:minmax(0, 1.3fr) minmax(300px, .9fr);
  gap:16px;
  padding:18px;
  border:1px solid color-mix(in srgb, var(--page-accent) 28%, rgba(255,255,255,.1));
  background:
    radial-gradient(circle at 100% 0%, rgba(132,204,22,.14), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(16,185,129,.10), transparent 30%),
    linear-gradient(180deg, rgba(15,23,42,.96), rgba(11,18,32,.98));
}

body[data-page="analysis"] .analysis-hero-copy{
  display:grid;
  gap:12px;
  align-content:start;
}

body[data-page="analysis"] .analysis-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:color-mix(in srgb, var(--page-accent) 72%, #dbeafe 28%);
  font-size:11px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}

body[data-page="analysis"] .analysis-hero h2{
  margin:0;
  font-size:clamp(28px, 4vw, 38px);
  line-height:1.05;
}

body[data-page="analysis"] .analysis-hero p{
  margin:0;
  color:#b7c7dd;
  line-height:1.62;
  max-width:760px;
}

body[data-page="analysis"] .analysis-rule-block{
  display:grid;
  gap:12px;
  align-content:start;
}

body[data-page="analysis"] .analysis-rule-chip{
  display:grid;
  gap:4px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}

body[data-page="analysis"] .analysis-rule-chip span{
  color:#93a7c7;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body[data-page="analysis"] .analysis-rule-chip strong{
  color:#f8fbff;
  font-size:18px;
  line-height:1.15;
}

body[data-page="analysis"] .analysis-rule-list{
  display:grid;
  gap:8px;
  padding:14px;
  border:1px solid rgba(132,204,22,.16);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(132,204,22,.08), rgba(255,255,255,.02));
  color:#dce8c0;
  font-size:13px;
}

body[data-page="analysis"] .analysis-rule-list strong{
  color:#f8fbff;
  font-size:14px;
}

body[data-page="analysis"] .analysis-summary-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}

body[data-page="analysis"] .analysis-stat-card{
  display:grid;
  gap:7px;
  min-width:0;
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(19,29,54,.94), rgba(11,18,32,.98));
}

body[data-page="analysis"] .analysis-stat-card span{
  color:#93a7c7;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

body[data-page="analysis"] .analysis-stat-card strong{
  color:#ffffff;
  font-size:28px;
  line-height:1.05;
}

body[data-page="analysis"] .analysis-stat-card small{
  color:#9eb0cb;
  line-height:1.45;
}

body[data-page="analysis"] .analysis-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr);
  gap:16px;
  align-items:start;
}

body[data-page="analysis"] .analysis-table-panel,
body[data-page="analysis"] .analysis-open-panel,
body[data-page="analysis"] .analysis-history-panel,
body[data-page="analysis"] .analysis-docs-panel{
  min-width:0;
}

body[data-page="analysis"] .analysis-fold{
  overflow:hidden;
  padding:0;
}

body[data-page="analysis"] .analysis-fold-summary{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  cursor:pointer;
  list-style:none;
}

body[data-page="analysis"] .analysis-fold-summary::-webkit-details-marker{
  display:none;
}

body[data-page="analysis"] .analysis-fold-summary-copy{
  display:grid;
  gap:6px;
  min-width:0;
}

body[data-page="analysis"] .analysis-fold-summary-copy h2{
  margin:0;
  font-size:21px;
}

body[data-page="analysis"] .analysis-fold-summary-copy p{
  margin:0;
  color:#9fb0c9;
  line-height:1.55;
}

body[data-page="analysis"] .analysis-fold-summary-side{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-shrink:0;
}

body[data-page="analysis"] .analysis-fold-caret{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#d9e5f5;
}

body[data-page="analysis"] .analysis-fold-caret::before{
  content:"▾";
  font-size:14px;
  line-height:1;
  transition:transform .18s ease;
}

body[data-page="analysis"] .analysis-fold[open] .analysis-fold-caret::before{
  transform:rotate(180deg);
}

body[data-page="analysis"] .analysis-fold-body{
  display:grid;
  gap:14px;
  padding:0 18px 18px;
}

body[data-page="analysis"] .analysis-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

body[data-page="analysis"] .analysis-section-head h2{
  margin:0 0 6px;
  font-size:21px;
}

body[data-page="analysis"] .analysis-section-head p{
  margin:0;
  color:#9fb0c9;
  line-height:1.55;
}

body[data-page="analysis"] .analysis-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:14px;
}

body[data-page="analysis"] .analysis-filter-group,
body[data-page="analysis"] .analysis-toolbar-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

body[data-page="analysis"] .analysis-filter-group button{
  min-height:38px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  color:#dbe5f3;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}

body[data-page="analysis"] .analysis-filter-group button.active{
  border-color:rgba(132,204,22,.28);
  background:rgba(132,204,22,.12);
  color:#ecfccb;
}

body[data-page="analysis"] .analysis-table-wrap{
  overflow:auto;
  border:1px solid rgba(255,255,255,.06);
  border-radius:16px;
}

body[data-page="analysis"] .analysis-table-desktop{
  display:block;
}

body[data-page="analysis"] .analysis-table{
  width:100%;
  min-width:860px;
  border-collapse:collapse;
  background:rgba(10,16,29,.42);
}

body[data-page="analysis"] .analysis-table th,
body[data-page="analysis"] .analysis-table td{
  padding:14px 14px;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid rgba(255,255,255,.06);
}

body[data-page="analysis"] .analysis-table th{
  position:sticky;
  top:0;
  z-index:1;
  background:rgba(14,22,39,.96);
  color:#8ea3c3;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

body[data-page="analysis"] .analysis-asset-cell,
body[data-page="analysis"] .analysis-score-box,
body[data-page="analysis"] .analysis-setup-cell,
body[data-page="analysis"] .analysis-action-cell{
  display:grid;
  gap:6px;
  min-width:0;
}

body[data-page="analysis"] .analysis-asset-head{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

body[data-page="analysis"] .analysis-asset-logo{
  position:relative;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background:rgba(96,165,250,.14);
  border:1px solid rgba(96,165,250,.26);
  color:#dce8ff;
  font-size:10px;
  font-weight:900;
  flex:0 0 auto;
}

body[data-page="analysis"] .analysis-asset-logo img{
  position:absolute;
  inset:4px;
  width:calc(100% - 8px);
  height:calc(100% - 8px);
  object-fit:contain;
}

body[data-page="analysis"] .analysis-asset-logo img + span{
  opacity:0;
}

body[data-page="analysis"] .analysis-score-stack{
  display:grid;
  gap:5px;
  color:#dce7f5;
  font-size:13px;
}

body[data-page="analysis"] .analysis-score-field{
  display:grid;
  gap:5px;
}

body[data-page="analysis"] .analysis-score-field span{
  color:#93a7c7;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body[data-page="analysis"] .analysis-score-input,
body[data-page="analysis"] .analysis-result-select,
body[data-page="analysis"] .analysis-result-price{
  min-height:40px;
}

body[data-page="analysis"] .analysis-mini-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:0 9px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:#dce7f5;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body[data-page="analysis"] .analysis-mini-badge.is-focus{
  border-color:rgba(132,204,22,.28);
  background:rgba(132,204,22,.12);
  color:#ecfccb;
}

body[data-page="analysis"] .analysis-mini-badge.is-watch{
  border-color:rgba(148,163,184,.18);
  color:#d7dfec;
}

body[data-page="analysis"] .analysis-mini-badge.is-hidden{
  border-color:rgba(251,146,60,.28);
  background:rgba(251,146,60,.12);
  color:#ffedd5;
}

body[data-page="analysis"] .analysis-mini-badge.is-long{
  border-color:rgba(34,197,94,.24);
  background:rgba(34,197,94,.12);
  color:#dcfce7;
}

body[data-page="analysis"] .analysis-mini-badge.is-short{
  border-color:rgba(248,113,113,.24);
  background:rgba(248,113,113,.12);
  color:#fee2e2;
}

body[data-page="analysis"] .analysis-mini-badge.is-win{
  border-color:rgba(34,197,94,.24);
  background:rgba(34,197,94,.12);
  color:#dcfce7;
}

body[data-page="analysis"] .analysis-mini-badge.is-loss{
  border-color:rgba(248,113,113,.24);
  background:rgba(248,113,113,.12);
  color:#fee2e2;
}

body[data-page="analysis"] .analysis-mini-badge.is-auto{
  border-color:rgba(56,189,248,.24);
  background:rgba(56,189,248,.12);
  color:#d9f5ff;
}

body[data-page="analysis"] .analysis-mini-badge.is-manual{
  border-color:rgba(250,204,21,.24);
  background:rgba(250,204,21,.12);
  color:#fef3c7;
}

body[data-page="analysis"] .analysis-card-grid{
  display:grid;
  gap:12px;
}

body[data-page="analysis"] .analysis-mobile-list{
  display:none;
  gap:12px;
}

body[data-page="analysis"] .analysis-mobile-card{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(19,29,54,.94), rgba(11,18,32,.98));
}

body[data-page="analysis"] .analysis-mobile-card-head{
  display:grid;
  gap:8px;
}

body[data-page="analysis"] .analysis-mobile-card-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
}

body[data-page="analysis"] .analysis-mobile-card-grid span{
  display:grid;
  gap:4px;
  min-width:0;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;
  background:rgba(255,255,255,.03);
}

body[data-page="analysis"] .analysis-mobile-card-grid small{
  color:#95a8c6;
  line-height:1.4;
}

body[data-page="analysis"] .analysis-mobile-card-grid strong{
  color:#ffffff;
  font-size:13px;
  line-height:1.5;
}

body[data-page="analysis"] .analysis-doc-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

body[data-page="analysis"] .analysis-doc-card{
  display:grid;
  gap:10px;
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(19,29,54,.94), rgba(11,18,32,.98));
}

body[data-page="analysis"] .analysis-doc-card h3{
  margin:0;
  color:#ffffff;
  font-size:20px;
}

body[data-page="analysis"] .analysis-doc-card p{
  margin:0;
  color:#c6d6ea;
  line-height:1.65;
}

body[data-page="analysis"] .analysis-doc-list{
  display:grid;
  gap:8px;
  margin:0;
  padding-left:18px;
  color:#dbe7f6;
}

body[data-page="analysis"] .analysis-doc-list li{
  line-height:1.55;
}

body[data-page="analysis"] .analysis-doc-note{
  margin-top:14px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.03);
  color:#c6d6ea;
  line-height:1.6;
}

body[data-page="analysis"] .analysis-trade-card{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(19,29,54,.94), rgba(11,18,32,.98));
}

body[data-page="analysis"] .analysis-trade-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

body[data-page="analysis"] .analysis-trade-metrics{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px;
}

body[data-page="analysis"] .analysis-trade-metrics span{
  display:grid;
  gap:4px;
  min-width:0;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;
  background:rgba(255,255,255,.03);
}

body[data-page="analysis"] .analysis-trade-metrics small,
body[data-page="analysis"] .analysis-asset-cell small,
body[data-page="analysis"] .analysis-score-box small,
body[data-page="analysis"] .analysis-setup-cell small,
body[data-page="analysis"] .analysis-action-cell small{
  color:#95a8c6;
  line-height:1.4;
}

body[data-page="analysis"] .analysis-trade-metrics strong{
  color:#ffffff;
  font-size:16px;
}

body[data-page="analysis"] .analysis-trade-meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

body[data-page="analysis"] .analysis-trade-meta span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:#b9cae4;
  font-size:12px;
}

body[data-page="analysis"] .analysis-trade-preview{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

body[data-page="analysis"] .analysis-trade-preview span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:#d9e5f5;
  font-size:12px;
}

body[data-page="analysis"] .analysis-close-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
  align-items:end;
}

body[data-page="analysis"] .analysis-close-grid label{
  display:grid;
  gap:5px;
}

body[data-page="analysis"] .analysis-close-grid label span{
  color:#93a7c7;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body[data-page="analysis"] .analysis-history-table{
  min-width:760px;
}

body[data-page="analysis"] .analysis-history-action{
  min-width:220px;
}

body[data-page="analysis"] .analysis-saving-hint{
  color:#c9d7e8;
  font-size:12px;
  text-align:right;
}

@media (max-width: 1100px){
  body[data-page="analysis"] .analysis-summary-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body[data-page="analysis"] .analysis-hero,
  body[data-page="analysis"] .analysis-doc-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 760px){
  body[data-page="analysis"] .analysis-page{
    gap:14px;
  }

  body[data-page="analysis"] .analysis-summary-grid{
    grid-template-columns:1fr;
  }

  body[data-page="analysis"] .analysis-toolbar,
  body[data-page="analysis"] .analysis-section-head,
  body[data-page="analysis"] .analysis-trade-head,
  body[data-page="analysis"] .analysis-fold-summary{
    grid-template-columns:1fr;
    display:grid;
  }

  body[data-page="analysis"] .analysis-fold-summary{
    padding:14px;
  }

  body[data-page="analysis"] .analysis-fold-summary-side{
    justify-content:space-between;
  }

  body[data-page="analysis"] .analysis-fold-body{
    padding:0 14px 14px;
  }

  body[data-page="analysis"] .analysis-trade-metrics,
  body[data-page="analysis"] .analysis-close-grid,
  body[data-page="analysis"] .analysis-mobile-card-grid{
    grid-template-columns:1fr;
  }

  body[data-page="analysis"] .analysis-filter-group,
  body[data-page="analysis"] .analysis-toolbar-actions{
    width:100%;
  }

  body[data-page="analysis"] .analysis-filter-group button,
  body[data-page="analysis"] .analysis-toolbar-actions .btn{
    flex:1 1 0;
  }

  body[data-page="analysis"] .analysis-table-desktop{
    display:none;
  }

  body[data-page="analysis"] .analysis-mobile-list{
    display:grid;
  }

  body[data-page="analysis"] .analysis-doc-grid{
    grid-template-columns:1fr;
  }

  body[data-page="analysis"] .analysis-doc-card h3{
    font-size:18px;
  }

  body[data-page="analysis"] .analysis-stat-card strong{
    font-size:24px;
  }
}

/* Dashboard cockpit */
body[data-page="dashboard"]{
  --page-accent:#38bdf8;
  --page-accent-2:#22c55e;
  --page-accent-soft:rgba(56,189,248,.16);
}

.app-nav a[data-page-link="dashboard"]{
  --nav-accent:#38bdf8;
  --nav-accent-soft:rgba(56,189,248,.18);
}

.app-nav a[data-page-link="dashboard"]::before{
  background:
    linear-gradient(90deg, rgba(56,189,248,.95), rgba(34,197,94,.8)) left 50% top 5px/22px 3px no-repeat,
    linear-gradient(90deg, rgba(56,189,248,.5), rgba(34,197,94,.45)) left 50% top 13px/18px 3px no-repeat,
    linear-gradient(90deg, rgba(56,189,248,.38), rgba(34,197,94,.32)) left 50% top 21px/14px 3px no-repeat;
  border-color:rgba(56,189,248,.34);
}

body[data-page="dashboard"] .app-nav a[data-page-link="dashboard"]{
  color:#eff6ff;
  border-color:rgba(56,189,248,.36);
  background:linear-gradient(180deg, rgba(56,189,248,.22), rgba(15,23,42,.78));
}

body[data-page="dashboard"] .app-nav a[data-page-link="dashboard"]::after{
  opacity:.9;
  transform:scaleX(1);
}

.dashboard-page{
  display:grid;
  gap:18px;
}

.dashboard-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#7dd3fc;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.dashboard-eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 18px rgba(34,197,94,.55);
}

.dashboard-hero{
  display:grid;
  grid-template-columns:minmax(0, 1.35fr) minmax(280px, .85fr);
  gap:18px;
  padding:24px;
  overflow:hidden;
  position:relative;
}

.dashboard-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(120deg, rgba(56,189,248,.14), transparent 32%),
    radial-gradient(circle at 84% 18%, rgba(34,197,94,.16), transparent 34%);
}

.dashboard-hero-copy,
.dashboard-hero-status{
  position:relative;
  z-index:1;
}

.dashboard-hero-copy h2{
  margin:10px 0 10px;
  max-width:760px;
  color:#f8fafc;
  font-size:clamp(28px, 4vw, 48px);
  line-height:1.02;
  letter-spacing:0;
}

.dashboard-hero-copy p{
  max-width:720px;
  margin:0;
  color:rgba(226,232,240,.82);
  line-height:1.65;
}

.dashboard-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

.dashboard-hero-status{
  display:grid;
  gap:10px;
  align-self:stretch;
}

.dashboard-hero-status span,
.dashboard-kpi,
.dashboard-market-grid span,
.dashboard-compact-list > span{
  border:1px solid rgba(148,163,184,.18);
  border-radius:8px;
  background:rgba(15,23,42,.56);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.dashboard-hero-status span{
  display:grid;
  gap:4px;
  padding:12px 14px;
}

.dashboard-hero-status small,
.dashboard-kpi span,
.dashboard-kpi small,
.dashboard-market-grid small,
.dashboard-compact-list small,
.dashboard-module small,
.dashboard-signal-row small,
.dashboard-task-list small{
  color:rgba(203,213,225,.72);
}

.dashboard-hero-status strong{
  color:#f8fafc;
  font-size:15px;
}

.dashboard-sentiment-chip.sentiment-fear,
.dashboard-market-sentiment.sentiment-fear{
  border-color:rgba(248,113,113,.34);
  background:
    radial-gradient(circle at 0 0, rgba(248,113,113,.16), transparent 44%),
    rgba(127,29,29,.22);
}

.dashboard-sentiment-chip.sentiment-neutral,
.dashboard-market-sentiment.sentiment-neutral{
  border-color:rgba(96,165,250,.34);
  background:
    radial-gradient(circle at 0 0, rgba(96,165,250,.16), transparent 44%),
    rgba(15,23,42,.58);
}

.dashboard-sentiment-chip.sentiment-greed,
.dashboard-market-sentiment.sentiment-greed{
  border-color:rgba(34,197,94,.34);
  background:
    radial-gradient(circle at 0 0, rgba(34,197,94,.16), transparent 44%),
    rgba(20,83,45,.22);
}

.dashboard-sentiment-chip.sentiment-unavailable,
.dashboard-market-sentiment.sentiment-unavailable{
  border-color:rgba(148,163,184,.22);
  background:rgba(15,23,42,.46);
}

.dashboard-sentiment-chip small:last-child,
.dashboard-market-sentiment small:last-child{
  font-size:11px;
  line-height:1.35;
}

.dashboard-kpi-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:12px;
}

.dashboard-kpi{
  display:grid;
  gap:7px;
  min-height:116px;
  padding:16px;
}

.dashboard-kpi span{
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.dashboard-kpi strong{
  color:#f8fafc;
  font-size:26px;
  line-height:1;
}

.dashboard-kpi small{
  line-height:1.45;
}

.dashboard-modules{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:12px;
}

.dashboard-module{
  display:grid;
  grid-template-columns:34px minmax(0, 1fr);
  gap:12px;
  align-items:center;
  min-height:94px;
  padding:14px;
  border:1px solid rgba(148,163,184,.2);
  border-radius:8px;
  background:linear-gradient(180deg, rgba(15,23,42,.84), rgba(15,23,42,.52));
  color:#f8fafc;
  text-decoration:none;
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.dashboard-module:hover{
  transform:translateY(-2px);
  border-color:rgba(125,211,252,.36);
  background:linear-gradient(180deg, rgba(30,41,59,.9), rgba(15,23,42,.62));
}

.dashboard-module.is-locked{
  opacity:.48;
  cursor:not-allowed;
}

.dashboard-module-icon{
  width:34px;
  height:34px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(56,189,248,.95), rgba(34,197,94,.75));
  box-shadow:0 14px 28px rgba(15,23,42,.28);
}

.dashboard-module-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:rgba(255,255,255,.96);
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.dashboard-module.is-teal .dashboard-module-icon{ background-color:#14b8a6; background-image:linear-gradient(135deg, #14b8a6, #22c55e); }
.dashboard-module.is-amber .dashboard-module-icon{ background-color:#f59e0b; background-image:linear-gradient(135deg, #f59e0b, #fb7185); }
.dashboard-module.is-lime .dashboard-module-icon{ background-color:#84cc16; background-image:linear-gradient(135deg, #84cc16, #22c55e); }
.dashboard-module.is-cyan .dashboard-module-icon{ background-color:#06b6d4; background-image:linear-gradient(135deg, #06b6d4, #38bdf8); }
.dashboard-module.is-gold .dashboard-module-icon{ background-color:#eab308; background-image:linear-gradient(135deg, #eab308, #f97316); }

.dashboard-module strong{
  display:block;
  margin-bottom:4px;
  font-size:16px;
}

.dashboard-module small{
  display:block;
  line-height:1.38;
}

.dashboard-content-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.45fr) minmax(320px, .8fr);
  gap:14px;
  align-items:start;
}

.dashboard-panel{
  padding:18px;
}

.dashboard-signals{
  grid-row:span 2;
}

.dashboard-buy-panel,
.dashboard-score-panel{
  min-width:0;
}

.dashboard-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.dashboard-panel-head h2{
  margin:5px 0 0;
  color:#f8fafc;
  font-size:22px;
  line-height:1.15;
}

.dashboard-status-pill{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:999px;
  color:#e0f2fe;
  background:rgba(8,47,73,.46);
  font-weight:900;
}

.dashboard-signal-list,
.dashboard-task-list,
.dashboard-compact-list,
.dashboard-buy-list{
  display:grid;
  gap:10px;
}

.dashboard-signal-row{
  display:grid;
  grid-template-columns:126px minmax(0, 1fr) auto;
  align-items:center;
  gap:14px;
  min-height:74px;
  padding:12px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:8px;
  background:rgba(15,23,42,.48);
  color:inherit;
  text-decoration:none;
}

.dashboard-symbol{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.dashboard-asset-logo{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(56,189,248,.22), rgba(34,197,94,.18));
  border:1px solid rgba(148,163,184,.22);
  overflow:hidden;
  box-shadow:0 10px 22px rgba(2,6,23,.22);
}

.dashboard-asset-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
  background:rgba(255,255,255,.94);
}

.dashboard-asset-logo img:not([hidden]) + b{
  display:none;
}

.dashboard-asset-logo b{
  color:#e0f2fe;
  font-size:11px;
  line-height:1;
}

.dashboard-symbol strong,
.dashboard-signal-main strong{
  display:block;
  color:#f8fafc;
}

.dashboard-symbol small,
.dashboard-signal-main small,
.dashboard-signal-main em{
  display:block;
  margin-top:4px;
}

.dashboard-signal-main em{
  color:rgba(125,211,252,.78);
  font-size:12px;
  font-style:normal;
  line-height:1.35;
}

.dashboard-signal-meta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:74px;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  color:#cbd5e1;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(15,23,42,.62);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

.dashboard-signal-meta.is-ready{
  color:#dcfce7;
  border-color:rgba(34,197,94,.34);
  background:rgba(22,101,52,.34);
}

.dashboard-buy-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:12px;
  min-height:74px;
  padding:12px;
  border:1px solid rgba(20,184,166,.2);
  border-radius:8px;
  background:
    linear-gradient(90deg, rgba(20,184,166,.12), transparent 36%),
    rgba(15,23,42,.5);
  color:inherit;
}

.dashboard-buy-link{
  display:grid;
  grid-template-columns:92px minmax(0, 1fr);
  align-items:center;
  gap:12px;
  min-width:0;
  color:inherit;
  text-decoration:none;
}

.dashboard-asset-mark{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}

.dashboard-asset-mark strong,
.dashboard-buy-main strong{
  color:#f8fafc;
}

.dashboard-buy-main{
  display:grid;
  gap:4px;
  min-width:0;
}

.dashboard-buy-main small{
  color:rgba(203,213,225,.74);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.dashboard-buy-distance{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:112px;
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(20,184,166,.32);
  border-radius:999px;
  color:#ccfbf1;
  background:rgba(15,118,110,.26);
  font-size:12px;
  font-weight:900;
}

.dashboard-distance-wrap{
  position:relative;
  justify-self:end;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
}

.dashboard-info-button{
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(125,211,252,.34);
  border-radius:999px;
  background:rgba(8,47,73,.58);
  color:#e0f2fe;
  font:inherit;
  font-size:12px;
  font-weight:950;
  line-height:1;
  cursor:help;
}

.dashboard-info-button:hover,
.dashboard-info-button:focus-visible{
  border-color:rgba(125,211,252,.68);
  background:rgba(14,116,144,.52);
  outline:none;
}

.dashboard-info-popover{
  position:absolute;
  right:0;
  bottom:calc(100% + 8px);
  z-index:12;
  width:min(290px, 78vw);
  padding:10px 11px;
  border:1px solid rgba(125,211,252,.26);
  border-radius:12px;
  background:linear-gradient(180deg, rgba(15,23,42,.98), rgba(8,13,25,.98));
  color:rgba(226,232,240,.9);
  box-shadow:0 18px 38px rgba(2,6,23,.34);
  font-size:12px;
  font-weight:700;
  line-height:1.45;
  opacity:0;
  pointer-events:none;
  transform:translateY(5px);
  transition:opacity .16s ease, transform .16s ease;
}

.dashboard-info-button:hover + .dashboard-info-popover,
.dashboard-info-button:focus-visible + .dashboard-info-popover{
  opacity:1;
  transform:translateY(0);
}

.dashboard-score-body{
  display:grid;
  grid-template-columns:142px minmax(0, 1fr);
  gap:16px;
  align-items:center;
}

.dashboard-pie{
  width:142px;
  aspect-ratio:1;
  border-radius:50%;
  display:grid;
  place-items:center;
  position:relative;
  background:
    conic-gradient(
      #22c55e 0deg var(--ready-deg),
      #38bdf8 var(--ready-deg) var(--strong-deg),
      #facc15 var(--strong-deg) var(--neutral-deg),
      #64748b var(--neutral-deg) 360deg
    );
  box-shadow:0 18px 34px rgba(2,6,23,.28), inset 0 0 0 1px rgba(255,255,255,.08);
}

.dashboard-pie::after{
  content:"";
  position:absolute;
  inset:27px;
  border-radius:50%;
  background:rgba(15,23,42,.94);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.dashboard-pie > span{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  gap:2px;
  color:#f8fafc;
  font-size:25px;
  font-weight:950;
  line-height:1;
}

.dashboard-pie > span small{
  color:rgba(203,213,225,.72);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.dashboard-pie-legend{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
}

.dashboard-pie-legend span{
  display:grid;
  grid-template-columns:9px auto;
  grid-template-rows:auto auto;
  column-gap:8px;
  align-items:center;
  min-height:50px;
  padding:9px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:8px;
  background:rgba(15,23,42,.46);
}

.dashboard-pie-legend i{
  grid-row:1 / span 2;
  width:9px;
  height:28px;
  border-radius:999px;
  background:#64748b;
}

.dashboard-pie-legend i.is-ready{ background:#22c55e; }
.dashboard-pie-legend i.is-strong{ background:#38bdf8; }
.dashboard-pie-legend i.is-neutral{ background:#facc15; }
.dashboard-pie-legend i.is-weak{ background:#64748b; }

.dashboard-pie-legend strong{
  color:#f8fafc;
  line-height:1;
}

.dashboard-pie-legend small{
  color:rgba(203,213,225,.72);
  font-size:11px;
}

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

.dashboard-market-grid span,
.dashboard-compact-list > span{
  display:grid;
  gap:5px;
  padding:12px;
}

.dashboard-market-grid strong,
.dashboard-compact-list strong{
  color:#f8fafc;
  font-size:18px;
}

.dashboard-market-sentiment{
  grid-column:1 / -1;
}

.dashboard-compact-list{
  margin-top:12px;
}

.dashboard-market .dashboard-compact-list{
  gap:0;
  margin-top:14px;
  border-top:1px solid rgba(148,163,184,.14);
}

.dashboard-market-row{
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  row-gap:4px;
  padding:12px 2px;
  border:0;
  border-bottom:1px solid rgba(148,163,184,.12);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.dashboard-market-row:last-child{
  border-bottom:0;
}

.dashboard-market-asset{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.dashboard-market-asset strong{
  display:block;
}

.dashboard-market-asset small{
  display:block;
  margin-top:3px;
}

.dashboard-trend-arrow{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  justify-self:end;
  border-radius:12px;
  background:rgba(34,197,94,.12);
  color:#22c55e;
}

.dashboard-trend-arrow svg{
  width:24px;
  height:24px;
}

.dashboard-trend-arrow path{
  fill:none;
  stroke:currentColor;
  stroke-width:2.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.dashboard-trend-arrow.is-up{
  background:rgba(34,197,94,.13);
  color:#22c55e;
  filter:drop-shadow(0 5px 10px rgba(34,197,94,.22));
}

.dashboard-trend-arrow.is-down{
  background:rgba(251,113,133,.13);
  color:#fb7185;
  filter:drop-shadow(0 5px 10px rgba(251,113,133,.22));
}

.dashboard-market-row.is-positive{
  border-bottom-color:rgba(34,197,94,.16);
}

.dashboard-market-row.is-negative{
  border-bottom-color:rgba(251,113,133,.16);
}

.dashboard-market-note{
  grid-column:1 / -1;
  padding-left:44px;
}

.dashboard-task-list a{
  display:grid;
  gap:5px;
  padding:13px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:8px;
  background:rgba(15,23,42,.48);
  color:inherit;
  text-decoration:none;
}

.dashboard-task-list a.is-locked{
  opacity:.55;
}

.dashboard-task-list strong{
  color:#f8fafc;
}

.dashboard-admin-panel{
  border-color:rgba(234,179,8,.24);
  background:
    radial-gradient(circle at 0 0, rgba(234,179,8,.10), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.88), rgba(15,23,42,.58));
}

.dashboard-admin-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.35fr) minmax(280px, .75fr);
  gap:12px;
}

.dashboard-admin-card{
  display:grid;
  gap:12px;
  min-width:0;
  padding:14px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:10px;
  background:rgba(15,23,42,.52);
}

.dashboard-admin-card.is-scoring{
  border-color:rgba(234,179,8,.28);
  background:
    linear-gradient(90deg, rgba(234,179,8,.10), transparent 42%),
    rgba(15,23,42,.54);
}

.dashboard-admin-card-head{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.dashboard-admin-card-head strong{
  display:block;
  color:#f8fafc;
}

.dashboard-admin-card-head small,
.dashboard-admin-card p,
.dashboard-admin-warning{
  color:rgba(203,213,225,.78);
  line-height:1.45;
}

.dashboard-admin-card p{
  margin:0;
}

.dashboard-admin-meta{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
}

.dashboard-admin-meta span{
  display:grid;
  gap:4px;
  padding:10px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:8px;
  background:rgba(2,6,23,.22);
}

.dashboard-admin-meta strong{
  color:#f8fafc;
}

.dashboard-admin-suggestions{
  display:grid;
  gap:7px;
}

.dashboard-admin-suggestions span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:8px;
  background:rgba(2,6,23,.2);
}

.dashboard-admin-suggestions code{
  color:#fde68a;
  font-size:12px;
  overflow-wrap:anywhere;
}

.dashboard-admin-suggestions small{
  color:#dbeafe;
  white-space:nowrap;
}

.dashboard-admin-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.dashboard-admin-actions .btn[disabled]{
  opacity:.52;
  cursor:not-allowed;
}

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

  .dashboard-modules{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .dashboard-admin-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 900px){
  .dashboard-hero,
  .dashboard-content-grid{
    grid-template-columns:1fr;
  }

  .dashboard-kpi-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px){
  .dashboard-page{
    gap:14px;
  }

  .dashboard-hero,
  .dashboard-panel{
    padding:15px;
  }

  .dashboard-hero-copy h2{
    font-size:29px;
  }

  .dashboard-hero-copy p{
    font-size:14px;
    line-height:1.55;
  }

  .dashboard-hero-actions .btn{
    flex:1 1 100%;
  }

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

  .dashboard-kpi-grid,
  .dashboard-modules,
  .dashboard-market-grid{
    grid-template-columns:1fr;
  }

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

  .dashboard-admin-suggestions span{
    display:grid;
  }

  .dashboard-admin-suggestions small{
    white-space:normal;
  }

  .dashboard-kpi{
    min-height:94px;
  }

  .dashboard-module{
    min-height:76px;
  }

  .dashboard-panel-head{
    align-items:stretch;
    display:grid;
  }

  .dashboard-panel-head .btn{
    width:100%;
  }

  .dashboard-signal-row{
    grid-template-columns:1fr;
    gap:8px;
  }

  .dashboard-signal-meta{
    justify-self:start;
  }

  .dashboard-buy-row{
    grid-template-columns:1fr;
    gap:8px;
  }

  .dashboard-buy-link{
    grid-template-columns:1fr;
    gap:8px;
  }

  .dashboard-distance-wrap{
    justify-self:start;
  }

  .dashboard-buy-main small{
    white-space:normal;
  }

  .dashboard-market-row{
    grid-template-columns:1fr;
  }

  .dashboard-trend-arrow{
    justify-self:start;
  }

  .dashboard-market-note{
    padding-left:0;
  }

  .dashboard-score-body{
    grid-template-columns:1fr;
  }

  .dashboard-pie{
    width:min(190px, 72vw);
    justify-self:center;
  }
}

/* Sticky main navigation dock */
.main-nav-dock{
  position:sticky;
  top:0;
  z-index:180;
  margin:10px 0 16px;
  padding:8px;
  border:1px solid rgba(79,104,165,.58);
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(18,28,53,.92), rgba(10,17,33,.88)),
    rgba(19,29,54,.76);
  box-shadow:
    0 18px 42px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(16px);
}

.main-nav-dock .app-nav.nav-flyout{
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.main-nav-dock .nav-link-label{
  overflow:visible;
  text-overflow:clip;
}

@media (min-width: 780px){
  .main-nav-dock .nav-flyout-toggle{
    display:none;
  }

  .main-nav-dock .nav-flyout-panel{
    position:static;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    flex-wrap:wrap;
    width:100%;
    min-width:0;
    max-width:none;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    opacity:1;
    pointer-events:auto;
    transform:none;
  }

  .main-nav-dock .app-nav.nav-flyout .nav-flyout-panel a{
    width:auto;
    flex:0 0 auto;
    justify-content:center;
    min-height:40px;
    padding:8px 13px 8px 10px;
  }

  .main-nav-dock .nav-session{
    order:90;
    margin-left:auto;
    min-height:40px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    gap:10px;
  }

  .main-nav-dock .nav-session-head{
    align-items:center;
    gap:8px;
  }

  .main-nav-dock .nav-session-copy{
    display:flex;
    align-items:baseline;
    gap:6px;
  }

  .main-nav-dock .nav-session-dot{
    width:8px;
    height:8px;
    margin-top:0;
    box-shadow:none;
  }

  .main-nav-dock .nav-session-user{
    max-width:170px;
    font-size:12px;
  }

  .main-nav-dock .nav-session-role{
    padding:2px 8px;
    font-size:10px;
  }

  .main-nav-dock .nav-flyout-footer{
    order:100;
    display:flex;
    align-items:center;
    gap:8px;
    margin:0;
    padding:0;
    border:0;
  }

  .main-nav-dock .nav-flyout-logout{
    width:auto;
    min-height:40px;
  }
}

@media (max-width: 779px){
  .main-nav-dock{
    position:fixed;
    top:calc(8px + env(safe-area-inset-top, 0px));
    right:calc(10px + env(safe-area-inset-right, 0px));
    left:auto;
    bottom:auto;
    width:auto;
    max-width:calc(100vw - 20px);
    margin:0;
    padding:6px;
    border-radius:16px;
    display:flex;
    justify-content:flex-end;
  }

  body:not(.auth-page) .wrap{
    padding-top:72px;
  }

  .main-nav-dock .app-nav.nav-flyout{
    width:auto;
    margin-left:auto;
    justify-content:flex-end;
  }

  .main-nav-dock .nav-flyout-toggle{
    min-height:42px;
    border-radius:13px;
  }

  .main-nav-dock .nav-flyout-panel{
    position:fixed;
    top:0;
    right:0;
    left:auto;
    bottom:0;
    width:min(340px, calc(100vw - 22px));
    max-width:none;
    min-width:0;
    height:100svh;
    max-height:none;
    padding:calc(16px + env(safe-area-inset-top, 0px)) 14px calc(18px + env(safe-area-inset-bottom, 0px));
    border-radius:0;
    border-left:1px solid rgba(84,109,168,.72);
    border-top:0;
    border-right:0;
    border-bottom:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    transform:translateX(100%);
    transform-origin:right center;
  }

  .main-nav-dock .nav-flyout.open .nav-flyout-panel{
    opacity:1;
    pointer-events:auto;
    transform:translateX(0);
  }

  .main-nav-dock .app-nav.nav-flyout .nav-flyout-panel a{
    width:100%;
    justify-content:flex-start;
  }
}