*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f7;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{display:flex;height:100vh}.sidebar{background-color:#fff;border-right:1px solid #e5e5e7;display:flex;flex-direction:column;padding:20px;width:280px}.sidebar-header{margin-bottom:30px}.sidebar-title{color:#1d1d1f;font-size:20px;font-weight:600}.nav-menu{list-style:none}.nav-item{margin-bottom:8px}.nav-link{align-items:center;border-radius:8px;color:#666;cursor:pointer;display:flex;font-family:inherit;font-size:15px;padding:12px 16px;text-decoration:none;transition:all .2s}.nav-link:hover{background-color:#f5f5f7;color:#1d1d1f}.nav-link.active{background-color:#e5e5e7;color:#1d1d1f;font-weight:500}.nav-icon{font-size:18px;margin-right:12px}.badge{background-color:#34c759;border-radius:10px;color:#fff;margin-left:auto;padding:2px 6px}.main-content{display:flex;flex:1 1;flex-direction:column}.header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e5e7;display:flex;justify-content:space-between;padding:20px 40px}.page-title{color:#1d1d1f;font-size:28px;font-weight:600}.user-profiles{align-items:center;display:flex;gap:12px}.profile-button{background:#fff;border:1px solid #d1d1d6;border-radius:20px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.profile-button:hover{background-color:#f5f5f7}.profile-button.active{background-color:#0071e3;border-color:#0071e3;color:#fff}.profile-dropdown{position:relative}.dropdown-menu{background:#fff;border:1px solid #e5e5e7;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:8px;min-width:200px;position:absolute;right:0;top:100%;z-index:100}.dropdown-item{border-bottom:1px solid #f5f5f7;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#f5f5f7}.dropdown-item.active{background-color:#e5e5e7;font-weight:500}.dropdown-item.demo-mode{color:#666;cursor:default;font-style:italic}.dropdown-item.demo-mode:hover{background-color:initial}.page-content{flex:1 1;overflow-y:auto;padding:40px}.balance-card{background:#fff;border:1px solid #e5e5e7;border-radius:16px;margin-bottom:32px;padding:32px;text-align:center}.balance-amount{font-size:48px;font-weight:700;margin-bottom:8px}.balance-label{font-size:18px;margin-bottom:32px}.action-buttons{display:flex;gap:16px;justify-content:center}.action-button{background:#fff;border:1px solid #d1d1d6;color:#1d1d1f;padding:12px 24px;text-decoration:none}.action-button:hover{background-color:#f5f5f7}.tokens-section{background:#fff;border:1px solid #e5e5e7;border-radius:16px;padding:32px}.section-header{margin-bottom:24px}.section-title{color:#1d1d1f;font-size:24px}.empty-state{padding:60px 20px;text-align:center}.empty-icon{color:#d1d1d6}.empty-title{font-weight:500}.empty-description{color:#666;font-size:16px;margin-bottom:24px}.get-started-button{background-color:#0071e3;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.get-started-button:hover{background-color:#005bb5}.token-list{list-style:none}.token-item{align-items:center;border-bottom:1px solid #f5f5f7;display:flex;padding:16px 0}.token-item:last-child{border-bottom:none}.token-icon{background-color:#f5f5f7;font-size:18px;height:40px;margin-right:16px;width:40px}.token-info{flex:1 1}.token-name{color:#1d1d1f;font-size:16px;font-weight:500;margin-bottom:4px}.token-network{color:#666;font-size:14px}.token-balance{text-align:right}.token-amount{color:#1d1d1f;font-size:16px;font-weight:500;margin-bottom:4px}.token-value{color:#666;font-size:14px}.stakeable-badge{background-color:#0071e3;border-radius:6px;color:#fff;font-size:12px;font-weight:500;margin-left:8px;padding:4px 8px}.earn-categories-expandable{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.expandable-category{background:#fff;border:1px solid #e5e5e7;border-radius:12px;overflow:hidden;transition:all .2s}.expandable-category:hover{border-color:#0071e3;box-shadow:0 2px 8px #00000014}.category-summary{cursor:pointer;padding:20px 24px;transition:background-color .2s}.category-summary:hover{background:#f8f9fa}.category-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.category-icon-title{align-items:center;display:flex;gap:12px}.category-icon{font-size:24px}.category-title{color:#1d1d1f;font-size:20px;font-weight:600}.category-description{color:#666;font-size:14px;margin-top:4px}.category-metrics{align-items:center;display:flex;gap:32px}.market-apr,.missed-earnings{align-items:center;display:flex;flex-direction:column;text-align:center}.metric-value{color:#1d1d1f;font-size:16px;font-weight:600;margin-bottom:2px}.metric-label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.expand-icon{color:#666;font-size:14px;margin-left:16px}.category-products-expanded{animation:expandIn .2s ease-out;background:#fafafa;border-top:1px solid #f0f0f0}@keyframes expandIn{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.product-row{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:16px 24px;transition:background-color .2s}.product-row:last-child{border-bottom:none}.product-row:hover{background:#f0f0f0}.product-info{flex:1 1}.product-name{color:#1d1d1f;font-size:16px;font-weight:600;margin-bottom:4px}.product-description{color:#666;font-size:14px}.product-metrics{align-items:center;display:flex;gap:24px}.product-apy,.product-balance,.product-missed-earnings,.product-term{align-items:center;display:flex;flex-direction:column;min-width:80px;text-align:center}.subscribe-btn{background:#0071e3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.subscribe-btn:hover{background:#0056b3;transform:translateY(-1px)}@media (max-width:768px){.category-header-row{align-items:flex-start;flex-direction:column;gap:12px}.category-metrics{gap:16px;justify-content:space-between;width:100%}.product-row{align-items:flex-start;flex-direction:column;gap:16px}.product-metrics{flex-wrap:wrap;gap:16px;justify-content:space-between;width:100%}.product-apy,.product-balance,.product-missed-earnings,.product-term{min-width:60px}}.staked-positions{background:#fff;border:1px solid #e5e5e7;border-radius:16px;padding:32px}.table{border-collapse:collapse;width:100%}.table th{border-bottom:1px solid #e5e5e7;color:#666;font-size:14px;font-weight:500;padding:12px 0;text-align:left}.table td{border-bottom:1px solid #f5f5f7;font-size:14px;padding:16px 0}.table tr:last-child td{border-bottom:none}.staking-header{background:#fff;border-bottom:1px solid #e5e5e7;margin:0 0 32px;padding:20px 40px 40px}.header-top{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.header-center{width:100%}.external-link-icon{font-size:12px;opacity:.7;transition:opacity .2s ease}.learn-more-button:hover .external-link-icon{opacity:1}.liquid-staking-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto}.centered-card{display:flex;justify-content:center;width:100%}.liquid-staking-card{background:#fff;border:1px solid #e5e5e7;border-radius:16px;margin-bottom:32px;max-width:500px;padding:32px;width:100%}.protocol-header{align-items:center;display:flex;gap:16px;margin-bottom:32px}.protocol-icon{align-items:center;background-color:#f5f5f7;border-radius:50%;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.protocol-title{color:#1d1d1f;font-size:20px;font-weight:600;margin-bottom:4px}.protocol-subtitle{color:#666;font-size:14px}.start-earning-section{text-align:center}.action-buttons-row{display:flex;justify-content:center}.primary-button{background-color:#0071e3;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:14px 28px;transition:all .2s}.primary-button:hover{background-color:#005bb5}.secondary-button{background:#fff;border:1px solid #0071e3;border-radius:12px;color:#0071e3;cursor:pointer;font-size:16px;font-weight:500;padding:14px 28px;transition:all .2s}.secondary-button:hover{background-color:#f5f5f7}.balance-section{margin-bottom:32px}.balance-row{flex-direction:column;gap:20px}.balance-item,.balance-row{align-items:center;display:flex}.balance-item{flex-direction:row;gap:8px}.balance-amount{color:#1d1d1f;font-size:24px;font-weight:600}.balance-label{color:#666}.action-row{align-items:center;display:flex;gap:16px;justify-content:center}.swap-button{background-color:#0071e3;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 32px;transition:all .2s}.swap-button:hover{background-color:#005bb5}.small-button{background:#fff;border:1px solid #0071e3;border-radius:8px;color:#0071e3;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.small-button:hover{background-color:#f5f5f7}.nicp-position{text-align:center}.position-header{margin-bottom:32px}.position-amount{align-items:center;display:flex;flex-direction:column;gap:12px}.amount-value{color:#1d1d1f;font-size:36px;font-weight:700}.apy-badge{background-color:#34c759;border-radius:16px;font-size:14px;font-weight:500;padding:6px 12px}.position-actions{display:flex;gap:16px;justify-content:center}.back-button{background:none;border-radius:8px;color:#0071e3;font-size:20px;padding:8px 12px;transition:all .2s}.back-button:hover{background-color:#f5f5f7;color:#005bb5}.header-center{flex-direction:column;gap:12px}.header-center,.header-icon{align-items:center;display:flex}.header-icon{background:linear-gradient(135deg,#0071e3,#005bb5);border-radius:50%;font-size:24px;height:48px;justify-content:center;width:48px}.header-title{color:#1d1d1f;font-size:24px;font-weight:600;margin:0}.learn-more-button{align-items:center;background:none;border:none;border-radius:0;color:#007aff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:0;text-decoration:none;transition:all .2s ease}.learn-more-button:hover{color:#0056cc;text-decoration:underline}.summary-cards{grid-template-columns:1fr 1fr 1fr;margin-bottom:32px}.summary-card{border:1px solid #e5e5e7;justify-content:center}.card-label{color:#666;font-size:14px;margin-bottom:12px}.card-value{color:#1d1d1f;font-size:32px;font-weight:700;margin-bottom:8px}.card-value.green{color:#34c759}.card-subvalue{color:#666;font-size:14px}.header-cards-container{margin:32px auto 0;max-width:1200px;padding:0 20px}.header-card-top{margin-bottom:20px}.header-card-top .header-card{align-items:center;background:#f8f9fa;border:1px solid #e5e5e7;border-radius:12px;display:flex;flex-direction:row;justify-content:space-between;min-height:60px;padding:18px 24px}.header-card-top .header-card-content{align-items:center;display:flex;flex:1 1;gap:20px;min-width:0}.header-card-top .header-card-main{align-items:center;display:flex;flex-shrink:0;gap:12px}.header-card-top .header-card-label{color:#666;flex-shrink:0;font-size:14px;font-weight:500;margin:0;white-space:nowrap}.header-card-top .header-card-value-with-badge{align-items:center;display:flex;flex-shrink:0;gap:8px;margin:0}.header-card-top .header-card-value{color:#1d1d1f;font-size:24px;font-weight:700;margin:0}.header-card-top .header-card-subtitle{color:#8e8e93;flex-shrink:0;font-size:13px;margin:0;white-space:nowrap}.header-card-top .lifetime-earned{color:#34c759;flex-shrink:0;font-size:13px;font-weight:500;margin:0;white-space:nowrap}.header-card-top .header-card-button-full{flex-shrink:0;font-size:14px;margin-left:auto;min-width:120px;padding:10px 16px}.earnings-widget-content{align-items:center;display:flex;flex:1 1;gap:20px;min-width:0}.earnings-widget-left{align-items:center;display:flex;flex-shrink:0;gap:16px}.earnings-widget-title{color:#1d1d1f;font-size:14px;font-weight:600;margin:0;white-space:nowrap}.earnings-view-details-button{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;margin-left:auto;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.earnings-view-details-button:hover{background:#0056cc}.earnings-metrics{align-items:center;display:flex;flex:1 1;gap:20px;min-width:0}.earnings-metric{flex-shrink:0;text-align:center}.earnings-metric-label{color:#8e8e93;font-size:12px;font-weight:500;margin-bottom:4px;white-space:nowrap}.earnings-metric-value{color:#34c759;font-size:16px;font-weight:600;margin:0;white-space:nowrap}@media (min-width:1240px){.header-cards-container{padding:0}}@media (max-width:768px){.earnings-widget-content{align-items:flex-start;flex-direction:column;gap:16px;width:100%}.earnings-widget-left{justify-content:space-between;width:100%}.earnings-view-details-button{margin-left:0;padding:12px 16px}.earnings-metrics{flex-direction:column;gap:16px;width:100%}.earnings-metric{border-bottom:1px solid #f0f0f0;padding:12px 0;text-align:left}.earnings-metric:last-child{border-bottom:none}.earnings-metric-label{font-size:13px;margin-bottom:6px}.earnings-metric-value{font-size:18px}}.header-cards-bottom{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.header-card{background:#fff;border:1px solid #e5e5e7;border-radius:16px;padding:24px;text-align:left}.header-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.header-card-label{color:#666;font-size:14px;font-weight:500}.header-card-receive-button{background:#f0f0f0;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.header-card-receive-button:hover{background:#e5e5e7;color:#333}.header-card-receive-button.primary{background:#007aff;color:#fff}.header-card-receive-button.primary:hover{background:#0056b3;color:#fff}.header-card-value{color:#1d1d1f;font-size:32px;font-weight:700;margin-bottom:4px}.header-card-usd{color:#666;font-size:16px;margin-bottom:12px}.header-card-subtitle{color:#666;font-size:14px;margin-bottom:16px}.lifetime-earned{margin-bottom:12px}.header-card-buttons{display:flex;gap:8px}.header-card-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.header-card-button.primary{background:#007aff;color:#fff}.header-card-button.primary:hover{background:#0056b3}.header-card-button.secondary{background:#f5f5f7;border:1px solid #e5e5e7;color:#1d1d1f}.header-card-button.secondary:hover{background:#e5e5e7}.header-card-button-full{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:500;padding:12px 16px;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.header-card-button-full:hover{background:#0056b3;color:#fff;text-decoration:none}.header-card-button-full.secondary{background:#f5f5f7;border:1px solid #e5e5e7;color:#1d1d1f}.header-card-button-full.secondary:hover{background:#e5e5e7;color:#1d1d1f;text-decoration:none}.header-card-buttons-row{display:flex;gap:8px;width:100%}.header-card-button-half{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;text-align:center;text-decoration:none;transition:all .2s ease}.header-card-button-half:hover{background:#0056b3;color:#fff;text-decoration:none}.header-card-button-half.secondary{background:#f5f5f7;border:1px solid #e5e5e7;color:#1d1d1f}.header-card-button-half.secondary:hover{background:#e5e5e7;color:#1d1d1f;text-decoration:none}.nicp-earnings-card .nicp-earning-subtitle{color:#666;font-size:14px;margin-bottom:12px}.nicp-earnings-card .nicp-breakdown{margin-bottom:12px}.nicp-earnings-card .nicp-breakdown .nicp-earning-subtitle{color:#666;font-size:14px;margin-bottom:0}.header-card .revenue-breakdown{margin-bottom:12px}.header-card .revenue-breakdown .header-card-subtitle{color:#666;font-size:14px;margin-bottom:0}.header-card-value-with-badge{align-items:center;display:flex;gap:12px;margin-bottom:8px}.header-card-value-with-badge .header-card-value{color:#1d1d1f;font-size:32px;font-weight:700}.apy-badge{background:#34c759;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;white-space:nowrap}.withdrawing-amount{color:#8e8e93;font-size:16px;margin-bottom:8px}.nicp-earnings-card .lifetime-earned{color:#007aff;font-size:14px;font-weight:500;margin-bottom:4px}.nicp-earnings-card .apy-details{color:#666;font-size:14px;margin-bottom:16px}.nicp-earnings-card .view-growth-btn{margin-top:8px}.warning-chip{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:20px;color:#856404;display:inline-flex;font-size:14px;font-weight:500;padding:6px 12px}@media (max-width:768px){.staking-header{padding:20px}.header-cards-container{margin:24px auto 0}.header-card-top{margin-bottom:16px}.header-card-top .header-card{align-items:flex-start;flex-direction:column;gap:16px;min-height:auto;padding:20px}.header-card-top .header-card-content,.header-card-top .header-card-main{align-items:flex-start;flex-direction:column;gap:12px;width:100%}.header-card-top .header-card-button-full{margin-left:0;margin-top:8px;min-width:auto;width:100%}.header-card-top .header-card-subtitle,.header-card-top .lifetime-earned{white-space:normal}.header-cards-bottom{gap:16px;grid-template-columns:1fr}.header-card-value-with-badge{align-items:flex-start;flex-direction:column;gap:8px}.apy-badge{font-size:11px;padding:3px 6px}.withdrawing-amount{font-size:14px}.header-card-buttons-row{flex-direction:column;gap:8px}.header-card-button-half{flex:none;width:100%}.header-card{padding:20px}.header-card-value{font-size:28px}}.available-to-swap{background:#fff;border:1px solid #e5e5e7;border-radius:16px;margin-bottom:32px;padding:24px}.swap-header{align-items:center;display:flex;margin-bottom:24px}.swap-header-icon{margin-right:16px;position:relative}.swap-icon{background:#f0f0f0;border-radius:50%;display:inline-block;font-size:24px;padding:8px}.dollar-icon{align-items:center;background:#34c759;border:2px solid #fff;border-radius:50%;bottom:-2px;color:#fff;display:flex;font-size:16px;height:20px;justify-content:center;position:absolute;right:-2px;width:20px}.swap-header-text h2{color:#1d1d1f;font-size:20px;font-weight:600;margin:0 0 4px}.swap-header-text p{color:#666;font-size:14px;margin:0}.swap-table{width:100%}.swap-table-header{border-bottom:1px solid #e5e5e7;margin-bottom:16px;padding:12px 0}.swap-table-header,.swap-table-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 140px}.swap-table-row{align-items:center;border-bottom:1px solid #f5f5f7;padding:16px 0}.swap-table-row:last-child{border-bottom:none}.swap-table-cell.header-cell{color:#666;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.asset-info{gap:12px}.asset-icon{align-items:center;background:#f8f8f8;border-radius:50%;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.asset-name{color:#1d1d1f;font-size:16px;margin-bottom:2px}.asset-description{color:#666;font-size:14px}.amount-cell,.rewards-cell{text-align:right}.amount-value,.rewards-value{color:#1d1d1f;font-size:16px;font-weight:600;margin-bottom:2px}.amount-usd{color:#666;font-size:14px}.rewards-value{color:#34c759}.rewards-apy{color:#666;font-size:14px}.swap-action-button{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s ease;width:100%}.swap-action-button:hover{background:#0056b3}@media (max-width:768px){.swap-table-header,.swap-table-row{gap:8px;grid-template-columns:1fr}.swap-table-cell.header-cell{display:none}.swap-table-row{background:#f8f8f8;border:none;border-radius:12px;margin-bottom:12px;padding:16px}.amount-cell,.rewards-cell{text-align:left}.asset-info{margin-bottom:12px}}.receive-icp-modal{background:#fff;border-radius:24px;max-height:90vh;max-width:480px;overflow-y:auto;position:relative;width:90%}.receive-icp-modal .modal-header{align-items:center;border-bottom:1px solid #e5e5e7;display:flex;justify-content:space-between;margin-bottom:0;padding:24px 24px 0}.receive-icp-modal .modal-title{color:#1d1d1f;font-size:24px;font-weight:600;margin:0}.receive-icp-modal .modal-close{align-items:center;background:#f5f5f7;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;width:32px}.receive-icp-modal .modal-close:hover{background:#e5e5e7}.receive-icp-modal .modal-body{padding:32px 24px;text-align:center}.qr-code-section{margin-bottom:32px}.qr-code-container{display:flex;justify-content:center;margin-bottom:24px}.qr-code-placeholder{align-items:center;background:#000;border-radius:16px;display:flex;height:200px;justify-content:center;position:relative;width:200px}.qr-pattern{background-image:repeating-linear-gradient(0deg,#000,#000 8px,#fff 0,#fff 16px),repeating-linear-gradient(90deg,#000,#000 8px,#fff 0,#fff 16px);height:100%;opacity:.9;width:100%}.icp-logo{align-items:center;background:#fff;border-radius:50%;display:flex;font-size:24px;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.principal-section{text-align:left}.principal-label{color:#1d1d1f;font-size:16px;font-weight:600;margin-bottom:12px}.principal-container{align-items:center;background:#e8f4fd;border-radius:12px;display:flex;gap:12px;padding:16px}.principal-icon{flex-shrink:0;font-size:20px}.principal-address{color:#1d1d1f;flex:1 1;font-family:Monaco,Menlo,monospace;font-size:14px;line-height:1.4;word-break:break-all}.copy-button{background:none;border-radius:6px;flex-shrink:0;font-size:18px;padding:4px}.copy-button:hover{background:#d1e9f8}.buy-icp-secondary-button{background:#f0f0f0;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:500;margin-top:16px;padding:12px 16px;transition:all .2s ease;width:100%}.buy-icp-secondary-button:hover{background:#e5e5e7;color:#333}.receive-icp-modal .modal-footer{padding:0 24px 24px}.done-button{background:#007aff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .2s ease;width:100%}.done-button:hover{background:#0056cc;transform:translateY(-1px)}.growth-redemptions-modal{background:#fff;border-radius:16px;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:90%}.growth-redemptions-modal .modal-header{align-items:center;border-bottom:1px solid #e5e5e7;display:flex;justify-content:space-between;padding:24px 32px}.growth-redemptions-modal .modal-title{color:#1d1d1f;font-size:24px;font-weight:600;margin:0}.growth-redemptions-modal .modal-close{align-items:center;background:#f5f5f7;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;width:32px}.growth-redemptions-modal .modal-close:hover{background:#e5e5e7}.earnings-periods{align-items:center;background:#f8f9fa;border-bottom:1px solid #e5e5e7;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:24px 32px}.earnings-period-item{align-items:center;display:flex;flex:1 1;flex-direction:column}.earnings-period-item .period-label{color:#8e8e93;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.earnings-period-item .period-value{color:#1d1d1f;font-size:16px;font-weight:600}.growth-redemptions-modal .modal-body{padding:0 32px 32px}.current-balance-section{background:#f8f9fa;border:1px solid #e5e5e7;border-radius:12px;margin-bottom:24px;padding:20px}.balance-header h3{color:#1d1d1f;font-size:20px;font-weight:600;margin:0 0 8px}.balance-breakdown{color:#666;margin-bottom:12px}.earnings-preview .earnings-text{color:#34c759;font-size:14px;font-weight:500}.growth-chart-section{background:#f8f9fa;border:1px solid #e5e5e7;border-radius:12px;margin-bottom:24px}.chart-placeholder{color:#999;font-size:16px;font-style:italic;height:200px}.earnings-breakdown-section{background:#f8f9fa;border:1px solid #e5e5e7;border-radius:12px;margin-bottom:24px;padding:20px}.earnings-breakdown-section h4{color:#1d1d1f;font-size:18px;font-weight:600;margin:0 0 12px}.earnings-details{display:flex;flex-direction:column;gap:4px}.auto-yield{color:#1d1d1f;font-size:14px}.variation{color:#666;font-size:14px}.exit-options-section{background:#f8f9fa;border:1px solid #e5e5e7;border-radius:12px;margin-bottom:24px;padding:20px}.exit-options-section h4{color:#1d1d1f;font-size:18px;font-weight:600;margin:0 0 16px}.exit-option{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.exit-option:last-child{margin-bottom:0}.option-description{display:flex;flex:1 1;flex-direction:column;gap:4px}.option-type{color:#1d1d1f;font-size:14px;font-weight:600}.option-details{color:#666;font-size:14px}.option-actions{display:flex;gap:8px}.redeem-more-btn{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.redeem-more-btn:hover{background:#0056b3}.trade-btn{background:#fff;border:1px solid #007aff;border-radius:8px;color:#007aff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.trade-btn:hover{background:#007aff;color:#fff}.how-it-works-section{background:#f8f9fa;border:1px solid #e5e5e7;border-radius:12px;padding:20px}.how-it-works-section h4{color:#1d1d1f;font-size:18px;font-weight:600;margin:0 0 12px}.how-it-works-list{display:flex;flex-direction:column;gap:4px}.how-it-works-item{color:#666;font-size:14px}@media (max-width:768px){.growth-redemptions-modal{max-width:none;width:95%}.growth-redemptions-modal .modal-body,.growth-redemptions-modal .modal-header{padding-left:20px;padding-right:20px}.earnings-periods{gap:12px;padding:20px}.earnings-period-item .period-label{font-size:11px}.earnings-period-item .period-value{font-size:14px}.exit-option{align-items:flex-start;flex-direction:column;gap:12px}.option-actions{justify-content:flex-start;width:100%}}.main-actions{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.action-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:500;padding:14px 28px;transition:all .2s}.action-btn.secondary{background:#f5f5f7;border:1px solid #e5e5e7;color:#0071e3}.action-btn.secondary:hover{background:#e5e5e7}.action-btn.primary{background:#0071e3;color:#fff}.action-btn.primary:hover{background:#005bb5}.action-btn.success{background:#34c759;color:#fff}.action-btn.success:hover{background:#28a745}.available-info{align-items:center;color:#666;display:flex;font-size:14px;gap:12px;justify-content:center;margin-bottom:40px;text-align:center}.empty-state-content{padding:20px 0;text-align:center}.empty-state-header{margin-bottom:32px}.empty-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;font-size:24px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.empty-title{color:#1d1d1f;font-size:20px;font-weight:600;margin-bottom:8px}.empty-subtitle{color:#666;font-size:14px;margin:0}.activity-section{background:#fff;border:1px solid #e5e5e7;border-radius:16px;margin-bottom:32px;padding:32px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{align-items:center;border-bottom:1px solid #f5f5f7;display:flex;gap:16px;padding:12px 0}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.activity-icon.incoming{background-color:#e8f5e8;color:#34c759}.activity-icon.outgoing{background-color:#fff2e5;color:#ff9500}.activity-icon.received{background-color:#dbeafe;color:#2563eb}.activity-icon.unstaked{background-color:#fed7aa;color:#ea580c}.activity-icon.disbursed{background-color:#dcfce7;color:#16a34a}.activity-content{flex:1 1}.activity-title{color:#1d1d1f;font-size:15px;font-weight:500;margin-bottom:4px}.activity-subtitle{color:#666;font-size:13px}.activity-amount{text-align:right}.amount{font-size:15px;font-weight:500;margin-bottom:4px}.amount.positive{color:#34c759}.amount.negative{color:#ff3b30}.activity-date{color:#666;font-size:13px}.show-more-btn{background:none;border:none;border-radius:8px;color:#0071e3;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.show-more-btn:hover{background-color:#f5f5f7}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.arbitrage-modal{background:#f8f9fc;border-radius:20px;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.modal-header{align-items:flex-start;padding:32px 32px 24px}.modal-title-section{align-items:flex-start;display:flex;gap:16px}.modal-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.modal-title{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 8px}.modal-subtitle{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.modal-close{border-radius:4px;padding:4px;transition:all .2s}.modal-close:hover{background-color:#f3f4f6}.modal-body{gap:32px;padding:32px}.input-section,.modal-body{display:flex;flex-direction:column}.input-section{gap:12px}.input-label{color:#374151;font-size:16px}.input-container{align-items:center;display:flex}.amount-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#1f2937;font-size:18px;padding:16px 60px 16px 20px;text-align:center;transition:all .2s}.amount-input:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-suffix{color:#6b7280;font-size:16px;font-weight:500;pointer-events:none;position:absolute;right:20px}.comparison-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.strategy-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-direction:column;gap:20px;padding:24px}.strategy-header{align-items:center;display:flex;gap:12px}.strategy-icon{align-items:center;border-radius:50%;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.strategy-icon.water{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.strategy-icon.dex{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.strategy-name{color:#1f2937;font-size:18px;font-weight:600;margin:0}.strategy-details{display:flex;flex-direction:column;gap:12px}.detail-row.airdrop{background:#f0fdf4;border-left:3px solid #22c55e;border-radius:8px;padding:8px 12px}.detail-row.no-airdrop{background:#fef3cd;border-left:3px solid #f59e0b;border-radius:8px;padding:8px 12px}.detail-label{color:#6b7280;font-size:14px}.detail-value{color:#1f2937;font-size:14px;font-weight:500}.detail-value.primary{color:#3b82f6;font-weight:600}.detail-value.success{color:#22c55e;font-weight:600}.detail-value.muted{color:#9ca3af}.projection-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.projection-title{color:#475569;font-size:14px;font-weight:600;margin:0 0 12px}.projection-details{display:flex;flex-direction:column;gap:8px}.projection-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.projection-row span:first-child{color:#64748b}.projection-value{color:#1e293b;font-weight:600}.projection-value.positive{color:#22c55e}.projection-value.neutral{color:#6b7280}.insights-section{background:#fffbeb;border:1px solid #fbbf24;border-radius:12px;padding:20px}.insights-header{margin-bottom:16px}.insights-title{color:#92400e;font-size:16px;font-weight:600;margin:0}.insights-list{gap:8px}.insights-list li{color:#92400e;font-size:14px;line-height:1.5}.modal-actions{gap:16px;padding:24px 32px 32px}.action-button{font-weight:500;padding:14px 24px;transition:all .2s}.action-button.primary{background:#3b82f6}.action-button.primary:hover{background:#2563eb}.action-button.secondary{background:#6b7280;color:#fff}.action-button.secondary:hover{background:#4b5563}.button-icon{font-size:16px}@media (max-width:768px){.comparison-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.arbitrage-modal{margin:10px;max-height:95vh}}.info-section{background:#fff;border:1px solid #e5e5e7;border-radius:16px;margin-bottom:32px;padding:32px}.info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{align-items:flex-start;display:flex;gap:16px}.info-icon{align-items:center;background-color:#f5f5f7;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.info-item h4{color:#1d1d1f;font-size:16px;font-weight:600;margin-bottom:4px}.info-item p{color:#666;font-size:14px;line-height:1.4}.staking-comparison-widget{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:20px;padding:20px}.widget-header{margin-bottom:20px;text-align:center}.widget-title{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 6px}.widget-subtitle{color:#6b7280;font-size:13px;margin:0}.comparison-input{align-items:center;background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:14px;text-align:center}.input-label{color:#6b7280;font-size:14px;font-weight:500}.comparison-amount-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:16px;font-weight:600;padding:12px 50px 12px 16px;text-align:center;transition:all .2s;width:120px}.comparison-amount-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.routes-comparison{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.route-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.route-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.route-card.staking{border-left:4px solid #3b82f6}.route-card.market{border-left:4px solid #8b5cf6}.route-header{gap:12px;margin-bottom:16px}.route-header,.route-icon{align-items:center;display:flex}.route-icon{background:#f1f5f9;border-radius:50%;font-size:16px;height:32px;justify-content:center;width:32px}.route-title{color:#1f2937;font-size:16px;font-weight:600;margin:0}.route-subtitle{color:#6b7280;font-size:12px;margin:0}.main-result{margin-bottom:16px;text-align:center}.result-value{color:#1f2937;display:block;font-size:20px;font-weight:700;margin-bottom:4px}.route-breakdown{display:flex;flex-direction:column;gap:8px}.breakdown-item{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.breakdown-item.bonus{background:#f0fdf4;border-left:3px solid #22c55e;border-radius:6px;padding:8px 12px}.breakdown-item.warning{background:#fef3cd;border-left:3px solid #f59e0b;border-radius:6px;padding:8px 12px}.bonus-value{color:#22c55e;font-weight:600}.warning-value{color:#f59e0b;font-weight:500}.comparison-summary{margin-bottom:32px}.summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.summary-header h4{color:#1f2937}.difference-amount{align-items:center;display:flex;gap:12px;margin-bottom:8px}.difference-value{font-size:18px;font-weight:700}.difference-value.positive{color:#22c55e}.difference-value.negative{color:#ef4444}.difference-badge{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px}.summary-text{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.holdings-analysis{background:#fefbfb;border:1px solid #f3e8ff;border-radius:12px;margin-bottom:32px;padding:24px}.analysis-header{align-items:center;display:flex;gap:8px;margin-bottom:20px}.analysis-icon{font-size:18px}.analysis-header h4{color:#1f2937;font-size:18px;font-weight:600;margin:0}.analysis-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.analysis-item{display:flex;flex-direction:column;gap:4px}.analysis-item.highlight{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.analysis-label{color:#6b7280;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.analysis-value{color:#1f2937;font-size:16px;font-weight:600}.gain-display{align-items:center;display:flex;gap:8px}.gain-value{font-size:18px;font-weight:700}.gain-value.positive{color:#22c55e}.gain-value.negative{color:#ef4444}.gain-badge{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px}.market-status{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:12px}.status-label{color:#6b7280;font-size:14px;font-weight:500}.status-badge{border-radius:6px;padding:4px 8px}.widget-insights{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:20px}.insights-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.insights-icon{font-size:18px}.insights-header h4{color:#0c4a6e;font-size:16px;font-weight:600;margin:0}.insights-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.insights-list li{color:#0c4a6e;font-size:13px;line-height:1.4}.insights-list strong{font-weight:600}.widget-tabs{border-bottom:2px solid #e5e7eb;display:flex;margin-bottom:24px}.tab-button{background:none;border:none;border-bottom:3px solid #0000;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.tab-button:hover:not(:disabled){background:#f3f4f6}.tab-button.active{background:#eff6ff;border-bottom-color:#3b82f6;color:#3b82f6}.tab-button:disabled{cursor:not-allowed;opacity:.5}.tab-content{min-height:300px}.tab-header{margin-bottom:16px;text-align:center}.tab-header h4{font-size:18px;font-weight:600;margin:0 0 6px}.tab-header p{color:#6b7280;font-size:14px;margin:0}.portfolio-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.portfolio-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.portfolio-item.highlight{background:#eff6ff;border-color:#3b82f6}.portfolio-label{color:#6b7280;display:block;font-size:14px;margin-bottom:8px}.portfolio-value{color:#111827;display:block;font-size:18px;font-weight:600}.portfolio-performance{align-items:center;display:flex;gap:8px}.performance-value{font-size:18px}.performance-value.positive{color:#059669}.performance-value.negative{color:#dc2626}.performance-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.market-context{background:#fff;border:1px solid #d1d5db;border-radius:8px;margin-bottom:24px;padding:20px}.context-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.context-icon{font-size:20px}.context-header h4{font-size:16px;font-weight:600;margin:0}.context-content{margin-top:12px}.market-discount{align-items:center;display:flex;gap:12px;margin-bottom:12px}.discount-label{color:#6b7280;font-size:14px}.discount-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.context-explanation{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.route-badge{margin-top:12px;text-align:center}.badge{border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px}.badge.includes-airdrop{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.badge.no-airdrop{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.unstake-options-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:24px 0;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h4{color:#111827;font-size:16px;font-weight:600;margin:0}.settings-toggle{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:4px;transition:background-color .2s ease}.settings-toggle:hover{background:#f3f4f6}.unstake-options-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.unstake-option{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;text-align:center}.unstake-option-header{margin-bottom:8px}.option-title{color:#374151;font-size:14px;font-weight:600}.unstake-value{color:#111827;font-size:20px;font-weight:700;margin-bottom:4px}.unstake-subtitle{color:#6b7280;font-size:12px;line-height:1.4}.settings-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px}.settings-title{color:#111827;font-size:14px;font-weight:600;margin-bottom:12px}.settings-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.setting-item{align-items:center;display:flex;gap:8px}.setting-item label{color:#374151;font-size:14px;min-width:80px}.apr-inputs{align-items:center;display:flex;gap:6px}.apr-input{border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:4px 6px;text-align:center;width:50px}.settings-note{color:#6b7280;font-size:12px;font-style:italic;line-height:1.4}.unstake-option.immediate{border-left:3px solid #f59e0b}.unstake-option.delayed{border-left:3px solid #10b981}.unstake-value-detailed{margin-bottom:12px}.current-nav{color:#111827;font-size:16px;font-weight:600;margin-bottom:6px}.projected-nav{color:#059669;font-size:18px;font-weight:700;margin-bottom:4px}.projection-details{color:#6b7280;display:block;font-size:12px;font-weight:500;margin-top:2px}.fee-pill{background:#fef3c7;border-radius:8px;color:#92400e;display:inline-block;font-size:11px;font-weight:600;margin-left:6px;padding:2px 6px}.tooltip-note{color:#9ca3af;font-size:11px;font-style:italic;margin-top:6px}.unstaking-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.unstaking-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:32px 32px 24px}.unstaking-body{padding:32px}.unstaking-input{margin-bottom:24px}.input-actions{align-items:center;display:flex;gap:8px}.max-button{background:#374151;border-radius:4px;color:#fff;padding:4px 8px}.token-icon{margin-left:4px}.error-message{margin-top:8px;padding:12px}.rate-display{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0c4a6e;display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:32px;padding:16px}.rate-icon{font-size:16px}.rate-note{color:#6b7280;font-size:12px}.unstaking-options{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.option-card{transition:border-color .2s ease}.option-card:hover{border-color:#3b82f6}.option-card.immediate{border-left:4px solid #f59e0b}.option-card.delayed{border-left:4px solid #10b981}.option-header{margin-bottom:16px}.option-header h3{font-size:18px;font-weight:600;margin:0}.info-icon{color:#6b7280;cursor:help;font-size:16px}.option-result{margin-bottom:20px;text-align:center}.result-amount{color:#111827;display:block;font-size:24px;margin-bottom:4px}.result-label{color:#6b7280;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.option-details{margin-bottom:16px}.detail-row span:first-child{color:#6b7280}.detail-row span:last-child{color:#111827}.detail-row.discount .discount-value{color:#dc2626;font-weight:600}.detail-row.bonus .bonus-value{color:#059669;font-weight:600}.option-note{margin-top:12px;text-align:center}.help-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.comparison-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.summary-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.summary-icon{font-size:18px}.summary-header h4{font-size:16px;font-weight:600;margin:0}.summary-content{display:flex;flex-direction:column;gap:12px}.summary-item{align-items:center;display:flex;justify-content:space-between}.summary-label{color:#6b7280;font-size:14px}.summary-value{color:#111827;font-size:14px;font-weight:600}.unstaking-insights{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:20px}.unstaking-actions{background:#f8f9fc;border-radius:0 0 20px 20px;border-top:1px solid #e5e7eb;display:flex;gap:16px;padding:24px 32px 32px}.action-button{align-items:center;border-radius:12px;display:flex;flex:1 1;font-size:16px;gap:8px;justify-content:center;padding:16px 24px}.immediate-btn{background:#f59e0b;color:#fff}.immediate-btn:hover:not(:disabled){background:#d97706}.delayed-btn{background:#10b981;color:#fff}.delayed-btn:hover:not(:disabled){background:#059669}.action-button:disabled{cursor:not-allowed;opacity:.5}.button-icon{font-size:18px}@media (max-width:768px){.unstaking-options{grid-template-columns:1fr}.unstaking-actions{flex-direction:column}.option-radio{padding:12px}.radio-header{gap:8px}.option-info h5{font-size:14px}.option-subtitle{font-size:12px}.option-amount .amount{font-size:14px}.unstake-options-grid{grid-template-columns:1fr}.settings-grid{gap:8px}.setting-item{align-items:flex-start;flex-direction:column}.setting-item label{min-width:auto}.analysis-grid,.routes-comparison{grid-template-columns:1fr}.difference-amount{align-items:flex-start;flex-direction:column;gap:8px}}.tooltip{background:#f3f4f6;border:1px solid #d1d5db;border-radius:50%;color:#6b7280;cursor:help;display:inline-block;font-size:12px;margin-left:4px;padding:2px 4px;position:relative}.tooltip:hover:after{background:#000000e6;border-radius:8px;bottom:120%;box-shadow:0 4px 12px #00000026;color:#fff;content:attr(title);font-size:12px;font-weight:400;line-height:1.4;margin-bottom:5px;max-width:240px;padding:10px 14px;white-space:normal;width:-webkit-max-content;width:max-content}.tooltip:hover:after,.tooltip:hover:before{left:50%;position:absolute;transform:translateX(-50%);z-index:1000}.tooltip:hover:before{border:4px solid #0000;border-top-color:#374151;bottom:95%;content:""}.net-position-caption{color:#6b7280;font-size:12px;font-style:italic;margin-top:4px}.snapshot-row{grid-gap:12px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:16px;padding:12px}.snapshot-column{display:flex;flex-direction:column;gap:4px}.snapshot-header{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.snapshot-value{color:#111827;font-size:14px;font-weight:600;line-height:1.4}@media (max-width:768px){.snapshot-row{gap:16px;grid-template-columns:1fr}.snapshot-column{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr}.snapshot-header{grid-column:1}.snapshot-value{text-align:right}}.decision-title{color:#111827;font-size:20px;font-weight:600;margin:0 0 16px}.comparison-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:16px 0;padding:12px}.table-header{grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:8px}.column-header{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.025em;text-align:center;text-transform:uppercase}.table-row{grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr 1fr;padding:10px 0}.row-label{color:#6b7280;font-size:14px;font-weight:500}.table-cell{text-align:center}.primary-value{color:#111827;font-size:14px;font-weight:600;line-height:1.2}.secondary-value{color:#6b7280;font-size:11px;margin-top:1px}.primary-value.positive{color:#059669}.primary-value.negative{color:#dc2626}.primary-value.neutral{color:#6b7280}.table-header h3{color:#1f2937;font-size:16px;font-weight:600}.secondary-row .row-label{color:#9ca3af;font-size:14px}.secondary-row .primary-value{color:#6b7280;font-size:14px;font-weight:500}.unstake-row .row-label{color:#374151;font-size:15px;font-weight:500}.unstake-main-value{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.unstake-amount{color:#1f2937;font-size:16px}.unstake-note-below{color:#6b7280;font-size:12px;font-weight:500;text-align:center}.unstake-note-below.gain-inline{color:#059669;font-weight:600}.unstake-note-below.loss-inline{color:#dc2626;font-weight:600}.unstake-inline-note{font-size:14px;font-weight:500}.gain-inline{color:#059669;font-weight:600}.loss-inline{color:#dc2626;font-weight:600}.badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:500;letter-spacing:.025em;padding:2px 8px;text-transform:uppercase}.badge-positive{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.badge-neutral{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.badge-negative{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.option-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:24px 0}.simple-option-card{background:#fff;border:2px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 8px #0000001a;padding:32px 24px;position:relative;text-align:center;transition:all .3s ease}.simple-option-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.simple-option-card.recommended{border-color:#059669;box-shadow:0 4px 20px #05966940}.card-icon{display:block;font-size:48px;margin-bottom:16px}.card-title{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 12px}.card-amount{color:#059669;font-size:32px;font-weight:800;line-height:1;margin-bottom:16px}.card-description{color:#6b7280;font-size:16px;line-height:1.5;padding:0 8px}.card-description,.card-highlights{margin-bottom:24px}.highlight-item{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:12px}.highlight-item:last-child{margin-bottom:0}.highlight-icon{font-size:16px}.best-option-badge{background:linear-gradient(135deg,#059669,#10b981);border-radius:12px;box-shadow:0 2px 8px #0596694d;color:#fff;font-size:14px;font-weight:600;margin-bottom:20px;padding:12px 16px}.action-button{font-size:14px;padding:12px 20px;transition:all .3s ease;width:100%}.action-button.primary{background:#2563eb;color:#fff}.action-button.primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.action-button.secondary{background:#f3f4f6;border:2px solid #e5e7eb;color:#374151}.action-button.secondary:hover{background:#e5e7eb;border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.option-card{border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .3s ease}.option-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.option-card.recommended{border-color:#059669;box-shadow:0 4px 12px #05966940}.card-header{align-items:center;background:#f9fafb;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 24px 16px}.header-title-group{display:flex;flex-direction:column;gap:4px}.card-header h3{color:#1f2937;font-size:14px;font-weight:700;margin:0}.header-amount{color:#059669;font-size:24px;font-weight:800;line-height:1}.card-content{padding:20px 24px 24px}.card-action{border-top:1px solid #f3f4f6;margin-top:20px;padding-top:16px}.card-section{margin-bottom:20px}.card-section:last-child{margin-bottom:0}.section-label{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:4px}.section-value{color:#1f2937;font-size:16px;font-weight:600}.section-value-main{color:#1f2937;font-size:20px;font-weight:700;margin-bottom:4px}.section-value-secondary{color:#1f2937;font-size:14px;font-weight:500}.section-value-main-secondary{color:#1f2937;font-size:17px;font-weight:600;margin-bottom:4px}.section-value-main-secondary.positive-gain{font-weight:700}.section-note{font-size:12px;font-weight:500}.best-option-card{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #86efac;font-size:12px;line-height:1.4;margin-top:16px;padding:16px;text-align:center}.best-option-card,.bonus-pill{border-radius:12px;color:#166534}.bonus-pill{background:#dcfce7;border:1px solid #bbf7d0;display:inline-block;font-size:11px;font-weight:600;margin-left:6px;padding:2px 8px}.break-even{color:#6b7280;font-style:italic}.value-proposition{background:#f8fafc;border-left:4px solid #059669;border-radius:12px;margin:16px 0 24px;padding:20px 24px}.value-title{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 12px}.value-list{list-style:none;margin:0;padding:0}.value-list li{color:#4b5563;font-size:15px;line-height:1.5;margin:8px 0}@media (max-width:768px){.option-cards{gap:16px;grid-template-columns:1fr}.simple-option-card{padding:24px 20px}.card-icon{font-size:40px;margin-bottom:12px}.card-title{font-size:18px}.card-amount{font-size:28px;margin-bottom:12px}.card-description{font-size:15px;margin-bottom:20px}.highlight-item{font-size:13px}.action-button{font-size:15px;padding:14px 20px}.value-proposition{margin:12px 0 20px;padding:16px 20px}.value-title{font-size:15px}.value-list li{font-size:14px}.card-header{padding:16px 20px 12px}.card-header h3{font-size:16px}.header-amount{font-size:20px}.card-content{padding:16px 20px 20px}.section-value-main{font-size:18px}.best-option-card{font-size:11px;padding:12px}}.header-subtitle{color:#6b7280;line-height:1.4;margin:8px 0 0;max-width:400px}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:24px 0}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;text-align:center}.summary-card .card-label{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:8px}.summary-card .card-value{color:#111827;font-size:36px;font-weight:700;line-height:1}.summary-card .card-value.rewards{color:#10b981}.summary-card .card-value.apy{color:#3b82f6}.rewards-headline{color:#10b981;font-size:36px;font-weight:700;line-height:1;margin-bottom:4px}.rewards-subline{color:#6b7280;font-size:14px;font-weight:400;line-height:1.3;margin-bottom:8px}.rewards-detail{color:#9ca3af;display:flex;font-size:12px;font-weight:400;gap:4px;line-height:1.2}.rewards-detail,.rewards-tooltip{align-items:center;justify-content:center}.rewards-tooltip{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;color:#6b7280;cursor:help;display:inline-flex;font-size:10px;font-weight:500;height:16px;width:16px}.rewards-tooltip:hover{background:#e5e7eb;color:#374151}.summary-card .card-usd-value{color:#6b7280;font-size:18px;font-weight:500;line-height:1.2;margin-top:4px}.lock-label+.card-usd-value{margin-top:8px}.balance-breakdown{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:8px}.available-amount{color:#10b981;font-weight:500}.breakdown-separator{color:#d1d5db;font-weight:400}.withdrawing-amount{color:#f59e0b;font-weight:500}.lock-label{align-items:center;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:6px;display:flex;gap:4px;justify-content:center;margin-top:8px;padding:4px 8px}.lock-icon{color:#f59e0b;font-size:12px}.lock-text{color:#92400e;font-size:11px;font-weight:500;line-height:1.2}.status-with-timeline{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.dissolution-timeline{display:flex;flex-direction:column;gap:2px}.days-left{background:#1d4ed81a;border:1px solid #1d4ed833;border-radius:4px;color:#1d4ed8;font-size:12px;padding:2px 6px}.start-date{color:#6b7280;font-size:10px;font-weight:400}.action-buttons-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr;margin:24px 0}.action-buttons-row .action-button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s ease}.action-buttons-row .action-button.secondary{background:#e5f3ff;color:#2563eb}.action-buttons-row .action-button.secondary:hover{background:#dbeafe}.action-buttons-row .action-button.primary{background:#2563eb;color:#fff}.action-buttons-row .action-button.primary:hover{background:#1d4ed8}.action-buttons-row .action-button.tertiary{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.action-buttons-row .action-button.tertiary:hover{background:#dcfce7}.balance-info{color:#6b7280;font-size:14px;justify-content:center;margin:16px 0}.balance-item{white-space:nowrap}.balance-item strong{color:#111827;font-weight:600}.balance-separator{color:#d1d5db}.staking-modal-v2{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000026;max-width:500px;width:90vw}.staking-modal-v2 .modal-body{gap:0;padding:24px}.amount-input-container{margin-bottom:24px;position:relative}.amount-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;box-sizing:border-box;color:#1a202c;font-size:24px;font-weight:600;outline:none;padding:20px 140px 20px 20px;transition:border-color .2s ease;width:100%}.amount-input:focus{border-color:#3b82f6}.amount-input::placeholder{color:#94a3b8}.input-controls{align-items:center;display:flex;gap:12px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.max-button{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:8px;color:#475569;padding:8px 12px;transition:all .2s ease}.max-button:hover{background:#cbd5e1;color:#334155}.token-symbol{color:#334155}.token-icon{background:#e2e8f0;color:#475569;font-size:12px}.receive-info{margin-bottom:12px;text-align:center}.receive-text{color:#1e293b;font-size:18px;font-weight:600}.exchange-rate{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:12px}.exchange-rate-simple{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:8px}.rate-icon,.rate-trend{font-size:16px}.rate-text{color:#475569;font-size:14px;font-weight:500}.airdrop-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:24px;padding:12px}.airdrop-info-simple{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:16px}.airdrop-text{color:#166534;font-size:14px;font-weight:500}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;margin-bottom:24px;text-align:center}.market-hint-banner{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;margin-bottom:24px;margin-top:20px;padding:16px}.hint-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.hint-icon{font-size:16px}.hint-title{color:#059669;font-size:14px;font-weight:600}.hint-content{display:flex;flex-direction:column;gap:8px}.hint-main{color:#065f46;font-size:14px;line-height:1.4;margin:0}.market-strategy{background:#d1fae5;border-left:3px solid #10b981;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.strategy-label{color:#047857;font-size:13px;font-weight:600}.strategy-text{color:#065f46;font-size:13px;line-height:1.4}.strategy-text strong{color:#047857;font-weight:700}.dex-swap-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:12px 16px;transition:all .2s ease;width:100%}.dex-swap-button:hover{background:#059669;transform:translateY(-1px)}.dex-swap-button:active{transform:translateY(0)}@media (max-width:768px){.market-hint-banner{padding:14px}.market-strategy{padding:10px}.hint-main,.strategy-text{font-size:13px}.dex-swap-button{font-size:13px;margin-top:10px;padding:10px 14px}}.swap-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000026;max-width:500px;width:90vw}.swap-section{margin-bottom:20px}.swap-label{color:#1a202c;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.swap-input-container{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;display:flex;gap:12px;padding:20px;position:relative}.swap-amount-input{background:#0000;border:none;color:#1a202c;flex:1 1;font-size:24px;font-weight:600;outline:none}.swap-amount-input::placeholder{color:#94a3b8}.receive-amount{color:#64748b;flex:1 1;font-size:24px;font-weight:600}.token-selector-button{align-items:center;background:#0000;border:none;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;min-width:140px;padding:8px 12px;transition:background-color .2s ease}.token-selector-button:hover{background:#e2e8f0}.selected-token{align-items:center;color:#1a202c;display:flex;font-size:16px;font-weight:600;gap:8px}.select-token-text{color:#64748b;font-size:16px}.selector-controls{gap:8px}.add-icon,.selector-controls{align-items:center;display:flex}.add-icon{background:#3b82f6;border-radius:50%;color:#fff;font-size:16px;font-weight:700;height:24px;justify-content:center;width:24px}.dropdown-arrow{color:#64748b;font-size:12px}.max-button-swap{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;font-weight:600;padding:4px 8px;position:absolute;right:160px;top:12px}.token-balance-display{color:#64748b;font-size:14px;margin-top:8px}.swap-direction-container{display:flex;justify-content:center;margin:-10px 0;position:relative;z-index:1}.swap-direction-button{align-items:center;background:#3b82f6;border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f640;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s ease;width:48px}.swap-direction-button:hover{background:#2563eb;transform:scale(1.05)}.swap-arrows{font-size:20px;font-weight:700}.receive-details{display:flex;font-size:14px;justify-content:space-between;margin-top:8px}.receive-balance,.receive-usd{color:#64748b}.slippage-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-top:24px}.slippage-label{color:#64748b;font-size:16px}.slippage-selector{align-items:center;background:#e0f2fe;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 16px}.slippage-value{color:#0284c7;font-size:16px;font-weight:600}.token-selector-modal{display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden}.token-search-container{display:flex;gap:12px;margin-bottom:20px}.search-input-wrapper{flex:1 1;position:relative}.token-search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:16px;outline:none;padding:12px 16px 12px 44px;transition:border-color .2s ease;width:100%}.token-search-input:focus{border-color:#3b82f6}.search-icon{color:#64748b;font-size:16px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.network-filter-button{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;white-space:nowrap}.network-icon{font-size:16px}.token-list{flex:1 1;margin:0 -24px;overflow-y:auto;padding:0 24px}.token-list-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;justify-content:space-between;padding:16px 0;transition:background-color .2s ease}.token-list-item:hover{background:#f8fafc;border-bottom:1px solid #0000;border-radius:8px;margin:0 -24px;padding:16px 24px}.token-list-item:last-child{border-bottom:none}.token-info{gap:12px}.token-info .token-icon{align-items:center;background:#f1f5f9;border-radius:50%;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.token-details{display:flex;flex-direction:column;gap:4px}.token-name-row{align-items:center;display:flex;gap:8px}.token-symbol{color:#1a202c}.token-full-name{color:#64748b;font-size:14px}.token-network{align-items:center;color:#64748b;display:flex;font-size:12px;gap:4px}.token-balance-info{text-align:right}.token-balance{color:#1a202c;font-size:16px;font-weight:600}.token-usd-value{color:#64748b;font-size:14px;margin-top:2px}.full-width{width:100%}@media (max-width:768px){.lock-label{margin-top:6px;padding:3px 6px}.lock-text{font-size:10px}.lock-icon{font-size:11px}.lock-label+.card-usd-value{margin-top:6px}.status-with-timeline{gap:4px}.days-left{font-size:11px;padding:1px 4px}.start-date{font-size:9px}.swap-modal{max-width:95vw}.token-search-container{flex-direction:column}.network-filter-button{align-self:flex-start}.swap-input-container{padding:16px}.receive-amount,.swap-amount-input{font-size:20px}.max-button-swap{right:140px}.staking-modal-v2{max-width:95vw}.amount-input{font-size:20px;padding:16px 120px 16px 16px}.receive-text{font-size:16px}}.neuron-details-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:90vw}.status-overview{background:#f8fafc;border-radius:16px;gap:16px;margin-bottom:24px;padding:24px}.status-icon,.status-overview{align-items:center;display:flex}.status-icon{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;font-size:32px;height:60px;justify-content:center;width:60px}.status-info h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.details-section{margin-bottom:24px}.details-section h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.detail-value{display:flex;flex-direction:column;gap:2px}.detail-value .amount{color:#111827;font-size:16px;font-weight:600}.detail-value .usd-value{color:#6b7280;font-size:12px}.neuron-id-display{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.neuron-id-display .neuron-id{color:#4b5563;flex:1 1;font-family:monospace;font-size:12px;word-break:break-all}.copy-button{background:#e5e7eb;border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s ease}.copy-button:hover{background:#d1d5db}.progress-info{display:flex;flex-direction:column;gap:8px}.progress-item{align-items:center;display:flex;justify-content:space-between}.progress-label{color:#6b7280;font-size:14px;font-weight:500}.progress-value{color:#111827;font-size:14px}.modal-actions{background:#f8f9fc;border-radius:0 0 20px 20px;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:24px}.modal-actions .action-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.modal-actions .action-button.secondary{background:#f3f4f6;color:#374151}.modal-actions .action-button.secondary:hover{background:#e5e7eb}.modal-actions .action-button.danger{background:#ef4444;color:#fff}.modal-actions .action-button.danger:hover{background:#dc2626}.position-overview-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000026;max-height:90vh;max-width:700px;overflow-y:auto;width:90vw}.position-summary{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;color:#fff;display:flex;gap:16px;margin-bottom:24px;padding:24px}.position-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.position-info h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 4px}.position-value{color:#ffffffe6;font-size:16px;font-weight:500}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.metric-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center}.metric-card label{color:#64748b;display:block;font-size:12px;font-weight:500;letter-spacing:.025em;margin-bottom:8px;text-transform:uppercase}.metric-value{color:#0f172a;font-size:20px;font-weight:700;margin-bottom:4px}.metric-value.green{color:#059669}.metric-note{color:#64748b;font-size:12px}.performance-overview{display:flex;flex-direction:column;gap:12px}.performance-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px 0}.performance-item:last-child{border-bottom:none}.performance-label{color:#64748b;font-size:14px;font-weight:500}.performance-value{color:#0f172a;font-size:14px;font-weight:600}.performance-value.green{color:#059669}.action-info{margin-top:24px}.info-card{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:20px}.info-card h5{color:#0c4a6e;font-size:14px;font-weight:600;margin:0 0 8px}.info-card p{color:#075985;font-size:13px;line-height:1.5;margin:0}.modal-actions .action-button.primary{background:#3b82f6;color:#fff}.modal-actions .action-button.primary:hover{background:#2563eb}.comparison-section{margin-bottom:32px}.comparison-section h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 20px}.options-comparison{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.option-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.option-card.immediate{background:#fffbeb;border-color:#f59e0b}.option-card.delayed{background:#f0fdf4;border-color:#10b981}.option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.option-header h5{color:#374151;font-size:14px;font-weight:600;margin:0}.time-badge{border-radius:6px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.time-badge.instant{background:#fbbf24;color:#78350f}.time-badge.delay{background:#34d399;color:#064e3b}.option-value{margin-bottom:16px}.option-value .amount{color:#111827;display:block;font-size:18px;font-weight:700}.option-value .usd-value{color:#6b7280;font-size:12px}.option-details{display:flex;flex-direction:column;gap:8px}.option-details .detail-item{display:flex;font-size:12px;justify-content:space-between}.option-details .label{color:#6b7280}.option-details .value{color:#111827;font-weight:500}.option-details .value.green{color:#059669;font-weight:600}.insights-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:32px}.insight-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.insight-card h5{color:#0f172a;font-size:14px;font-weight:600;margin:0 0 8px}.insight-card p{color:#475569;font-size:13px;line-height:1.4;margin:0}.process-steps{display:flex;flex-direction:column;gap:16px}.step{align-items:flex-start;display:flex;gap:12px}.step-number{flex-shrink:0;font-size:12px;height:24px;width:24px}.step-content h6{color:#111827;font-size:14px;font-weight:600;margin:0 0 4px}.step-content p{color:#6b7280;font-size:13px;line-height:1.4;margin:0}@media (max-width:768px){.metrics-grid{gap:12px;grid-template-columns:1fr}.position-summary{padding:20px}.position-info h3{font-size:20px}.metric-card{padding:16px}.metric-value{font-size:18px}.insights-section,.options-comparison{grid-template-columns:1fr}.action-buttons-group{flex-direction:row}}.getting-started{margin:32px 0;padding:0 16px}.getting-started h3{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:24px;text-align:center}.steps-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:900px}.step-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:24px 20px;position:relative;text-align:center;transition:all .3s ease}.step-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.step-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:32px;justify-content:center;margin:0 auto 16px;width:32px}.step-card h4{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.token-conversion{align-items:center;display:flex;gap:16px;justify-content:center;margin:16px 0}.token-from,.token-to{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;display:flex;font-weight:600;gap:8px;padding:12px 16px}.token-icon{font-size:20px}.conversion-arrow{color:#059669;font-size:20px;font-weight:700}.step-description{color:#6b7280;font-size:14px;margin:8px 0 0;text-align:center}.profit-choices{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto 1fr;margin-top:16px}.choice-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center}.choice-icon{font-size:24px;margin-bottom:8px}.choice-card h5{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.choice-card p{color:#4b5563;font-size:14px;line-height:1.4;margin:0}.choice-divider{color:#6b7280;font-size:14px;font-weight:600;text-align:center}@media (max-width:768px){.summary-cards{gap:16px;grid-template-columns:1fr;margin:20px 0}.summary-card{padding:20px}.summary-card .card-value{font-size:28px}.summary-card .card-usd-value{font-size:16px}.rewards-headline{font-size:28px}.rewards-subline{font-size:13px}.rewards-detail{font-size:11px}.rewards-tooltip{font-size:9px;height:14px;width:14px}.balance-breakdown{font-size:12px;gap:6px}.action-buttons-row{gap:12px;grid-template-columns:1fr;margin:20px 0}.balance-info{flex-direction:column;gap:4px;text-align:center}.balance-separator{display:none}.header-subtitle{font-size:13px;max-width:320px}.getting-started{margin:24px 0;padding:0 12px}.steps-grid{gap:16px;grid-template-columns:1fr;max-width:none}.step-card{padding:20px 16px}.step-number{font-size:14px;height:28px;margin-bottom:12px;width:28px}.step-card h4{font-size:16px;margin-bottom:12px}.token-conversion{gap:12px;margin:12px 0}.token-from,.token-to{padding:10px 12px}.token-icon{font-size:18px}.profit-choices{gap:12px;grid-template-columns:1fr}.choice-divider{margin:8px 0;order:-1}.choice-card{padding:16px}.choice-icon{font-size:20px}.choice-card h5{font-size:15px}.choice-card p{font-size:13px}.icp-balance-section{flex-direction:column;gap:12px;padding:16px}.balance-info{justify-content:center}.receive-icp-button{width:100%}.available-stake-info,.available-swap-info,.get-icp-first-info{font-size:13px}}.staked-positions{margin:32px 0;width:100%}.positions-table{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.table-header{grid-gap:16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;padding:16px 20px}.header-cell{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table-row{grid-gap:16px;align-items:center;border-bottom:1px solid #f3f4f6;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;padding:20px}.table-row:last-child{border-bottom:none}.positions-table.liquid .table-header,.positions-table.liquid .table-row{grid-template-columns:2fr 1fr 2fr 1fr}.positions-table.liquid-overview .table-header,.positions-table.liquid-overview .table-row{grid-template-columns:2fr 1fr 2fr}.positions-table.liquid-overview .table-row.clickable{cursor:pointer;transition:background-color .2s ease}.positions-table.liquid-overview .table-row.clickable:hover{background-color:#f8fafc}.action-buttons-group{align-items:stretch;display:flex;flex-direction:column;gap:8px}.action-button.small{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;text-align:center;transition:all .2s ease}.action-button.small.primary{background:#3b82f6;color:#fff}.action-button.small.primary:hover{background:#2563eb}.action-button.small.secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.action-button.small.secondary:hover{background:#e2e8f0}.action-button.small.tertiary{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.action-button.small.tertiary:hover{background:#dcfce7}.positions-table.liquid.assets-view .table-header,.positions-table.liquid.assets-view .table-row{grid-template-columns:2fr 1fr 2fr}.positions-table.dissolving .table-header,.positions-table.dissolving .table-row{grid-template-columns:2fr 2fr 2fr 1fr}.positions-table.withdrawing .table-header,.positions-table.withdrawing .table-row{grid-template-columns:1fr 1fr 2fr 1.5fr .5fr 1fr}.positions-table.withdrawing.assets-view .table-header,.positions-table.withdrawing.assets-view .table-row{grid-template-columns:1fr 1fr 2fr 1.5fr .5fr}.positions-table.withdrawing-simplified .table-header,.positions-table.withdrawing-simplified .table-row{grid-template-columns:1fr 1fr 1fr}.positions-table.withdrawing-simplified .table-row.clickable{cursor:pointer;transition:background-color .2s ease}.positions-table.withdrawing-simplified .table-row.clickable:hover{background-color:#f8fafc}.table-cell{align-items:center;display:flex}.protocol-info{display:flex;flex-direction:column}.protocol-name{color:#1f2937;font-size:14px;font-weight:600}.asset-info{align-items:center;display:flex;gap:8px}.asset-icon{font-size:18px}.asset-name{color:#1f2937}.amount-value{color:#1f2937}.amount-value,.apy-value{font-size:14px;font-weight:600}.apy-value.green{color:#059669}.duration-value{color:#6b7280;font-size:14px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 12px}.status-badge.active{background:#d1fae5;color:#059669}.table-row.empty-state .table-cell{color:#666;display:block!important;font-size:16px;grid-column:1/-1;padding:40px 20px;text-align:center}.empty-positions{background:#f9fafb;border-radius:12px;padding:40px 20px;text-align:center;width:100%}.empty-message{margin:0 auto;max-width:300px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-message h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.empty-message p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.positions-section{margin-bottom:32px;width:100%}.positions-section:last-child{margin-bottom:0}.section-title{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.positions-table.dissolving,.positions-table.liquid{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;width:100%}.asset-details{display:flex;flex-direction:column;gap:2px}.asset-name{color:#111827;font-size:14px;font-weight:600}.asset-value{color:#6b7280;font-size:12px}.unstake-value{display:flex;flex-direction:column;gap:2px}.unstake-amount{color:#059669;font-size:14px;font-weight:600}.unstake-usd{font-weight:400}.unstake-timeframe,.unstake-usd{color:#6b7280;font-size:12px}.return-value{display:flex;flex-direction:column;gap:2px}.return-amount{color:#111827;font-size:14px;font-weight:600}.return-note{color:#059669;font-size:12px;font-weight:500}.time-remaining{display:flex;flex-direction:column;gap:2px}.days-left{color:#f59e0b;font-size:14px;font-weight:600}.completion-date{color:#6b7280;font-size:12px}.action-button{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;min-width:80px;padding:8px 16px;transition:all .2s ease}.action-button.unstake{background:#dbeafe;color:#1d4ed8}.action-button.unstake:hover{background:#bfdbfe;transform:translateY(-1px)}.action-button.cancel{background:#fee2e2;color:#dc2626}.action-button.cancel:hover{background:#fecaca;transform:translateY(-1px)}.table-row.empty-dissolving{background:#f9fafb}.table-row.empty-dissolving .table-cell{color:#9ca3af!important;font-style:italic}.table-row.empty-withdrawing{background:#f9fafb}.table-row.empty-withdrawing .table-cell{color:#9ca3af!important;font-style:italic}.burned-amount,.due-amount{color:#111827;font-size:14px;font-weight:600}.amount-with-usd{display:flex;flex-direction:column;gap:2px}.usd-value{color:#6b7280;font-size:12px;font-weight:400}.options-title{color:#111827;font-size:16px;font-weight:600;margin-bottom:16px}.option-radio{border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .2s ease}.option-radio:hover{background:#f8faff;border-color:#3b82f6}.option-radio.selected{background:#eff6ff;border-color:#3b82f6}.radio-header{align-items:center;display:flex;gap:12px}.radio-header input[type=radio]{accent-color:#3b82f6;height:18px;width:18px}.option-info{flex:1 1}.option-info h5{color:#111827;font-size:16px;font-weight:600;margin:0 0 4px}.option-subtitle{color:#6b7280;font-size:14px;margin:0}.option-amount{text-align:right}.option-amount .amount{color:#059669;display:block;font-size:16px;font-weight:600;margin-bottom:2px}.option-amount .wait-time{color:#6b7280;font-size:12px}.unstaking-summary{background:#f8f9fc;border-radius:12px;margin:20px 0;padding:16px}.unstaking-summary .summary-item{display:flex;justify-content:space-between;margin-bottom:8px}.unstaking-summary .summary-item:last-child{margin-bottom:0}.unstaking-summary .summary-label{color:#6b7280;font-size:14px}.unstaking-summary .summary-value{color:#111827;font-size:14px;font-weight:600}.neuron-id{color:#4b5563;font-family:monospace;font-size:12px;word-break:break-all}.status-badge.waiting{background:#fef3c7;border-radius:6px;color:#d97706;font-size:11px;font-weight:600;padding:4px 8px;text-align:center;white-space:nowrap}.request-id{color:#6b7280;font-size:14px;font-weight:600}@media (max-width:768px){.positions-table.dissolving .table-header,.positions-table.dissolving .table-row,.positions-table.liquid .table-header,.positions-table.liquid .table-row,.positions-table.liquid-overview .table-header,.positions-table.liquid-overview .table-row,.positions-table.liquid.assets-view .table-header,.positions-table.liquid.assets-view .table-row,.positions-table.withdrawing .table-header,.positions-table.withdrawing .table-row,.positions-table.withdrawing-simplified .table-header,.positions-table.withdrawing-simplified .table-row,.positions-table.withdrawing.assets-view .table-header,.positions-table.withdrawing.assets-view .table-row,.table-header,.table-row{gap:8px;grid-template-columns:1fr}.action-buttons-group{flex-direction:row;flex-wrap:wrap;gap:4px}.action-button.small{flex:1 1;font-size:10px;min-width:0;padding:6px 8px}.table-header{display:none}.table-cell{border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:8px 0}.table-cell:before{color:#6b7280;content:attr(data-label);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table-cell:last-child{border-bottom:none}}.icp-balance-section{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;margin:20px 0;padding:16px 20px}.balance-info{align-items:center;display:flex;gap:8px}.balance-label{color:#6b7280;font-size:14px}.balance-value{color:#1f2937;font-size:16px;font-weight:600}.receive-icp-button{background:#f59e0b;border-radius:8px;font-size:14px;padding:8px 16px}.receive-icp-button:hover{background:#d97706;transform:translateY(-1px)}.available-stake-info,.available-swap-info{color:#6b7280;font-size:14px;margin-top:12px;text-align:center}.get-icp-first-info{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;color:#d97706;font-size:14px;margin-top:12px;padding:8px 12px;text-align:center}.get-nicp-modal{background:#fff;border-radius:20px;box-shadow:0 10px 25px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:95%}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{gap:12px}.modal-icon{font-size:24px}.modal-title h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:0 24px 24px}.decision-mode-widget{max-width:none}.decision-mode-widget .decision-title{margin-top:0;text-align:center}.no-icp-section{background:#fef9e7;border:2px solid #f59e0b;border-radius:16px;margin:24px 0;padding:24px;text-align:center}.no-icp-message{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px;text-align:left}.message-icon{flex-shrink:0;font-size:32px;margin-top:4px}.message-content{flex:1 1}.message-content h3{color:#92400e;font-size:18px;font-weight:600;margin:0 0 8px}.message-content p{color:#b45309;font-size:14px;line-height:1.5;margin:0}.receive-icp-button{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 4px 12px #f59e0b66;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin:0 auto;min-width:160px;padding:16px 32px;transition:all .3s ease}.receive-icp-button:hover{box-shadow:0 6px 16px #f59e0b80;transform:translateY(-2px)}.receive-icp-button:active{transform:translateY(0)}.get-nicp-buttons{flex-wrap:wrap;gap:12px;margin:24px auto}.get-nicp-button,.get-nicp-buttons{align-items:center;display:flex;justify-content:center}.get-nicp-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f666;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;gap:8px;max-width:200px;min-width:160px;padding:16px 32px;transition:all .3s ease}.get-nicp-button.secondary{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px #6b728066}.get-nicp-button:hover{box-shadow:0 6px 16px #3b82f680;transform:translateY(-2px)}.get-nicp-button.secondary:hover{box-shadow:0 6px 16px #6b728080}.get-nicp-button:active{transform:translateY(0)}@media (max-width:768px){.get-nicp-modal{border-radius:16px;max-height:95vh;width:98%}.modal-header{padding:20px 20px 0}.modal-title h2{font-size:20px}.modal-body{padding:0 20px 20px}.get-nicp-button{font-size:15px;padding:14px 24px}.no-icp-message{flex-direction:column;gap:12px;text-align:center}.message-icon{align-self:center;margin-top:0}.message-content{text-align:center}.receive-icp-button{font-size:15px;padding:14px 24px}}.summary-banner{background:#f3f4f666;border-radius:8px;color:#374151;font-size:14px;margin:12px 0;padding:12px 16px;text-align:center}.details-accordion{margin-top:8px}.details-summary{color:#6b7280;cursor:pointer;font-size:12px;list-style:none;padding:4px 0}.details-summary::-webkit-details-marker{display:none}.details-summary:before{content:"▶";font-size:10px;margin-right:6px;transition:transform .2s}.details-accordion[open] .details-summary:before{transform:rotate(90deg)}.details-list{color:#6b7280;font-size:12px;line-height:1.5;list-style:none;margin:0;padding:8px 0 0 16px}.details-list li{margin-bottom:2px}.portfolio-title{color:#111827;font-size:20px;font-weight:600;margin:0 0 16px}.kpi-strip{grid-gap:12px;display:grid;gap:12px;margin:16px 0}.kpi-strip.three-tiles{grid-template-columns:1fr 1fr 1fr}.kpi-strip.two-tiles{grid-template-columns:1fr 1fr}.kpi-tile{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;text-align:center}.kpi-label{color:#6b7280;font-size:12px;font-weight:500;gap:4px;justify-content:center;margin-bottom:6px}.kpi-label,.kpi-value{align-items:center;display:flex}.kpi-value{flex-direction:column}.baseline-note{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px;margin:4px 0 16px}.unstake-pills{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:16px 0}.unstake-pill{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.pill-title{color:#111827;font-size:13px;font-weight:600;margin-bottom:4px}.pill-body{color:#374151;font-size:14px;font-weight:500;line-height:1.3;margin-bottom:4px}.pill-sub{color:#6b7280;font-size:11px;line-height:1.3}.chart-section{margin:20px 0 0}@media (max-width:768px){.table-header,.table-row{gap:8px;grid-template-columns:1fr}.column-header,.table-cell{text-align:left}.table-cell{border-bottom:1px solid #f3f4f6;margin-bottom:8px;padding-bottom:8px}.table-cell:last-child{border-bottom:none;margin-bottom:0}.kpi-strip.three-tiles,.kpi-strip.two-tiles,.unstake-pills{gap:8px;grid-template-columns:1fr}}.chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:16px 0;padding:20px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.chart-header h4{color:#111827;font-size:16px;font-weight:600;margin:0}.timeframe-selector{background:#f3f4f6;border-radius:8px;display:flex;gap:4px;padding:2px}.timeframe-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.timeframe-btn.active{background:#fff;box-shadow:0 1px 2px #0000000d;color:#111827}.timeframe-btn:hover:not(.active){color:#374151}.chart-placeholder{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;display:flex;flex-direction:column;height:240px;justify-content:center;text-align:center}.chart-placeholder p{color:#6b7280;font-size:18px;margin:0 0 16px}.chart-info{max-width:300px}.chart-info p{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.chart-info ul{color:#6b7280;font-size:12px;list-style:none;margin:0;padding:0;text-align:left}.chart-info li{margin-bottom:4px}.chart-content{position:relative;width:100%}.chart-tooltip{background:#000000e6;border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:140px;padding:12px}.tooltip-date{color:#fff;font-size:12px;font-weight:600;margin:0 0 8px;text-align:center}.tooltip-prices{display:flex;flex-direction:column;gap:4px}.tooltip-item{align-items:center;color:#fff;display:flex;font-size:12px;gap:6px}.tooltip-color{border-radius:50%;flex-shrink:0;height:8px;width:8px}.icp-color{background:#f59e0b}.nicp-color{background:#10b981}.entry-color{background:#8b5cf6}.tooltip-premium{border-top:1px solid #fff3;color:#d1d5db;font-size:11px;margin-top:4px;padding-top:4px;text-align:center}.chart-legend{display:flex;gap:20px;justify-content:center;margin-top:12px;padding:8px 0}.legend-item{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.legend-color{border-radius:50%;flex-shrink:0;height:10px;width:10px}@media (max-width:768px){.chart-header{align-items:flex-start;flex-direction:column;gap:12px}.timeframe-selector{justify-content:center;width:100%}.choice-row{align-items:flex-start;flex-direction:column;gap:2px}.opportunity-note{font-size:10px;padding:6px 8px}.opportunity-banner{font-size:13px;margin:16px 0;padding:12px 16px}.opportunity-note-inline{font-size:10px;margin-top:3px;padding:6px 8px}.unstake-value,.unstake-value-enhanced{font-size:13px}.route-advantage,.route-disadvantage{font-size:.85em}.unstake-main-value{gap:3px}.unstake-amount{font-size:14px}.unstake-note-below{font-size:11px}.unstake-note-below.gain-inline,.unstake-note-below.loss-inline{font-weight:600}.unstake-inline-note{font-size:12px}.table-header h3{font-size:15px}}.unstake-note{color:#6b7280;font-size:11px;font-style:italic;margin-top:4px}.unstake-choices{border-top:1px solid #e5e7eb;margin-top:8px;padding-top:8px}.choice-row{align-items:flex-start;display:flex;font-size:11px;justify-content:space-between;margin-bottom:6px}.choice-label{align-items:center;color:#6b7280;display:flex;gap:4px}.choice-value,.choice-value-enhanced{color:#374151;font-weight:500}.choice-value-enhanced{line-height:1.4}.opportunity-note{border:1px solid #86efac;border-radius:6px;font-size:11px;line-height:1.4;margin-top:8px;padding:8px 10px}.opportunity-banner,.opportunity-note{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#166534}.opportunity-banner{border:1px solid #86efac;border-radius:12px;box-shadow:0 2px 4px #10b9811a;font-size:14px;line-height:1.5;margin:20px 0;padding:16px 20px;text-align:center}.opportunity-note-inline{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #86efac;border-radius:8px;color:#166534;font-size:11px;line-height:1.4;margin-top:4px;padding:8px 12px;text-align:center}.unstake-value,.unstake-value-enhanced{color:#374151;font-weight:500;line-height:1.4}.route-advantage{color:#059669;font-size:.9em;font-weight:600}.route-disadvantage{color:#dc2626;font-size:.9em;font-weight:600}.exit-value,.exit-value-enhanced{color:#374151;font-weight:500}.exit-value-enhanced{line-height:1.4}.gain-highlight{color:#059669;font-weight:600}.no-gain{font-weight:400}.apy-note,.no-gain{color:#6b7280;font-style:italic}.apy-note{font-size:9px;margin-top:2px}.protocol-options{border-top:1px solid #e5e7eb;margin-top:8px;padding-top:8px}.protocol-note{color:#6b7280;font-size:9px;font-style:italic;margin-top:2px}.comparison-scope{color:#374151;font-weight:600}.portfolio-exact-gain{border-top:1px solid #e5e7eb;margin-top:6px;padding-top:6px}.gain-vs-immediate{font-size:11px;font-weight:500;margin-bottom:2px}.gain-vs-immediate.positive{color:#059669}.gain-apy,.gain-vs-immediate.neutral{color:#6b7280}.gain-apy{font-size:10px;font-style:italic}.staking-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:500px;min-width:400px;overflow-y:auto;padding:0;width:90%}.staking-tabs{background:#f8f9fa;border-radius:12px 12px 0 0;display:flex;margin:20px 20px 0;padding:4px}.staking-tabs .tab{border-radius:8px;cursor:pointer;flex:1 1;font-weight:500;padding:12px 16px;text-align:center;transition:all .2s ease}.staking-tabs .tab.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#333}.staking-tabs .tab.inactive{background:#0000;color:#666}.staking-form{padding:20px}.input-section{margin-bottom:20px}.input-container{background:#f8f9fa;border:2px solid #0000;border-radius:12px;padding:16px;position:relative;transition:border-color .2s ease}.input-container:focus-within{border-color:#4285f4}.stake-amount-input{background:#0000;border:none;color:#333;font-size:28px;font-weight:600;margin-bottom:8px;outline:none;width:100%}.stake-amount-input::placeholder{color:#999}.input-suffix{align-items:center;display:flex;justify-content:space-between}.max-button{background:#e3f2fd;border:none;border-radius:6px;color:#1976d2;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:background-color .2s ease}.max-button:hover{background:#bbdefb}.token-info{align-items:center;display:flex;gap:8px}.token-symbol{color:#666;font-size:16px;font-weight:600}.token-icon{background:#f0f0f0;border-radius:50%;color:#666;height:24px;justify-content:center;width:24px}.error-message,.token-icon{align-items:center;display:flex;font-size:14px}.error-message{background:#ffebee;border-radius:8px;color:#d32f2f;gap:8px;margin-bottom:20px;padding:12px 16px}.error-icon{font-size:16px}.transaction-info{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:16px}.transaction-info>*+*{margin-top:12px}.receive-amount{color:#333;font-size:18px;margin-bottom:12px;text-align:center}.exchange-rate{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:12px}.expand-icon,.rate-icon{color:#4caf50}.airdrop-info{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;justify-content:center}.airdrop-label{text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.airdrop-amount{font-weight:600}.airdrop-icon,.stake-button{font-size:16px}.stake-button{background:#4caf50;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:16px;transition:background-color .2s ease;width:100%}.stake-button:hover:not(.disabled){background:#45a049}.stake-button.disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.staking-confirmation-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:500px;min-width:400px;padding:24px;width:90%}.confirmation-content{margin-top:20px}.confirmation-details{background:#f8f9fa;border-radius:12px;margin-bottom:24px;padding:20px}.confirmation-details h3{color:#333;font-size:18px;margin:0 0 16px}.detail-row{border-bottom:1px solid #e0e0e0;padding:8px 0}.detail-row span:last-child{color:#333}.cancel-button{background:#f5f5f5;border:none;border-radius:12px;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:16px;transition:background-color .2s ease}.cancel-button:hover{background:#e0e0e0}.confirm-button{background:#4caf50;flex:1 1;padding:16px;transition:background-color .2s ease}.confirm-button:hover{background:#45a049}@media (max-width:768px){.staking-confirmation-modal,.staking-modal{margin:20px;min-width:auto;width:95%}.stake-amount-input{font-size:24px}.confirmation-actions{flex-direction:column}}.get-nicp-v2-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:520px;min-width:480px;overflow-y:auto;padding:0;width:90%}.get-nicp-v2-modal .modal-body{padding:20px}.get-nicp-v2-modal .input-section{margin-bottom:24px}.get-nicp-v2-modal .amount-input{background:#0000;border:none;color:#333;font-size:24px;font-weight:600;margin-bottom:8px;outline:none;width:100%}.get-nicp-v2-modal .amount-input::placeholder{color:#999}.option-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:20px}.option-card-compact{align-items:flex-start;background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;position:relative;transition:all .2s ease;width:100%}.option-card-compact.selected{background:#f0f8ff;border-color:#007aff}.card-radio{flex-shrink:0;margin-top:4px}.radio-button{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:50%;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.radio-button.checked{background:#007aff;border-color:#007aff}.radio-dot{background:#fff;border-radius:50%;height:8px;width:8px}.option-card-compact.clickable{background:#fff;border-color:#d1d5db;cursor:pointer}.option-card-compact.clickable:hover{border-color:#4285f4;box-shadow:0 4px 12px #4285f426;transform:translateY(-2px)}.option-card-compact.recommended{background:#f0fdf4;border-color:#10b981}.option-card-compact.recommended:hover{border-color:#059669}.option-card-compact.disabled{cursor:not-allowed;opacity:.5}.card-header-compact{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.option-card-compact .card-content-wrapper{flex:1 1}.card-header-compact h3{color:#333;font-size:16px;font-weight:600;margin:0}.card-badge{border-radius:8px;font-size:10px;font-weight:600;padding:4px 8px;text-transform:uppercase}.card-badge.bonus{background:#fef3c7;color:#d97706}.card-badge.best{background:#d1fae5;color:#059669}.card-content-compact{text-align:left}.result-amount{color:#333;font-size:18px;font-weight:700;margin-bottom:6px}.bonus-info{color:#d97706}.bonus-info,.gain-info{font-size:12px;font-weight:600;margin-bottom:8px}.gain-info{color:#059669}.description{color:#6b7280;font-size:12px;line-height:1.4}.info-display{background:#f9fafb;border-radius:8px;font-size:13px;padding:12px 16px}.info-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.info-row:last-child{margin-bottom:0}.info-row span:first-child{color:#6b7280}.info-row span:last-child{color:#333;font-weight:600}.info-row .positive{color:#059669}.get-nicp-v2-modal .modal-actions{margin-top:24px;padding:0}.continue-button{background:#007aff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s ease;width:100%}.continue-button:hover:not(.disabled){background:#0056cc;transform:translateY(-1px)}.continue-button.disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.confirmation-content{padding:0}.transaction-summary{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px}.transaction-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.transaction-row:last-child{margin-bottom:0}.transaction-label{color:#666;font-size:14px;font-weight:500}.transaction-amount{text-align:right}.token-display{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-bottom:4px}.token-display .token-icon{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.amount-large{color:#1d1d1f;font-size:20px;font-weight:600}.usd-value{color:#8e8e93;font-size:14px}.transaction-arrow{margin:16px 0}.arrow-down,.transaction-arrow{display:flex;justify-content:center}.arrow-down{align-items:center;background:#f0f0f0;border-radius:50%;color:#666;font-size:16px;height:32px;width:32px}.transaction-details{margin-bottom:32px}.detail-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-size:14px;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:#666}.detail-row span:last-child{color:#1d1d1f;font-weight:500}.detail-row .positive{color:#059669}.detail-row .bonus{color:#f59e0b}.provider-info{align-items:center;display:flex;gap:8px}.best-rate-badge{background:#dcfce7;border-radius:4px;color:#059669;font-size:11px;font-weight:500;padding:2px 6px}.confirmation-actions{display:flex;gap:12px;margin-top:24px}.back-button{background:#f0f0f0;border:none;border-radius:12px;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:16px 24px;transition:all .2s ease}.back-button:hover{background:#e5e5e7}.confirm-button{background:#007aff;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:2 1;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s ease}.confirm-button:hover{background:#0056cc;transform:translateY(-1px)}@media (max-width:768px){.get-nicp-v2-modal{margin:20px;min-width:auto;width:95%}.get-nicp-v2-modal .amount-input{font-size:20px}.transaction-summary{padding:20px}.token-display{flex-direction:row}.amount-large{font-size:18px}.confirmation-actions{flex-direction:column}.back-button,.confirm-button{flex:1 1}}.header-subtitle{color:#8e8e93;font-size:14px;font-weight:400;margin:4px 0 0;text-align:center}.header-right{align-items:center;display:flex;gap:16px}.apy-display{color:#34c759;font-size:32px;font-weight:700;margin:0;white-space:nowrap}@media (max-width:768px){.header-right{align-items:flex-end;flex-direction:column;gap:12px}.apy-display{font-size:24px}}
/*# sourceMappingURL=main.1eeadf9e.css.map*/