#bridgePage .bx-section{min-height:100vh;background:var(--bg-primary,#000);color:var(--text-primary,#fff);padding:60px 40px}
#bridgePage .bx-inner{max-width:1400px;margin:0 auto}
#bridgePage .bx-header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--border-color,#222)}
#bridgePage .bx-header h1{font:400 48px/1.1 'Playfair Display',Georgia,serif;margin-bottom:12px;color:var(--text-primary,#fff)}
#bridgePage .bx-header p{font:300 16px/1.6 'Inter',system-ui,sans-serif;color:var(--text-muted,#666);max-width:640px}
#bridgePage .bx-header .hl{color:#66FFFF}
#bridgePage .bx-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:32px}
#bridgePage .bx-meta-item dt{font:600 9px/1 'Inter',sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted,#555);margin-bottom:6px}
#bridgePage .bx-meta-item dd{font:400 13px/1.4 'JetBrains Mono',monospace;color:var(--text-primary,#fff)}
#bridgePage .bx-meta-item dd.cyan{color:#66FFFF}
#bridgePage .bx-stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--border-color,#222);gap:1px;margin-bottom:48px}
#bridgePage .bx-stat{background:var(--bg-primary,#000);padding:28px 20px;text-align:center}
#bridgePage .bx-stat strong{display:block;font:500 28px/1 'JetBrains Mono',monospace;color:#66FFFF;margin-bottom:8px}
#bridgePage .bx-stat span{font:600 8px/1 'Inter',sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted,#555)}
#bridgePage .bx-grid{display:grid;grid-template-columns:1fr 480px;gap:40px;align-items:start}
#bridgePage .bx-history{background:var(--bg-secondary,#0a0a0a);border:1px solid var(--border-color,#222)}
#bridgePage .bx-history-header{padding:20px 24px;border-bottom:1px solid var(--border-color,#222);display:flex;align-items:center;gap:10px}
#bridgePage .bx-history-header h3{font:500 15px/1 'Inter',sans-serif;color:var(--text-primary,#fff);margin:0}
#bridgePage .bx-live{width:6px;height:6px;background:#66FFFF;border-radius:50%;animation:bxpulse 2s infinite}
@keyframes bxpulse{0%,100%{opacity:1}50%{opacity:0.3}}
#bridgePage .bx-tabs{display:flex;padding:0 24px;border-bottom:1px solid var(--border-color,#222)}
#bridgePage .bx-tab{padding:12px 16px;background:none;border:none;font:500 10px/1 'Inter',sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted,#555);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
#bridgePage .bx-tab:hover{color:var(--text-secondary,#888)}
#bridgePage .bx-tab.active{color:#66FFFF;border-color:#66FFFF}
#bridgePage .bx-history-list{padding:16px;min-height:280px;max-height:360px;overflow-y:auto}
#bridgePage .bx-empty{padding:60px 20px;text-align:center}
#bridgePage .bx-empty svg{width:40px;height:40px;color:var(--text-muted,#333);margin-bottom:12px}
#bridgePage .bx-empty p{font:400 13px/1.5 'Inter',sans-serif;color:var(--text-muted,#555)}
#bridgePage .bx-card{background:var(--bg-secondary,#0a0a0a);border:1px solid var(--border-color,#222);padding:28px}
#bridgePage .bx-dir{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-tertiary,#111);margin-bottom:24px}
#bridgePage .bx-dir-btn{padding:14px;background:none;border:none;font:600 11px/1 'Inter',sans-serif;letter-spacing:0.5px;text-transform:uppercase;color:var(--text-muted,#555);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.15s}
#bridgePage .bx-dir-btn:hover{color:var(--text-secondary,#888)}
#bridgePage .bx-dir-btn.active{background:#66FFFF;color:#000}
#bridgePage .bx-dir-btn svg{width:14px;height:14px}
#bridgePage .bx-route{display:grid;grid-template-columns:1fr 40px 1fr;gap:12px;align-items:center;padding:20px;background:var(--bg-tertiary,#111);margin-bottom:24px}
#bridgePage .bx-chain{display:flex;align-items:center;gap:10px}
#bridgePage .bx-chain-icon{width:36px;height:36px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#bridgePage .bx-chain-icon img{width:100%;height:100%;object-fit:cover}
#bridgePage .bx-chain-icon.eth{background:#fff;border-radius:8px}
#bridgePage .bx-chain-icon.cf{background:linear-gradient(135deg,#66FFFF,#00cc88)}
#bridgePage .bx-chain-info strong{display:block;font:500 13px/1.3 'Inter',sans-serif;color:var(--text-primary,#fff)}
#bridgePage .bx-chain-info span{font:400 10px/1 'JetBrains Mono',monospace;color:var(--text-muted,#555)}
#bridgePage .bx-arrow{width:40px;height:40px;background:var(--border-color,#222);border-radius:50%;display:flex;align-items:center;justify-content:center}
#bridgePage .bx-arrow svg{width:16px;height:16px;color:#66FFFF;transition:transform 0.2s}
#bridgePage .bx-arrow.rev svg{transform:rotate(180deg)}
#bridgePage .bx-form{display:block}
#bridgePage .bx-field{margin-bottom:20px}
#bridgePage .bx-field label{display:flex;justify-content:space-between;margin-bottom:8px;font:500 9px/1 'Inter',sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted,#555)}
#bridgePage .bx-field .bal{font:400 11px/1 'JetBrains Mono',monospace;color:#66FFFF;cursor:pointer;text-transform:none;letter-spacing:0}
#bridgePage .bx-input{width:100%;background:var(--bg-tertiary,#111);border:1px solid var(--border-color,#222);padding:14px;font:400 15px/1 'JetBrains Mono',monospace;color:var(--text-primary,#fff);transition:border-color 0.15s}
#bridgePage .bx-input:focus{outline:none;border-color:#66FFFF}
#bridgePage .bx-input::placeholder{color:var(--text-muted,#333)}
#bridgePage .bx-input-wrap{position:relative}
#bridgePage .bx-input-wrap input{padding-right:60px}
#bridgePage .bx-input-wrap .token{position:absolute;right:14px;top:50%;transform:translateY(-50%);font:600 11px/1 'Inter',sans-serif;color:#66FFFF}
#bridgePage .bx-wallet{display:flex;align-items:center;justify-content:space-between;background:var(--bg-tertiary,#111);border:1px solid var(--border-color,#222);padding:10px 14px}
#bridgePage .bx-wallet .addr{font:400 12px/1 'JetBrains Mono',monospace;color:var(--text-muted,#555)}
#bridgePage .bx-wallet .addr.on{color:#66FFFF}
#bridgePage .bx-wallet .btn-sm{padding:8px 14px;background:var(--border-color,#222);border:none;font:600 9px/1 'Inter',sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary,#fff);cursor:pointer}
#bridgePage .bx-wallet .btn-sm:hover{background:var(--bg-hover,#333)}
#bridgePage .bx-summary{background:var(--bg-tertiary,#111);padding:16px;margin:20px 0}
#bridgePage .bx-row{display:flex;justify-content:space-between;padding:6px 0;font:400 12px/1.4 'Inter',sans-serif}
#bridgePage .bx-row span:first-child{color:var(--text-muted,#555)}
#bridgePage .bx-row span:last-child{font-family:'JetBrains Mono',monospace;color:var(--text-primary,#fff)}
#bridgePage .bx-row .cyan{color:#66FFFF}
#bridgePage .bx-limits{text-align:center;font:400 10px/1 'Inter',sans-serif;color:var(--text-muted,#444);margin-bottom:20px}
#bridgePage .bx-submit{width:100%;padding:16px;background:#66FFFF;border:none;font:600 12px/1 'Inter',sans-serif;letter-spacing:1px;text-transform:uppercase;color:#000;cursor:pointer;transition:all 0.15s}
#bridgePage .bx-submit:hover{background:#7fffff;box-shadow:0 0 24px rgba(102,255,255,0.25)}
#bridgePage .bx-submit:disabled{background:var(--border-color,#222);color:var(--text-muted,#555);cursor:not-allowed;box-shadow:none}
#bridgePage .bx-submit .spin{display:inline-block;width:12px;height:12px;border:2px solid rgba(0,0,0,0.2);border-top-color:#000;border-radius:50%;animation:bxspin 0.7s linear infinite}
@keyframes bxspin{to{transform:rotate(360deg)}}
#bridgePage .bx-security{margin-top:20px;padding:16px;background:var(--bg-tertiary,#111);display:flex;gap:12px}
#bridgePage .bx-security svg{width:18px;height:18px;color:#66FFFF;flex-shrink:0}
#bridgePage .bx-security p{font:400 11px/1.5 'Inter',sans-serif;color:var(--text-muted,#666)}
#bridgePage .bx-security strong{color:#66FFFF}
#bridgePage .bx-terminal{background:var(--bg-secondary,#0a0a0a);border:1px solid var(--border-color,#222);margin-top:40px}
#bridgePage .bx-term-header{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--bg-tertiary,#111);border-bottom:1px solid var(--border-color,#222)}
#bridgePage .bx-term-dot{width:10px;height:10px;border-radius:50%}
#bridgePage .bx-term-dot.r{background:#ff5f57}
#bridgePage .bx-term-dot.y{background:#febc2e}
#bridgePage .bx-term-dot.g{background:#28c840}
#bridgePage .bx-term-title{margin-left:auto;font:400 10px/1 'JetBrains Mono',monospace;color:var(--text-muted,#555)}
#bridgePage .bx-term-body{padding:16px;font:400 11px/1.7 'JetBrains Mono',monospace;color:var(--text-muted,#666);min-height:120px;max-height:250px;overflow-x:auto}
#bridgePage .bx-term-body .hdr{color:var(--text-primary,#fff)}
#bridgePage .bx-term-body .cy{color:#66FFFF}
#bridgePage .bx-term-body .gr{color:#28c840}
#bridgePage .bx-term-body .warn{color:#febc2e}
#bridgePage .bx-term-body .err{color:#ff5f57}
#bridgePage .bx-cursor{display:inline-block;width:7px;height:12px;background:#66FFFF;animation:bxblink 1s step-end infinite;vertical-align:middle}
@keyframes bxblink{50%{opacity:0}}
#bridgePage .bx-networks{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-color,#222);margin-top:40px}
#bridgePage .bx-net{background:var(--bg-primary,#000);padding:24px}
#bridgePage .bx-net-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
#bridgePage .bx-net-header img{width:36px;height:36px;border-radius:8px}
#bridgePage .bx-net-header .name{font:500 14px/1.3 'Inter',sans-serif;color:var(--text-primary,#fff)}
#bridgePage .bx-net-header .status{display:flex;align-items:center;gap:5px;margin-top:3px;font:400 10px/1 'Inter',sans-serif;color:#28c840}
#bridgePage .bx-net-header .dot{width:5px;height:5px;background:#28c840;border-radius:50%}
#bridgePage .bx-net-details{display:grid;gap:10px}
#bridgePage .bx-net-row{display:flex;justify-content:space-between;font:400 11px/1.4 'Inter',sans-serif}
#bridgePage .bx-net-row span:first-child{color:var(--text-muted,#555)}
#bridgePage .bx-net-row span:last-child{font-family:'JetBrains Mono',monospace;color:var(--text-primary,#fff)}
@media(max-width:900px){#bridgePage .bx-section{padding:40px 24px}#bridgePage .bx-grid{grid-template-columns:1fr;gap:32px}#bridgePage .bx-card{order:-1}#bridgePage .bx-stats{grid-template-columns:1fr 1fr}#bridgePage .bx-meta{grid-template-columns:1fr 1fr;gap:20px}#bridgePage .bx-networks{grid-template-columns:1fr}#bridgePage .bx-header h1{font-size:36px}}
@media(max-width:600px){#bridgePage .bx-section{padding:24px 16px}#bridgePage .bx-header{margin-bottom:32px;padding-bottom:24px}#bridgePage .bx-header h1{font-size:28px}#bridgePage .bx-header p{font-size:14px}#bridgePage .bx-stats{grid-template-columns:1fr 1fr;gap:1px}#bridgePage .bx-stat{padding:20px 12px}#bridgePage .bx-stat strong{font-size:20px}#bridgePage .bx-stat span{font-size:7px}#bridgePage .bx-meta{grid-template-columns:1fr;gap:16px}#bridgePage .bx-card{padding:20px}#bridgePage .bx-route{grid-template-columns:1fr;gap:16px;padding:16px}#bridgePage .bx-arrow{transform:rotate(90deg);margin:0 auto}#bridgePage .bx-chain{justify-content:center}#bridgePage .bx-dir-btn{padding:12px 8px;font-size:10px}#bridgePage .bx-history-header{padding:16px}#bridgePage .bx-tabs{padding:0 16px}#bridgePage .bx-tab{padding:10px 12px;font-size:9px}#bridgePage .bx-input{padding:12px;font-size:14px}#bridgePage .bx-wallet{flex-direction:column;gap:10px;padding:12px}#bridgePage .bx-wallet .addr{font-size:10px;word-break:break-all;text-align:center}#bridgePage .bx-submit{padding:14px}#bridgePage .bx-term-body{font-size:10px;padding:12px}#bridgePage .bx-net{padding:16px}}
@media(max-width:400px){#bridgePage .bx-stats{grid-template-columns:1fr}#bridgePage .bx-header h1{font-size:24px}}
[data-theme="light"] #bridgePage .bx-section{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f0f1f2;--text-primary:#1a1a1a;--text-secondary:#444;--text-muted:#666;--border-color:#e0e0e0;--bg-hover:#e8e8e8}
[data-theme="light"] #bridgePage .bx-header .hl{color:#00a0a0}
[data-theme="light"] #bridgePage .bx-stat strong{color:#00a0a0}
[data-theme="light"] #bridgePage .bx-meta-item dd.cyan{color:#00a0a0}
[data-theme="light"] #bridgePage .bx-tab.active{color:#00a0a0;border-color:#00a0a0}
[data-theme="light"] #bridgePage .bx-live{background:#00a0a0}
[data-theme="light"] #bridgePage .bx-dir-btn.active{background:#00a0a0}
[data-theme="light"] #bridgePage .bx-arrow svg{color:#00a0a0}
[data-theme="light"] #bridgePage .bx-field .bal{color:#00a0a0}
[data-theme="light"] #bridgePage .bx-input:focus{border-color:#00a0a0}
[data-theme="light"] #bridgePage .bx-input-wrap .token{color:#00a0a0}
[data-theme="light"] #bridgePage .bx-wallet .addr.on{color:#00a0a0}
[data-theme="light"] #bridgePage .bx-row .cyan{color:#00a0a0}
[data-theme="light"] #bridgePage .bx-submit{background:#00a0a0}
[data-theme="light"] #bridgePage .bx-submit:hover{background:#00b8b8;box-shadow:0 0 24px rgba(0,160,160,0.25)}
[data-theme="light"] #bridgePage .bx-security svg{color:#00a0a0}
[data-theme="light"] #bridgePage .bx-security strong{color:#00a0a0}
[data-theme="light"] #bridgePage .bx-term-body .cy{color:#00a0a0}
[data-theme="light"] #bridgePage .bx-cursor{background:#00a0a0}
[data-theme="light"] #bridgePage .bx-chain-icon.cf{background:linear-gradient(135deg,#00a0a0,#008866)}

/* Bridge Instructions */
.bridge-instructions { display: flex; flex-direction: column; gap: 16px; }
.bi-step { display: flex; gap: 12px; align-items: flex-start; }
.bi-num { width: 28px; height: 28px; background: var(--accent); color: #000; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; }
.bi-content { flex: 1; }
.bi-content strong { display: block; margin-bottom: 4px; }
.bi-content p { margin: 4px 0; opacity: 0.8; font-size: 0.9em; }
.bi-address { display: flex; gap: 8px; align-items: center; margin: 8px 0; background: var(--bg-secondary); padding: 8px 12px; border-radius: 6px; }
.bi-address code { flex: 1; font-size: 0.85em; word-break: break-all; }
.btn-copy { padding: 4px 10px; font-size: 0.8em; background: var(--accent); color: #000; border: none; border-radius: 4px; cursor: pointer; }
.bi-warn { color: #ff6b6b !important; font-weight: 500; }


/* Stats update animation */
.bx-stat strong.stat-updated {
  color: #0ff !important;
  text-shadow: 0 0 10px rgba(0,255,255,0.5);
  transition: all 0.3s ease;
}

/* Large desktop */
@media(min-width:1400px){
  #bridgePage .bx-inner{max-width:1600px}
  #bridgePage .bx-grid{grid-template-columns:1fr 520px;gap:50px}
  #bridgePage .bx-stats{grid-template-columns:repeat(6,1fr)}
}

/* CF Wallet Selector Box */
.bx-cf-wallet-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:20px}
.bx-cf-wallet-box.has-wallet{border-color:var(--accent)}
.cf-no-wallet{text-align:center;padding:12px 0}
.cf-no-wallet p{color:var(--text-secondary);margin-bottom:12px;font-size:0.95rem}
.cf-no-wallet .btn{background:var(--accent);color:#000;padding:10px 24px;font-weight:600}
.cf-wallet-active{display:flex;align-items:center;gap:12px}
.cf-wallet-icon{width:40px;height:40px;background:linear-gradient(135deg,#00ffa3,#00d4ff);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#000}
.cf-wallet-info{flex:1}
.cf-wallet-name{display:block;font-weight:600;color:var(--text-primary)}
.cf-wallet-addr{font-size:0.85rem;color:var(--accent);font-family:monospace}
.cf-wallet-balance{font-weight:600;color:var(--accent)}
.cf-wallet-switch{background:none;border:1px solid var(--border);border-radius:8px;padding:8px;cursor:pointer;color:var(--text-secondary)}
.cf-wallet-switch:hover{border-color:var(--accent);color:var(--accent)}

/* Claimable UI */
.bi-claimable {
    background: linear-gradient(135deg, #1a472a 0%, #0d2818 100%);
    border: 1px solid #2d5a3a;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
}
.bi-claim-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    color: #7cfc00;
}
.btn-claim-all {
    width: 100%;
    background: #7cfc00;
    color: #000;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
}
.btn-claim-all:hover { background: #6ce600; }
.claims-list { display: flex; flex-direction: column; gap: 10px; }
.claim-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(255,255,255,0.05);
    padding: 12px 15px;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.1);
}
.claim-info { display: flex; flex-direction: column; gap: 4px; }
.claim-amount { font-weight: 600; color: #7cfc00; }
.claim-date { font-size: 0.85em; color: #888; }
.btn-claim {
    background: #7cfc00;
    color: #000;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
}
.btn-claim:hover { background: #6ce600; }
.btn-claim:disabled { background: #555; color: #888; cursor: not-allowed; }
.btn-secondary {
    background: transparent;
    border: 1px solid #7cfc00;
    color: #7cfc00;
}
.btn-secondary:hover { background: rgba(124,252,0,0.1); }