body{background:#181a1b;color:#e0e0e0;font-family:Inter,Segoe UI,Arial,sans-serif;margin:0;padding:0;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#57c09a;font-weight:600;margin-bottom:16px}a{color:#57c09a;text-decoration:none;transition:color .2s}a:hover{color:#499e85}.main-nav{display:flex;justify-content:center;gap:24px;background:#222;padding:16px 0;box-shadow:0 2px 8px #00000014}.main-nav button{background:none;border:none;color:#e0e0e0;font-size:1rem;padding:8px 20px;border-radius:6px;cursor:pointer;transition:background .2s,color .2s}.main-nav button:hover{background:#2a2a2a;color:#57c09a}.landing-container,.transactions-container{max-width:900px;margin:32px auto;background:#202223;border-radius:12px;box-shadow:0 4px 24px #0000001f;padding:32px 24px}.subtitle{color:#aaa;font-size:1.1rem;margin-bottom:24px}.status-badge{display:inline-block;padding:8px 18px;border-radius:18px;font-size:1.1rem;font-weight:600;margin:12px 0;letter-spacing:1px;background:#222;color:#57c09a;border:1px solid #57c09a}.status-operational{background:#28a745;color:#fff;border:none}.status-degraded{background:#ffc107;color:#222;border:none}.status-critical{background:#dc3545;color:#fff;border:none}.rpc-status-list{margin-top:12px}.rpc-row{display:flex;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid #232323}.rpc-label{min-width:90px;color:#aaa;font-weight:500}.rpc-status{padding:4px 14px;border-radius:12px;font-weight:600;font-size:.95rem}.rpc-operational{background:#1f4d2f;color:#57c09a}.rpc-degraded{background:#3d3520;color:#ffc107}.rpc-down{background:#3d2020;color:#ff6b7a}table{width:100%;border-collapse:collapse;margin-top:24px;background:#232323;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid #292929}th{background:#222;color:#57c09a;font-weight:600;font-size:1rem}tr:last-child td{border-bottom:none}tr:hover{background:#262a2c}.filters-row{display:flex;gap:18px;margin-bottom:18px;flex-wrap:wrap}label{font-size:.98rem;color:#aaa;margin-right:8px}select{background:#232323;color:#e0e0e0;border:1px solid #333;border-radius:6px;padding:6px 12px;font-size:1rem;margin-left:4px;transition:border .2s}select:focus{border-color:#57c09a;outline:none}footer{text-align:center;color:#666;margin:40px 0 16px;font-size:.95rem;letter-spacing:1px}.sidebar{background:#202223;border-right:1px solid #232323;height:100vh;min-height:100vh;position:fixed;top:0;left:0;transition:width .2s;z-index:100;display:flex;flex-direction:column;width:220px}.sidebar-closed{width:60px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:18px 16px;border-bottom:1px solid #232323}.sidebar-logo{display:flex;align-items:center;gap:10px}.sidebar-title{font-size:1.2rem;font-weight:700;color:#57c09a;letter-spacing:1px}.sidebar-toggle{background:none;border:none;color:#57c09a;font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.sidebar-toggle:hover{background:#232323}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;margin-top:16px}.sidebar-nav-item{display:flex;align-items:center;gap:14px;padding:12px 18px;color:#e0e0e0;text-decoration:none;font-size:1rem;border-radius:8px;transition:background .2s,color .2s}.sidebar-nav-item:hover{background:#232323;color:#57c09a}.sidebar-nav-item.active{background:#57c09a;color:#181a1b}.sidebar-icon{font-size:1.3rem}.sidebar-nav-item.collapsed{justify-content:center;padding:12px 0;gap:0}.sidebar-label{white-space:nowrap}@media(max-width:700px){.landing-container,.transactions-container{padding:16px 4px}.main-nav{flex-direction:column;gap:8px}.filters-row{flex-direction:column;gap:10px}table,th,td{font-size:.95rem}.sidebar{position:static;width:100vw;height:auto;min-height:0;flex-direction:row;border-right:none;border-bottom:1px solid #232323}.sidebar-header{padding:12px 8px}.sidebar-nav{flex-direction:row;gap:0;margin-top:0}.sidebar-nav-item,.sidebar-nav-item.collapsed{padding:10px 8px;font-size:.98rem;border-radius:0;justify-content:center}main{margin-left:0!important}}.inline-flex{display:inline-flex;align-items:center}.bg-green-600{background:#16a34a}.bg-gray-300{background:#d1d5db}.text-white{color:#fff}.text-gray-700{color:#374151}.rounded-full{border-radius:9999px}.font-semibold{font-weight:600}.shadow-sm{box-shadow:0 1px 2px #0000000a}.status-cards-row{display:flex;gap:24px;margin-top:32px;justify-content:center;flex-wrap:wrap}.status-card{flex:1 1 300px;background:#232323;border-radius:8px;box-shadow:0 2px 8px #0000001f;padding:24px;min-width:260px;max-width:400px;margin-bottom:24px;display:flex;flex-direction:column}.status-card h3{margin-top:0;border-bottom:2px solid #57c09a;padding-bottom:10px;color:#57c09a;font-size:1.15rem;font-weight:600}.metric-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #444}.metric-row:last-child{border-bottom:none}.metric-label{font-weight:700;color:#aaa}.metric-value{color:#e0e0e0}@media(max-width:900px){.status-cards-row{flex-direction:column;gap:18px;align-items:stretch}.status-card{min-width:0;max-width:100%;padding:18px}}@media(max-width:600px){.landing-container{padding:12px 2px}.status-card{padding:12px;font-size:.98rem}.status-card h3{font-size:1rem;padding-bottom:6px}.metric-row{font-size:.97rem;padding:6px 0}}.tagline{text-align:center;font-size:1.5rem;font-weight:600;color:#57c09a;margin:18px 0 28px;letter-spacing:1px;text-shadow:0 2px 8px rgba(87,192,154,.08)}.stats-card{background:#232323;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:24px 32px;margin:12px;min-width:160px;text-align:center;display:inline-block}.stats-label{color:#aaa;font-size:1.05rem;margin-bottom:8px;font-weight:500}.stats-value{color:#57c09a;font-size:2rem;font-weight:700;letter-spacing:1px}.stats-row{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.trend-card{background:#232323;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:20px 28px;margin:12px;min-width:220px;text-align:left;display:inline-block}.trend-title{color:#57c09a;font-size:1.1rem;font-weight:600;margin-bottom:10px}.trend-list{list-style:none;padding:0;margin:0}.trend-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #292929;font-size:1rem}.trend-item:last-child{border-bottom:none}.trend-label{color:#e0e0e0}.trend-percent{color:#57c09a;font-weight:600}.trend-row{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.timewindow-selector{display:flex;align-items:center;justify-content:center;margin:18px 0 24px}.timewindow-dropdown{background:#232323;color:#e0e0e0;border:1px solid #57c09a;border-radius:6px;padding:6px 14px;font-size:1rem;margin-left:4px;transition:border .2s}.timewindow-dropdown:focus{border-color:#57c09a;outline:none}.landing-header{text-align:center;margin-bottom:48px}.marketing-section,.trends-section{margin-top:48px;text-align:center}.section-title{font-size:1.8rem;color:#57c09a;margin-bottom:24px;text-align:center}.page-container{max-width:1200px;margin:32px auto;padding:32px 24px}.page-subtitle{text-align:center;color:#aaa;font-size:1.1rem;margin-bottom:32px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px}.chain-card,.token-card{background:#232323;border-radius:12px;box-shadow:0 2px 12px #00000026;padding:24px;transition:transform .2s,box-shadow .2s}.chain-card:hover,.token-card:hover{transform:translateY(-4px);box-shadow:0 4px 20px #57c09a26}.chain-header,.token-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #57c09a}.chain-logo,.token-logo{width:48px;height:48px;border-radius:50%;object-fit:cover}.token-header h3{margin:0;font-size:1.2rem}.token-ticker{color:#aaa;font-size:.95rem;margin-left:6px}.chain-info,.token-info{margin:16px 0}.info-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.95rem}.info-label{color:#aaa;font-weight:500}.info-value{color:#e0e0e0}.chain-stats,.token-stats{display:flex;justify-content:space-around;margin-top:16px;padding-top:12px;border-top:1px solid #292929}.stat-item{text-align:center}.stat-label{display:block;font-size:.85rem;color:#aaa;margin-bottom:4px}.stat-value{display:block;font-size:1.3rem;font-weight:700;color:#57c09a}.chain-explorer-link{display:block;text-align:center;margin-top:16px;color:#57c09a;text-decoration:none;font-weight:600;transition:color .2s}.chain-explorer-link:hover{color:#499e85}.discord-login-btn{background:#5865f2;color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s;display:flex;align-items:center;margin:32px auto}.discord-login-btn:hover{background:#4752c4}.user-section{background:#232323;border-radius:12px;padding:24px;margin:24px 0;box-shadow:0 2px 8px #0000001f}.user-section h2{margin-top:0;border-bottom:2px solid #57c09a;padding-bottom:12px}.empty-state{color:#aaa;font-style:italic;text-align:center;padding:32px 0}.wallets-list{margin-top:16px}.wallet-item{display:flex;align-items:center;gap:12px;padding:12px;background:#1a1a1a;border-radius:8px;margin-bottom:8px}.wallet-chain{color:#57c09a;font-weight:600;min-width:80px}.wallet-address{background:#0d0d0d;padding:6px 12px;border-radius:6px;color:#e0e0e0;font-family:Courier New,monospace;font-size:.95rem;flex:1}.transactions-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.transaction-section h3{color:#57c09a;margin-bottom:16px}.user-transactions-table{width:100%;font-size:.9rem}.status-badge-pending{background:#ffc107;color:#222;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:600}.status-badge-completed{background:#28a745;color:#fff;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:600}.status-badge-cancelled{background:#dc3545;color:#fff;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:600}@media(max-width:900px){.transactions-split,.cards-grid{grid-template-columns:1fr}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.logout-btn{background:#dc3545;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.logout-btn:hover{background:#c82333}@media(max-width:600px){.dashboard-header{flex-direction:column;align-items:flex-start}.logout-btn{width:100%}}
