*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0e17;color:#e1e4e8;min-height:100vh}a{color:#79c0ff;text-decoration:none}a:hover{text-decoration:underline}.header{background:linear-gradient(135deg,#1a1f2e,#0d1117);border-bottom:1px solid #21262d;padding:24px 32px;display:flex;justify-content:space-between;align-items:center}.header h1{font-size:28px;font-weight:700;color:#f0f6fc}.header h1 span{color:#7ee787}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.badge-stable{background:#1f3d2a;color:#7ee787}.badge-il{background:#3d1f1f;color:#f85149}.badge-chain{background:#1f2d3d;color:#79c0ff}.trend-up{color:#7ee787}.trend-down{color:#f85149}.trend-flat{color:#8b949e}.risk-score{font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:24px;border-radius:4px}.risk-low{background:#1f3d2a;color:#7ee787}.risk-med{background:#3d361f;color:#d29922}.risk-high{background:#3d1f1f;color:#f85149}.apy{font-weight:700;font-size:16px}.apy-high{color:#f85149}.apy-med{color:#d29922}.apy-low{color:#7ee787}.loading{text-align:center;padding:64px;color:#8b949e;font-size:16px}.spinner{display:inline-block;width:32px;height:32px;border:3px solid #30363d;border-top-color:#7ee787;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.mini-spinner{display:inline-block;width:14px;height:14px;border:2px solid #30363d;border-top-color:#7ee787;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.nav-links{display:flex;gap:16px;align-items:center}.nav-links a{color:#8b949e;font-size:14px;text-decoration:none}.nav-links a:hover{color:#e1e4e8}.nav-links a.active{color:#7ee787}.invest-btn{background:#238636;color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none!important}.invest-btn:hover{background:#2ea043}.wallet-btn{background:#238636;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.wallet-btn:hover{background:#2ea043}.wallet-btn.connected{background:#1f2d3d;color:#79c0ff;border:1px solid #30363d}.invest-container{max-width:640px;margin:0 auto;padding:24px 16px}.connect-prompt{text-align:center;padding:48px 24px;color:#8b949e}.connect-prompt p{font-size:15px;margin-bottom:4px}.invest-card{background:#161b22;border:1px solid #21262d;border-radius:12px;padding:20px;margin-bottom:16px;transition:border-color .2s}.invest-card:hover{border-color:#30363d}.invest-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.invest-card-header h3{font-size:13px;color:#7ee787;text-transform:uppercase;letter-spacing:.5px}.invest-card-title{font-size:13px;color:#7ee787;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.chain-warning{background:#3d361f;color:#d29922;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600}.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wallet-stat{display:flex;flex-direction:column;gap:4px;padding:8px 0}.wallet-stat-label{color:#8b949e;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.wallet-stat-value{color:#f0f6fc;font-size:15px;font-weight:600}.wallet-stat-value.mono{font-family:SF Mono,monospace;font-size:13px;color:#79c0ff}.wallet-stat-value.green{color:#7ee787}.empty-state{color:#484f58;font-size:13px;padding:12px 0;text-align:center}.positions-list{display:flex;flex-direction:column;gap:2px}.position-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #21262d}.position-row:last-child{border-bottom:none}.position-info{display:flex;align-items:center;gap:10px}.position-icon{font-size:20px}.position-name{font-size:14px;color:#f0f6fc;font-weight:500}.position-protocol{font-size:11px;margin-top:2px}.position-value{text-align:right}.position-amount{font-size:15px;font-weight:600;color:#7ee787}.position-symbol{font-size:11px;color:#8b949e}.input-group{margin-bottom:16px}.input-label{display:block;color:#8b949e;font-size:12px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.vault-select{width:100%;background:#0d1117;border:1px solid #30363d;color:#f0f6fc;padding:12px 14px;border-radius:8px;font-size:14px;cursor:pointer;outline:none;transition:border-color .2s}.vault-select:focus{border-color:#79c0ff}.vault-select optgroup{color:#8b949e;font-weight:600}.vault-select option{color:#f0f6fc;background:#0d1117}.vault-info-pill{display:flex;gap:8px;align-items:center;padding:8px 12px;background:#0d1117;border-radius:8px;font-size:12px;color:#8b949e;margin-bottom:16px;flex-wrap:wrap}.input-row{display:flex;gap:8px}.amount-input{flex:1;background:#0d1117;border:1px solid #30363d;color:#f0f6fc;padding:12px 14px;border-radius:8px;font-size:16px;outline:none;transition:border-color .2s;min-width:0}.amount-input:focus{border-color:#79c0ff}.amount-input:disabled{opacity:.5}.max-btn{background:#1f2d3d;color:#79c0ff;border:1px solid #30363d;padding:12px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.max-btn:hover{background:#263547;border-color:#79c0ff}.max-btn:disabled{opacity:.4;cursor:not-allowed}.action-buttons{display:flex;gap:10px}.btn-deposit{flex:2;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;background:#238636;color:#fff;transition:all .2s}.btn-deposit:hover:not(:disabled){background:#2ea043}.btn-deposit:disabled{opacity:.5;cursor:not-allowed}.btn-withdraw{flex:1;padding:14px;border:1px solid #30363d;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;background:#1f2d3d;color:#79c0ff;transition:all .2s}.btn-withdraw:hover:not(:disabled){background:#263547;border-color:#79c0ff}.btn-withdraw:disabled{opacity:.5;cursor:not-allowed}.btn-withdraw-max{padding:14px 12px;border:1px solid #30363d;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;background:#1f2d3d;color:#d29922;transition:all .2s;white-space:nowrap}.btn-withdraw-max:hover:not(:disabled){background:#3d361f;border-color:#d29922}.btn-withdraw-max:disabled{opacity:.5;cursor:not-allowed}.status-msg{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:13px;border:1px solid;word-break:break-all}.tx-history{display:flex;flex-direction:column;gap:4px}.tx-row{padding:10px 0;border-bottom:1px solid #21262d;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.tx-row:last-child{border-bottom:none}.tx-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tx-type{font-size:11px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px}.tx-type-deposit{background:#1f3d2a;color:#7ee787}.tx-type-withdraw{background:#1f2d3d;color:#79c0ff}.tx-type-approve{background:#3d361f;color:#d29922}.tx-vault{font-size:13px;color:#f0f6fc}.tx-amount{font-size:13px;color:#7ee787}.tx-meta{display:flex;align-items:center;gap:8px;font-size:11px}.tx-status{font-weight:600}.tx-status-confirmed{color:#7ee787}.tx-status-pending{color:#d29922}.tx-status-failed{color:#f85149}.tx-hash{color:#484f58;font-family:monospace}.tx-hash:hover{color:#79c0ff}.tx-time{color:#484f58}.clear-history{background:none;border:1px solid #21262d;color:#484f58;padding:8px;border-radius:6px;cursor:pointer;font-size:11px;margin-top:8px}.clear-history:hover{color:#f85149;border-color:#f85149}@media(max-width:768px){.header{padding:16px;flex-direction:column;gap:12px;text-align:center}.header h1{font-size:22px}.nav-links{justify-content:center}.chart-grid,.risk-grid,.risk-cards{grid-template-columns:1fr!important}.invest-container{padding:12px 8px}.invest-card{padding:16px}.wallet-grid{grid-template-columns:1fr;gap:8px}.action-buttons{flex-direction:column}.btn-deposit,.btn-withdraw,.btn-withdraw-max{flex:none}.vault-info-pill{font-size:11px;gap:4px}.tx-row{flex-direction:column;gap:6px}.tx-meta{flex-wrap:wrap}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:480px){.header{padding:12px}.header h1{font-size:18px}.invest-card{padding:12px;border-radius:8px}.amount-input{font-size:14px;padding:10px 12px}.vault-select{font-size:13px;padding:10px 12px}.position-name{font-size:13px}.position-amount{font-size:14px}}