:root{--bg-page: #f8f9fa;--bg-card: #ffffff;--bg-card-alt: #f0f0f0;--bg-input: #ffffff;--bg-hover: #f0f0f0;--text-primary: #1a1a1a;--text-secondary: #555555;--text-tertiary: #888888;--border-primary: #e0e0e0;--border-secondary: #d0d0d0;--accent: #f7931a;--accent-hover: #e8850f;--accent-text: #000000;--success: #059669;--success-light: #d1fae5;--success-border: #10b981;--warning: #d97706;--warning-light: #fef3c7;--warning-border: #f59e0b;--error: #dc2626;--error-light: #fee2e2;--error-border: #ef4444;--info: #2563eb;--gradient-healthy: linear-gradient(135deg, #d1fae5 0%, #ecfdf5 100%);--gradient-warning: linear-gradient(135deg, #fef3c7 0%, #fffbeb 100%);--gradient-critical: linear-gradient(135deg, #fee2e2 0%, #fef2f2 100%);--badge-bg: #d1fae5;--badge-text: #059669;--btn-secondary-bg: #e5e5e5;--btn-secondary-text: #333333;--btn-secondary-hover: #d5d5d5}.dark-mode{--bg-page: #0a0a0a;--bg-card: #111111;--bg-card-alt: #1a1a1a;--bg-input: #1a1a1a;--bg-hover: #1a1a1a;--text-primary: #e0e0e0;--text-secondary: #888888;--text-tertiary: #666666;--border-primary: #333333;--border-secondary: #222222;--accent: #f7931a;--accent-hover: #ffa333;--accent-text: #000000;--success: #4ade80;--success-light: #1a2e1a;--success-border: #2d5016;--warning: #fbbf24;--warning-light: #2a2a1a;--warning-border: #b45309;--error: #ef4444;--error-light: #2e1a1a;--error-border: #dc2626;--info: #60a5fa;--gradient-healthy: linear-gradient(135deg, #1a2e1a 0%, #0f1a0f 100%);--gradient-warning: linear-gradient(135deg, #2a2a1a 0%, #1a1a0f 100%);--gradient-critical: linear-gradient(135deg, #2e1a1a 0%, #1a0f0f 100%);--badge-bg: #2d5016;--badge-text: #90EE90;--btn-secondary-bg: #333333;--btn-secondary-text: #e0e0e0;--btn-secondary-hover: #444444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-page);color:var(--text-primary);min-height:100vh;transition:background-color .3s,color .3s}.app{max-width:1200px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--border-secondary);margin-bottom:30px}.logo{display:flex;align-items:center;gap:12px}.logo-img{height:40px;width:auto;border-radius:8px}.logo h1{font-size:1.8rem;color:var(--accent)}.network-badge{background:var(--badge-bg);color:var(--badge-text);padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.theme-toggle{background:var(--bg-card-alt);border:1px solid var(--border-primary);border-radius:8px;padding:8px 12px;cursor:pointer;font-size:1.2rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--bg-hover)}.header-actions{display:flex;align-items:center;gap:12px}.wallet-connect{display:flex;align-items:center;gap:16px}.wallet-connect.connected{background:var(--bg-card-alt);padding:8px 16px;border-radius:12px;border:1px solid var(--border-primary)}.wallet-info{display:flex;flex-direction:column;gap:2px}.wallet-info .address{font-family:monospace;font-size:.9rem;color:var(--text-secondary)}.wallet-info .balance{font-weight:600;color:var(--accent)}.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-hover)}.btn-small{padding:6px 12px;font-size:.85rem}.bridge-stats{background:var(--bg-card);border-radius:16px;padding:24px;margin-bottom:30px;border:1px solid var(--border-secondary)}.bridge-stats h2{margin-bottom:20px;font-size:1.2rem;color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:var(--bg-card-alt);padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:8px}.stat-label{font-size:.85rem;color:var(--text-tertiary)}.stat-value{font-size:1.2rem;font-weight:600;color:var(--accent)}.node-status{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary)}.status-indicator{width:10px;height:10px;border-radius:50%}.status-indicator.connected{background:var(--success)}.status-indicator.disconnected{background:var(--error)}.proof-of-reserves{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-secondary)}.proof-of-reserves h3{font-size:1rem;color:var(--text-secondary);margin-bottom:16px}.reserves-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.collateral-card{position:relative;overflow:hidden}.collateral-card.healthy{background:var(--gradient-healthy);border:1px solid var(--success-border)}.collateral-card.warning{background:var(--gradient-warning);border:1px solid var(--warning-border)}.collateral-card.critical{background:var(--gradient-critical);border:1px solid var(--error-border)}.collateral-card .stat-value.large{font-size:1.8rem}.collateral-card.healthy .stat-value{color:var(--success)}.collateral-card.warning .stat-value{color:var(--warning)}.collateral-card.critical .stat-value{color:var(--error)}.stat-status{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.collateral-card.healthy .stat-status{color:var(--success)}.collateral-card.warning .stat-status{color:var(--warning)}.collateral-card.critical .stat-status{color:var(--error)}.stat-sub{font-size:.8rem;color:var(--text-tertiary)}.stat-value.hash{font-family:monospace;font-size:.9rem;color:var(--text-secondary)}.collateralization-alert{padding:16px 20px;border-radius:12px;margin-bottom:20px;font-weight:600}.collateralization-alert.critical{background:var(--gradient-critical);border:1px solid var(--error-border);color:var(--error)}.custodial-warning{background:var(--gradient-warning);border:1px solid var(--warning-border);border-radius:12px;padding:16px 20px;margin-bottom:24px}.custodial-warning .warning-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.custodial-warning .warning-icon{font-size:1.4rem}.custodial-warning .warning-title{font-weight:700;font-size:1rem;color:var(--warning)}.custodial-warning .warning-text{color:var(--text-primary);font-size:.9rem;line-height:1.5;margin-bottom:12px}.custodial-warning .warning-recommendations{background:#0000000d;border-radius:8px;padding:12px}.dark-mode .custodial-warning .warning-recommendations{background:#0000004d}.custodial-warning .warning-recommendations ul{list-style:none;padding:0;margin:0}.custodial-warning .warning-recommendations li{color:var(--text-primary);font-size:.85rem;padding:4px 0 4px 20px;position:relative}.custodial-warning .warning-recommendations li:before{content:"•";position:absolute;left:6px;color:var(--warning)}.bridge-interface{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-secondary);overflow:hidden}.tabs{display:flex;border-bottom:1px solid var(--border-secondary)}.tab{flex:1;padding:16px;background:transparent;border:none;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.tab:hover{background:var(--bg-card-alt)}.tab.active{color:var(--accent);background:var(--bg-card-alt);border-bottom:2px solid var(--accent)}.tab-content{padding:24px}.deposit-flow,.withdraw-flow{max-width:500px;margin:0 auto}.deposit-flow h2,.withdraw-flow h2{margin-bottom:16px}.deposit-flow p,.withdraw-flow p{color:var(--text-secondary);margin-bottom:16px}.generate-address{text-align:center}.address-display{display:flex;align-items:center;gap:12px;background:var(--bg-card-alt);padding:16px;border-radius:8px;margin:16px 0}.address-display code{flex:1;font-family:monospace;font-size:.9rem;word-break:break-all;color:var(--accent)}.deposit-info{background:var(--bg-card-alt);padding:16px;border-radius:8px;margin:16px 0}.deposit-info p{margin-bottom:8px;font-size:.9rem}.deposit-status{margin:20px 0;padding:16px;background:var(--bg-card-alt);border-radius:8px}.deposits-list{margin:24px 0;background:var(--bg-card-alt);border-radius:12px;padding:16px}.deposits-list h3{margin-bottom:16px;font-size:1rem;color:var(--text-secondary)}.deposit-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-card);border-radius:8px;margin-bottom:12px;border:1px solid var(--border-primary)}.deposit-item:last-child{margin-bottom:0}.deposit-details p{margin:0 0 4px}.deposit-details .small{font-size:.85rem;color:var(--text-tertiary)}.deposit-details .mono{font-family:monospace}.deposit-actions{display:flex;align-items:center;gap:12px}.deposit-actions .minted{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.deposit-actions .tx-link{font-size:.8rem;color:var(--accent)}.deposit-actions .waiting{font-size:.85rem;color:var(--text-tertiary)}.generate-address-section,.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary)}.form-group input{width:100%;padding:12px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:1rem}.form-group input:focus{outline:none;border-color:var(--accent)}.input-with-max{display:flex;gap:8px}.input-with-max input{flex:1}.balance-hint{display:block;margin-top:6px;font-size:.85rem;color:var(--text-tertiary)}.withdraw-preview{margin:16px 0;padding:16px;background:var(--bg-card-alt);border:1px solid var(--border-secondary);border-radius:8px}.withdraw-preview p{margin:0 0 8px;color:var(--text-primary)}.withdraw-preview p:last-child{margin-bottom:0}.error{color:var(--error);margin:12px 0}.info{color:var(--text-secondary);font-size:.9rem}.success-message{background:var(--success-light);border:1px solid var(--success-border);padding:20px;border-radius:12px;margin:20px 0}.success-message p{color:var(--success);margin-bottom:8px}.success-message a{color:var(--accent)}.success-message code{background:var(--bg-card-alt);padding:2px 6px;border-radius:4px;font-size:.85rem}.status-pending{color:var(--warning)}.status-confirming{color:var(--info)}.status-completed{color:var(--success)}.status-failed{color:var(--error)}.token-info{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:12px;padding:16px 20px;margin-top:30px}.token-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.token-info-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.token-instructions{background:var(--bg-card-alt);border-radius:8px;padding:16px;margin-bottom:16px}.token-instructions p{margin-bottom:12px;color:var(--text-primary)}.token-instructions ol{margin:0 0 16px 20px;color:var(--text-secondary)}.token-instructions li{margin-bottom:6px;line-height:1.5}.token-details{background:var(--bg-card);border-radius:6px;padding:12px}.token-details p{margin:4px 0;font-size:.9rem}.contract-label{font-size:.85rem;color:var(--text-secondary);margin-right:8px}.token-info-content{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.contract-address{display:flex;align-items:center;gap:8px}.contract-address code{font-family:monospace;font-size:.85rem;color:var(--accent);background:var(--bg-card-alt);padding:6px 12px;border-radius:6px;word-break:break-all}.add-wallet-btn{white-space:nowrap}@media (max-width: 500px){.token-info-content{flex-direction:column;align-items:flex-start}.contract-address{flex-wrap:wrap}.add-wallet-btn{width:100%}}.footer{margin-top:40px;padding:20px 0;border-top:1px solid var(--border-secondary);text-align:center;color:var(--text-tertiary)}.footer .warning{margin-top:8px;color:var(--warning);font-size:.85rem}@media (max-width: 600px){.header{flex-direction:column;gap:16px}.stats-grid,.reserves-grid{grid-template-columns:1fr 1fr}.stat-value{word-break:break-word;font-size:1rem}.address-display{flex-direction:column}.deposit-item{flex-direction:column;align-items:flex-start;gap:12px}.deposit-actions{width:100%;justify-content:flex-start}.deposit-actions .waiting{white-space:nowrap}}@media (max-width: 400px){.stats-grid,.reserves-grid{grid-template-columns:1fr}.bridge-stats{padding:16px}.app{padding:12px}}