:root{--primary-blue:#0052fe;--primary-blue-hover:#0045d8;--bg-main:#f4f6f9;--bg-card:#fff;--bg-table-header:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-light:#e2e8f0;--success-green:#10b981;--success-bg:#ecfdf5;--error-red:#ef4444;--error-bg:#fef2f2;--info-blue:#eff6ff;--info-border:#bfdbfe;--info-text:#1e3a8a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading:"Outfit", "Inter", sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000005;--shadow-premium:0 20px 25px -5px #0052fe08, 0 10px 10px -5px #0052fe03;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1)}body.dark-theme{--bg-main:#0b0f19;--bg-card:#151d30;--bg-table-header:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-light:#2d3748;--success-green:#10b981;--success-bg:#10b98114;--error-red:#ef4444;--error-bg:#ef444414;--info-blue:#3b82f614;--info-border:#1e293b;--info-text:#60a5fa;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #00000040, 0 2px 4px -1px #00000026;--shadow-lg:0 10px 15px -3px #00000059, 0 4px 6px -2px #0003}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}button,input,select,textarea{font-family:inherit}a{color:var(--primary-blue);transition:var(--transition-smooth);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}@media (width<=640px){.container{padding:0 16px}}.app-wrapper{background-color:var(--bg-main);flex-direction:column;min-height:100vh;display:flex}.app-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-light);z-index:100;height:64px;box-shadow:var(--shadow-sm);align-items:center;display:flex;position:sticky;top:0}.header-container{align-items:center;width:100%;display:flex}.logo-link{align-items:center;display:flex}.logo-image{object-fit:contain;height:24px}.app-main{flex:1;padding:32px 0 64px}.page-header{align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.page-title{font-family:var(--font-heading);color:var(--text-primary);font-size:28px;font-weight:700}.theme-toggle-compact{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;width:52px;height:28px;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);position:relative}.theme-toggle-compact:hover{transform:translateY(-1px)}.theme-toggle-compact.state-light{background-color:#f1f5f9;border:1px solid #00000014;box-shadow:inset 0 2px 4px #00000014,0 1px 2px #0000000a}.theme-toggle-compact.state-light:hover{border-color:#0052fe4d;box-shadow:inset 0 2px 4px #00000014,0 2px 6px #0052fe26}.theme-toggle-compact.state-dark{background-color:#0a0f24;border:1.5px solid #0052fe4d;box-shadow:inset 0 2px 5px #00000080,0 0 8px #0052fe26}.theme-toggle-compact.state-dark:hover{border-color:#0052fe99;box-shadow:inset 0 2px 5px #00000080,0 0 12px #0052fe59}.theme-compact-knob{border-radius:50%;width:20px;height:20px;transition:left .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:3px}.theme-toggle-compact.state-light .theme-compact-knob{background:linear-gradient(135deg,#3b82f6,#0052fe);left:3px;box-shadow:0 3px 8px #0052fe73,inset 0 -1.5px 2px #0003,inset 0 1px 1px #fff3}.theme-toggle-compact.state-dark .theme-compact-knob{background:linear-gradient(135deg,#fff,#e2e8f0);left:27px;box-shadow:0 4px 8px #00000080,inset 0 -1px 1px #0000001a,inset 0 1.5px 2px #ffffffe6}.theme-toggle-compact:active .theme-compact-knob{transform:scale(.9)}.how-it-works-link{color:var(--primary-blue);cursor:pointer;transition:var(--transition-smooth);font-size:14px;font-weight:500;text-decoration:underline}.how-it-works-link:hover{color:var(--primary-blue-hover)}.how-it-works-wrapper{display:inline-block;position:relative}.tooltip-box{color:#fff;opacity:0;pointer-events:none;z-index:50;text-align:left;background-color:#0b132b;border-radius:8px;width:290px;padding:12px 14px;font-size:11.5px;line-height:1.45;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.how-it-works-wrapper:hover .tooltip-box{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.tooltip-arrow{border-bottom:6px solid #0b132b;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.tooltip-know-more{color:#60a5fa;cursor:pointer;transition:var(--transition-smooth);margin-left:2px;font-weight:600;text-decoration:underline}.tooltip-know-more:hover{color:#93c5fd}@media (width<=500px){.tooltip-box{width:250px;left:-20px;transform:translateY(-8px)}.how-it-works-wrapper:hover .tooltip-box{transform:translateY(0)}.tooltip-arrow{left:58px}}.disclaimer-accordion{background-color:var(--info-blue);border:1px solid var(--info-border);transition:var(--transition-smooth);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:24px;overflow:hidden}.disclaimer-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.disclaimer-title-wrap{color:var(--info-text);align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.info-icon{width:18px;height:18px;color:var(--primary-blue);flex-shrink:0}.chevron-icon{width:20px;height:20px;color:var(--info-text);transition:transform .25s}.disclaimer-accordion.open .chevron-icon{transform:rotate(180deg)}.disclaimer-content{opacity:0;max-height:0;transition:max-height .3s cubic-bezier(0,1,0,1),opacity .3s;overflow:hidden}.disclaimer-accordion.open .disclaimer-content{opacity:1;max-height:500px;transition:max-height .4s cubic-bezier(0,0,.2,1),opacity .4s}.disclaimer-list{flex-direction:column;gap:10px;margin:0;padding:0 20px 16px 48px;display:flex}.disclaimer-list li{color:var(--info-text);font-size:14px;line-height:1.5}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);width:100%;max-width:560px;box-shadow:var(--shadow-lg);border-radius:16px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{font-family:var(--font-heading);color:var(--text-primary);font-size:20px;font-weight:700}.close-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:4px;font-size:24px;line-height:1}.close-btn:hover{color:var(--text-primary)}.modal-body{flex-direction:column;gap:16px;max-height:70vh;padding:24px;display:flex;overflow-y:auto}.modal-body p{color:var(--text-secondary);font-size:15px;line-height:1.6}.modal-step{gap:12px;display:flex}.step-num{background-color:var(--info-blue);width:24px;height:24px;color:var(--primary-blue);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.step-text h4{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.step-text p{color:var(--text-secondary);font-size:14px}.cards-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px;display:grid}@media (width<=900px){.cards-grid{grid-template-columns:1fr}}.gains-card{box-shadow:var(--shadow-md);min-height:280px;transition:var(--transition-smooth);border-radius:16px;flex-direction:column;justify-content:space-between;padding:24px;display:flex}.gains-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header-title{font-family:var(--font-heading);margin-bottom:20px;font-size:18px;font-weight:600}.card-gains-table{border-collapse:collapse;width:100%;margin-bottom:24px}.card-gains-table th,.card-gains-table td{text-align:right;padding:8px 0;font-size:14px}.card-gains-table th:first-child,.card-gains-table td:first-child{text-align:left}.card-gains-table th{opacity:.7;border-bottom:1px solid;font-weight:400}.card-row-total{font-weight:600}.card-row-value{font-family:var(--font-heading);font-size:15px;font-weight:500}.card-total-section{border-top:1px solid;justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:16px;display:flex}.total-label{font-size:15px;font-weight:600}.total-value{font-family:var(--font-heading);font-size:26px;font-weight:700}.gains-card.pre-card{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light)}.gains-card.pre-card .card-gains-table th{border-color:var(--border-light);color:var(--text-secondary)}.gains-card.pre-card .card-row-value{color:var(--text-primary)}.gains-card.pre-card .card-total-section{border-color:var(--border-light)}.gains-card.after-card{background-color:var(--primary-blue);color:#fff}.gains-card.after-card .card-gains-table th,.gains-card.after-card .card-total-section{border-color:#fff3}.savings-banner{background-color:#ffffff26;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;font-size:13px;font-weight:600;animation:2s ease-in-out infinite pulseSavings;display:flex}.savings-label{opacity:.9}.savings-amount{font-family:var(--font-heading);font-size:14px;font-weight:700}.holdings-wrapper{background-color:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-md);border-radius:16px;padding:24px;overflow:hidden}.holdings-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.holdings-title{font-family:var(--font-heading);color:var(--text-primary);font-size:20px;font-weight:700}.holdings-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-input-wrapper{width:240px;position:relative}.search-input{border:1px solid var(--border-light);width:100%;color:var(--text-primary);background-color:var(--bg-table-header);transition:var(--transition-smooth);border-radius:8px;padding:8px 12px 8px 36px;font-size:13px}.search-input:focus{border-color:var(--primary-blue);background-color:var(--bg-card);outline:none;box-shadow:0 0 0 3px #0052fe1a}.search-icon{width:14px;height:14px;color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.table-responsive{border:1px solid var(--border-light);border-radius:12px;width:100%;overflow-x:auto}.holdings-table{border-collapse:collapse;text-align:left;width:100%;min-width:900px}.holdings-table th,.holdings-table td{vertical-align:middle;padding:14px 16px;font-size:13px}.holdings-table th{background-color:var(--bg-table-header);color:var(--text-secondary);border-bottom:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.holdings-table tr{border-bottom:1px solid var(--border-light);transition:var(--transition-smooth)}.holdings-table tbody tr:hover{background-color:var(--bg-table-header)}.holdings-table tbody tr.row-selected{background-color:#0052fe0a}.holdings-table tbody tr.row-selected:hover{background-color:#0052fe12}.holdings-table th:last-child,.holdings-table td:last-child{text-align:right}.checkbox-cell{text-align:center;width:48px}.custom-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;width:18px;height:18px;margin:0 auto;display:block;position:relative}.custom-checkbox input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkbox-checkmark{background-color:var(--bg-card);border:1.5px solid var(--border-light);width:18px;height:18px;transition:var(--transition-smooth);border-radius:4px;position:absolute;top:0;left:0}.custom-checkbox:hover input~.checkbox-checkmark{border-color:var(--primary-blue)}.custom-checkbox input:checked~.checkbox-checkmark{background-color:var(--primary-blue);border-color:var(--primary-blue)}.checkbox-checkmark:after{content:"";display:none;position:absolute}.custom-checkbox input:checked~.checkbox-checkmark:after{display:block}.custom-checkbox .checkbox-checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:9px;top:1.5px;left:5px;transform:rotate(45deg)}.asset-cell{align-items:center;gap:12px;display:flex}.coin-logo-wrapper{background-color:var(--bg-table-header);border:1px solid var(--border-light);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;overflow:hidden}.coin-logo{object-fit:contain;width:20px;height:20px}.coin-details{flex-direction:column;display:flex}.coin-name{color:var(--text-primary);font-size:13.5px;font-weight:600}.coin-symbol{color:var(--text-muted);font-size:11px;font-weight:500}.holdings-cell{flex-direction:column;display:flex}.holdings-amount{color:var(--text-primary);font-weight:600}.holdings-rate{color:var(--text-secondary);margin-top:2px;font-size:11px}.gain-cell{flex-direction:column;display:flex}.gain-value{font-family:var(--font-heading);font-size:13.5px;font-weight:600}.gain-value.positive{color:var(--success-green)}.gain-value.negative{color:var(--error-red)}.gain-balance{color:var(--text-secondary);margin-top:2px;font-size:11px}.sell-cell{font-family:var(--font-heading);color:var(--text-primary);font-weight:600}.sell-hyphen{color:var(--text-muted);font-weight:400}.holdings-footer{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.view-all-btn{color:var(--primary-blue);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;font-size:14px;font-weight:600}.view-all-btn:hover{color:var(--primary-blue-hover);text-decoration:underline}.footer-stats{color:var(--text-secondary);font-size:12.5px}.table-state-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.spinner{border:3.5px solid var(--border-light);border-top-color:var(--primary-blue);border-radius:50%;width:32px;height:32px;margin-bottom:16px;animation:.8s linear infinite spin}.table-state-text{color:var(--text-secondary);font-size:14px;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSavings{0%{transform:scale(1)}50%{background-color:#fff3;transform:scale(1.02)}to{transform:scale(1)}}@media (width<=768px){.holdings-wrapper{padding:16px}.holdings-header{flex-direction:column;align-items:flex-start;gap:12px}.holdings-controls,.search-input-wrapper{width:100%}.holdings-footer{flex-direction:column;align-items:flex-start;gap:12px}}