*{margin:0;padding:0;box-sizing:border-box;max-width:100%}:root{--bg: #0a0a0f;--surface: #111118;--surface2: #1a1a24;--border: #2a2a3a;--blue: #007aff;--purple: #5856d6;--green: #30d158;--yellow: #ffd60a;--red: #ff453a;--text: #ffffff;--text2: #8e8ea0;--font: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;overflow-x:hidden}button{cursor:pointer;border:none;outline:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:inherit;font-family:var(--font)}input,textarea,select{font-family:var(--font);color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 14px;outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--blue)}.grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.orb-blue{width:400px;height:400px;background:#007aff14;top:-100px;left:-100px}.orb-purple{width:300px;height:300px;background:#5856d614;bottom:100px;right:-50px}.app-content{position:relative;z-index:1}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:48px 40px;width:380px;text-align:center}.login-logo{width:48px;margin-bottom:16px}.login-card h1{font-size:22px;font-weight:700;margin-bottom:6px}.login-card p{color:var(--text2);font-size:14px;margin-bottom:28px}.login-card input{width:100%;margin-bottom:14px;font-size:15px}.btn-primary{background:var(--blue);color:#fff!important;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:600;width:100%;transition:opacity .2s}.btn-primary:hover{opacity:.85}.login-error{color:var(--red);font-size:13px;margin-top:10px}.header{background:#111118cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;gap:16px;height:60px;position:sticky;top:0;z-index:100}.header-logo{width:28px;height:28px}.header-title{font-size:16px;font-weight:700;background:linear-gradient(135deg,var(--blue),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-subtitle{color:var(--text2);font-size:12px;margin-left:-8px}.header-right{margin-left:auto;display:flex;align-items:center;gap:10px}.btn-logout{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:6px 14px;font-size:13px;color:var(--text2)!important;transition:all .2s}.btn-logout:hover{color:var(--text)!important;border-color:var(--text2)}.tabs{display:flex;gap:4px;padding:16px 24px 0;border-bottom:1px solid var(--border);background:var(--surface)}.tab{background:transparent;color:var(--text2)!important;padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px 8px 0 0;border-bottom:2px solid transparent;transition:all .2s;margin-bottom:-1px}.tab:hover{color:var(--text)!important}.tab.active{color:var(--blue)!important;border-bottom-color:var(--blue)}.main{padding:28px 24px;max-width:1400px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 24px}.stat-label{color:var(--text2);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--blue),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-sub{font-size:12px;color:var(--text2);margin-top:4px}.section-title{font-size:18px;font-weight:700;margin-bottom:16px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.two-col{grid-template-columns:1fr}.main{padding:16px 14px}.orb{display:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.opportunity-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.opportunity-item:last-child{border-bottom:none}.opp-logo{font-size:22px;width:36px;text-align:center}.opp-info{flex:1}.opp-name{font-size:14px;font-weight:600}.opp-chain{font-size:12px;color:var(--text2)}.potential-badge{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700}.activity-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);margin-top:4px;flex-shrink:0}.activity-text{color:var(--text2)}.activity-text span{color:var(--text)}.activity-time{color:var(--text2);font-size:11px;margin-top:2px}.wallet-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-add{background:var(--blue);color:#fff!important;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;transition:opacity .2s}.btn-add:hover{opacity:.85}.wallets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.wallet-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px}.wallet-header{display:flex;align-items:center;gap:10px;justify-content:space-between}.wallet-nick-wrap{display:flex;align-items:center;gap:8px;flex:1}.wallet-nick{font-size:15px;font-weight:600}.wallet-nick-input{font-size:14px;font-weight:600;padding:4px 8px;background:var(--surface2);border:1px solid var(--blue);border-radius:6px;color:var(--text);width:140px}.btn-icon{background:var(--surface2);border:1px solid var(--border);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text2)!important;transition:all .2s;flex-shrink:0}.btn-icon:hover{color:var(--text)!important;border-color:var(--text2)}.btn-icon.danger:hover{color:var(--red)!important;border-color:var(--red)}.chain-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--surface2);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px}.chain-badge.eth{border-color:#627eea;color:#627eea}.chain-badge.sol{border-color:#9945ff;color:#9945ff}.chain-badge.btc{border-color:#f7931a;color:#f7931a}.wallet-addr{display:flex;align-items:center;gap:8px}.addr-text{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:var(--text2);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-copy{background:transparent;border:none;color:var(--text2)!important;font-size:14px;padding:2px 6px;transition:color .2s}.btn-copy:hover{color:var(--blue)!important}.wallet-balance{display:flex;align-items:center;justify-content:space-between}.balance-usd{font-size:22px;font-weight:700}.balance-native{font-size:12px;color:var(--text2)}.gas-indicator{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.gas-dot{width:8px;height:8px;border-radius:50%}.gas-dot.green{background:var(--green)}.gas-dot.yellow{background:var(--yellow)}.gas-dot.red{background:var(--red)}.wallet-qr{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#fff;border-radius:12px}.wallet-qr canvas,.wallet-qr img{border-radius:4px}.qr-label{color:#333;font-size:10px;font-family:monospace;word-break:break-all;text-align:center}.wallet-actions-row{display:flex;gap:8px}.btn-refresh{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:13px;color:var(--text2)!important;flex:1;transition:all .2s}.btn-refresh:hover{color:var(--blue)!important;border-color:var(--blue)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.protocols-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.protocol-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s}.protocol-card:hover{border-color:var(--blue)}.proto-header{display:flex;align-items:flex-start;gap:12px}.proto-logo{font-size:28px}.proto-info{flex:1}.proto-name{font-size:16px;font-weight:700;margin-bottom:4px}.proto-desc{font-size:12px;color:var(--text2);line-height:1.4}.proto-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.status-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;text-transform:uppercase}.status-badge.active{background:#30d15826;color:var(--green)}.status-badge.testnet{background:#ffd60a26;color:var(--yellow)}.status-badge.ended{background:#ff453a26;color:var(--red)}.score-badge{font-size:12px;font-weight:700;padding:3px 10px;border-radius:6px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff}.proto-progress{display:flex;flex-direction:column;gap:6px}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--text2)}.progress-bar{height:4px;background:var(--surface2);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--purple));border-radius:4px;transition:width .3s ease}.btn-tasks{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff!important;border-radius:10px;padding:10px;font-size:13px;font-weight:600;text-align:center;transition:opacity .2s}.btn-tasks:hover{opacity:.85}.overlay{position:fixed;inset:0;background:#000000b3;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:700px;max-height:85vh;overflow-y:auto;padding:28px}.modal-header{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.modal-logo{font-size:36px}.modal-title{font-size:22px;font-weight:700;margin-bottom:4px}.modal-chain{color:var(--text2);font-size:13px}.btn-close{margin-left:auto;background:var(--surface2);border:1px solid var(--border);border-radius:10px;width:36px;height:36px;font-size:18px;color:var(--text2)!important;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close:hover{color:var(--text)!important}.modal-desc{font-size:14px;color:var(--text2);margin-bottom:20px;line-height:1.5}.wallet-selector{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.wallet-tab{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:12px;color:var(--text2)!important;transition:all .2s}.wallet-tab.active{background:#007aff26;border-color:var(--blue);color:var(--blue)!important}.tasks-list{display:flex;flex-direction:column;gap:12px}.task-item{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start}.task-check{width:20px;height:20px;border-radius:6px;border:2px solid var(--border);background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all .2s;margin-top:2px;color:#fff!important}.task-check.done{background:var(--green);border-color:var(--green)}.task-content{flex:1}.task-title{font-size:14px;font-weight:600;margin-bottom:4px}.task-desc{font-size:12px;color:var(--text2)}.task-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.task-points{font-size:12px;font-weight:600;color:var(--yellow)}.btn-doit{background:var(--blue);color:#fff!important;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:600;transition:opacity .2s;white-space:nowrap}.btn-doit:hover{opacity:.85}.wallet-pts-bar{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.pts-num{font-size:18px;font-weight:700;color:var(--blue)}.matrix-wrap{overflow-x:auto}.matrix-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filter-btn{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:6px 14px;font-size:13px;color:var(--text2)!important;transition:all .2s}.filter-btn.active{background:#007aff26;border-color:var(--blue);color:var(--blue)!important}.matrix-table{width:100%;border-collapse:collapse;min-width:600px}.matrix-table th{background:var(--surface);padding:10px 12px;text-align:left;font-size:12px;color:var(--text2);border-bottom:1px solid var(--border);font-weight:600;white-space:nowrap}.matrix-table td{padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px}.matrix-table tr:hover td{background:var(--surface2)}.matrix-cell{cursor:pointer;transition:all .2s}.cell-pct{display:inline-flex;align-items:center;justify-content:center;width:52px;height:26px;border-radius:7px;font-size:12px;font-weight:700}.cell-pct.high{background:#30d15833;color:var(--green)}.cell-pct.mid{background:#ffd60a33;color:var(--yellow)}.cell-pct.low{background:#ff453a26;color:var(--red)}.cell-pct.zero{background:var(--surface2);color:var(--text2)}.modal-form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;color:var(--text2);font-weight:500}.form-input{width:100%;font-size:14px}.chain-detect{font-size:12px;color:var(--text2);margin-top:4px}.chain-detect.detected{color:var(--green)}.empty-state{text-align:center;padding:60px 20px;color:var(--text2)}.empty-state .icon{font-size:48px;margin-bottom:12px}.empty-state h3{font-size:18px;color:var(--text);margin-bottom:8px}.empty-state p{font-size:14px;margin-bottom:20px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text2)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.desktop-tabs{display:flex}.mobile-tab-bar{display:none;position:relative;padding:8px 14px 0}.mobile-tab-current{width:100%;padding:10px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:500;text-align:left;display:flex;align-items:center;justify-content:space-between;color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-tab-dropdown{position:absolute;top:calc(100% - 4px);left:14px;right:14px;z-index:100;background:var(--surface2);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0006}.mobile-tab-item{width:100%;padding:12px 16px;text-align:left;background:none;border:none;border-bottom:1px solid var(--border);font-size:14px;color:var(--text-2);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-tab-item:last-child{border-bottom:none}.mobile-tab-item.active{color:var(--blue);background:#007aff0f}.mobile-tab-item:hover{background:var(--surface);color:var(--text)}@media(max-width:768px){.desktop-tabs{display:none}.mobile-tab-bar{display:block}}@media(max-width:768px){.farm-btn-group{grid-template-columns:1fr}}select option{background:#1c1c24;color:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:1px}