:root{--bg-primary: #0a0a0f;--bg-card: rgba(20, 20, 35, .85);--bg-card-solid: #14141f;--text-primary: #e0e0e8;--text-secondary: #8888a0;--accent: #5227FF;--accent-light: #7c5cff;--accent-dim: #271E37;--green: #00d68f;--red: #ff4d6a;--border: #222238;--border-light: #2a2a45}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;position:relative}button{cursor:pointer;font-family:inherit;border:none;background:none}input{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dot-grid{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:fixed;inset:0;z-index:0}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.typing-hero{text-align:center;padding:2rem 0 1.5rem}.typing-hero__text{font-size:2rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.typing-hero__cursor{color:var(--accent);font-weight:300;margin-left:2px}.typing-hero__cursor.blink{animation:cursorBlink 1s step-end infinite}@keyframes cursorBlink{50%{opacity:0}}@media(max-width:600px){.typing-hero__text{font-size:1.4rem}}.tab-nav{margin-bottom:2rem;animation:fadeInUp .4s ease;display:flex;justify-content:center}.tab-nav__inner{position:relative;display:inline-flex;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:4px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tab-nav__tab{padding:10px 20px;font-size:.85rem;font-weight:500;color:var(--text-secondary);border-radius:8px;transition:color .2s;position:relative;z-index:1;white-space:nowrap;text-align:center}.tab-nav__tab:hover{color:var(--text-primary)}.tab-nav__tab--active{color:#fff;font-weight:600}.tab-nav__indicator{position:absolute;top:4px;height:calc(100% - 8px);background:var(--accent);border-radius:8px;z-index:0;opacity:0}.tab-nav__indicator--ready{opacity:1;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),opacity .15s ease}@media(max-width:600px){.tab-nav__tab{padding:8px 14px;font-size:.78rem}}.search-bar{position:relative;max-width:520px;margin:0 auto 2rem;z-index:10;opacity:0;transform:translateY(-12px);filter:blur(4px);pointer-events:none;transition:opacity .5s ease,transform .5s ease,filter .5s ease}.search-bar--visible{opacity:1;transform:translateY(0);filter:blur(0);pointer-events:auto}.search-bar__input-wrap{position:relative;display:flex;align-items:center}.search-bar__icon{position:absolute;left:16px;width:18px;height:18px;color:var(--text-secondary);pointer-events:none}.search-bar__input{width:100%;padding:14px 16px 14px 44px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search-bar__input::placeholder{color:var(--text-secondary)}.search-bar__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5227ff26}.search-bar__spinner{position:absolute;right:14px;width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-bar__dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:12px;overflow:hidden;max-height:360px;overflow-y:auto;box-shadow:0 12px 40px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:dropdownIn .2s ease;transform-origin:top center}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.search-bar__section-label{padding:10px 16px 4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.search-bar__result{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;text-align:left;color:var(--text-primary);transition:background .15s;animation:resultFadeIn .25s ease both}.search-bar__result:nth-child(1){animation-delay:0s}.search-bar__result:nth-child(2){animation-delay:.03s}.search-bar__result:nth-child(3){animation-delay:.06s}.search-bar__result:nth-child(4){animation-delay:.09s}.search-bar__result:nth-child(5){animation-delay:.12s}.search-bar__result:nth-child(6){animation-delay:.15s}.search-bar__result:nth-child(7){animation-delay:.18s}.search-bar__result:nth-child(8){animation-delay:.21s}@keyframes resultFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.search-bar__result:hover,.search-bar__result.selected{background:#5227ff1a}.search-bar__result-logo{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.search-bar__result-info{flex:1;display:flex;flex-direction:column;min-width:0}.search-bar__result-name{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-bar__result-symbol{font-size:.75rem;color:var(--text-secondary)}.search-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;padding:3px 8px;border-radius:6px;flex-shrink:0;letter-spacing:.05em}.search-badge--crypto{background:#00d68f26;color:var(--green)}.search-badge--stock{background:#5227ff26;color:var(--accent-light)}.search-badge--metal{background:#ffc10726;color:#ffc107}.progress-circle{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-circle__arc{transition:stroke-dashoffset .4s ease,stroke .3s ease}.progress-circle__text{position:absolute;font-size:1.1rem;font-weight:600;color:var(--text-primary);transition:color .3s ease}.progress-circle__text.complete{color:var(--green)}.dca-controls{display:flex;flex-direction:column;gap:10px;width:100%}.dca-controls__frequency{display:flex;gap:4px;background:#22223899;border-radius:8px;padding:3px}.dca-controls__freq-btn{flex:1;padding:6px 0;font-size:.72rem;font-weight:500;color:var(--text-secondary);border-radius:6px;transition:all .2s}.dca-controls__freq-btn.active{background:var(--accent);color:#fff}.dca-controls__freq-btn:not(.active):hover{color:var(--text-primary);background:#5227ff1a}.dca-controls__count{display:flex;align-items:center;justify-content:center;gap:12px}.dca-controls__stepper{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);color:var(--text-primary);font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.dca-controls__stepper:hover{border-color:var(--accent);background:#5227ff1a}.dca-controls__count-value{font-size:.9rem;font-weight:600;color:var(--text-primary);min-width:30px;text-align:center}.dca-controls__dca-btn{padding:10px;border-radius:10px;font-size:.85rem;font-weight:600;color:#fff;background:var(--accent);transition:all .2s;letter-spacing:.02em}.dca-controls__dca-btn:hover:not(:disabled){background:var(--accent-light);transform:translateY(-1px);box-shadow:0 4px 16px #5227ff4d}.dca-controls__dca-btn:active:not(:disabled){transform:translateY(0)}.dca-controls__dca-btn.complete{background:var(--green);cursor:default}.dca-controls__dca-btn:disabled{opacity:.9}.dca-controls__actions{display:flex;gap:8px;justify-content:center}.dca-controls__undo,.dca-controls__reset{display:flex;align-items:center;gap:4px;padding:5px 10px;font-size:.7rem;font-weight:500;color:var(--text-secondary);border-radius:6px;transition:all .2s}.dca-controls__undo:hover{color:var(--accent-light);background:#5227ff1a}.dca-controls__reset:hover{color:var(--red);background:#ff4d6a1a}.asset-card{position:relative;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color .2s,transform .2s;min-width:240px}.asset-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.asset-card__remove{position:absolute;top:10px;right:12px;font-size:1.2rem;color:var(--text-secondary);transition:color .2s;line-height:1;padding:4px}.asset-card__remove:hover{color:var(--red)}.asset-card__header{display:flex;align-items:center;gap:10px;width:100%}.asset-card__logo{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.asset-card__logo-placeholder{width:36px;height:36px;border-radius:50%;background:var(--accent-dim);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0}.asset-card__title{display:flex;flex-direction:column;min-width:0}.asset-card__name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-card__symbol{font-size:.72rem;color:var(--text-secondary);text-transform:uppercase}.asset-card__progress{padding:6px 0}.asset-card__stats{display:flex;gap:12px;width:100%;justify-content:center}.asset-card__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.asset-card__stat-label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.asset-card__stat-value{font-size:.8rem;font-weight:600}.asset-card__stat-value.positive{color:var(--green)}.asset-card__stat-value.negative{color:var(--red)}.confetti-piece{position:absolute;width:6px;height:6px;border-radius:2px;top:50%;left:50%;pointer-events:none;animation:confetti-pop var(--d) var(--delay) ease-out forwards;opacity:0}@keyframes confetti-pop{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.5)}}.asset-card__chart-popup{position:fixed;z-index:1000;width:280px;height:160px;background:#0f0f14f2;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;box-shadow:0 12px 32px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:6px;animation:asset-popup-in .18s ease}@keyframes asset-popup-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.asset-card__chart-header{display:flex;justify-content:space-between;align-items:center;font-size:.72rem}.asset-card__chart-title{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.asset-card__chart-change{font-weight:700;font-size:.72rem}.asset-card__chart-body{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.asset-card__chart-msg{font-size:.72rem;color:var(--text-secondary);text-align:center}.heatmap{--heatmap-empty: rgba(255, 255, 255, .03);--heatmap-l1: #2d1f5e;--heatmap-l2: #4527a0;--heatmap-l3: #5c33ff;--heatmap-l4: #9171ff;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;margin-top:32px;animation:heatmapFadeIn .5s ease both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes heatmapFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.heatmap--vanishing{animation:heatmapVanish .4s ease forwards;pointer-events:none}@keyframes heatmapVanish{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12px) scale(.97)}}.heatmap__layout{display:flex;gap:28px;align-items:stretch}.heatmap__stats-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-width:140px;padding-right:24px;border-right:1px solid var(--border);flex-shrink:0}.heatmap__today-block{display:flex;flex-direction:column;align-items:center;gap:6px;animation:statSlideIn .5s ease both;animation-delay:.15s}.heatmap__today-ring{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at center,var(--accent-dim) 0%,transparent 70%);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;position:relative;animation:ringPulse 2.5s ease-in-out infinite}.heatmap__today-num{font-size:1.6rem;font-weight:700;color:var(--text-primary);line-height:1}.heatmap__today-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:600}@keyframes ringPulse{0%,to{box-shadow:0 0 #5227ff4d}50%{box-shadow:0 0 12px 4px #5227ff26}}.heatmap__stat-rows{display:flex;flex-direction:column;gap:10px;width:100%}.heatmap__stat-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:8px;background:#ffffff05;animation:statSlideIn .4s ease both}.heatmap__stat-row:nth-child(1){animation-delay:.25s}.heatmap__stat-row:nth-child(2){animation-delay:.35s}.heatmap__stat-row:nth-child(3){animation-delay:.45s}.heatmap__stat-row:nth-child(4){animation-delay:.55s}@keyframes statSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.heatmap__stat-icon{font-size:.85rem;width:20px;text-align:center;flex-shrink:0;opacity:.7}.heatmap__stat-info{display:flex;flex-direction:column;line-height:1.2}.heatmap__stat-value{font-size:.95rem;font-weight:700;color:var(--text-primary)}.heatmap__stat-desc{font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.heatmap__grid-section{flex:1;min-width:0;display:flex;flex-direction:column}.heatmap__grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.heatmap__title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.heatmap__header-right{display:flex;align-items:center;gap:8px}.heatmap__active-days{font-size:.7rem;color:var(--text-secondary)}.heatmap__reset-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;color:var(--text-secondary);background:transparent;border:1px solid transparent;transition:all .15s ease;cursor:pointer;padding:0}.heatmap__reset-btn:hover{color:var(--red);background:#ff4d6a14;border-color:#ff4d6a33}.heatmap__scroll{overflow:visible;flex:1}.heatmap__grid-wrapper{display:flex;flex-direction:column;width:100%}.heatmap__months{display:flex;align-items:flex-end;margin-bottom:4px}.heatmap__day-label-spacer{width:28px;flex-shrink:0}.heatmap__month-cell{flex:1;min-width:0;font-size:.65rem;color:var(--text-secondary);text-align:left;white-space:nowrap}.heatmap__body{display:flex}.heatmap__day-labels{display:flex;flex-direction:column;margin-right:4px;flex-shrink:0;width:24px}.heatmap__day-label{flex:1;font-size:.6rem;color:var(--text-secondary);display:flex;align-items:center;line-height:1;min-height:10px}.heatmap__grid{display:flex;gap:3px;flex:1;padding:3px}.heatmap__column{display:flex;flex-direction:column;gap:3px;flex:1;overflow:visible}.heatmap__cell{aspect-ratio:1;width:100%;border-radius:3px;animation:cellPop .3s ease both;transition:box-shadow .15s ease,transform .15s ease}.heatmap__cell:hover{box-shadow:0 0 0 2px var(--accent-light);transform:scale(1.3);z-index:2;position:relative}.heatmap__cell--today{box-shadow:0 0 0 2px var(--accent)}@keyframes cellPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.heatmap__legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:10px}.heatmap__legend-label{font-size:.6rem;color:var(--text-secondary);margin:0 2px}.heatmap__legend-cell{width:11px;height:11px;border-radius:2px}@media(max-width:700px){.heatmap{padding:16px;margin-top:24px}.heatmap__layout{flex-direction:column;gap:20px}.heatmap__stats-panel{flex-direction:row;border-right:none;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:16px;min-width:unset}.heatmap__stat-rows{flex-direction:row;flex-wrap:wrap;gap:8px}.heatmap__stat-row{flex:1;min-width:80px}.heatmap__grid-header{flex-direction:column;align-items:flex-start;gap:2px}}.settings-btn{position:fixed;bottom:20px;right:20px;z-index:20;width:40px;height:40px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.settings-btn:hover{color:var(--text-primary);border-color:var(--accent)}.settings-overlay{position:fixed;inset:0;background:#0009;z-index:100;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-modal{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:16px;padding:28px;max-width:400px;width:90%}.settings-modal__title{font-size:1.1rem;font-weight:600;margin-bottom:12px}.settings-modal__desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.settings-modal__link{color:var(--accent-light);text-decoration:none}.settings-modal__link:hover{text-decoration:underline}.settings-modal__input{width:100%;padding:12px 14px;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.85rem;outline:none;margin-bottom:16px;transition:border-color .2s}.settings-modal__input:focus{border-color:var(--accent)}.settings-modal__section{margin-bottom:20px}.settings-modal__label{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.settings-modal__currency-toggle{display:flex;gap:0;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;padding:3px;overflow:hidden}.settings-modal__cur-btn{flex:1;padding:10px 16px;font-size:.85rem;font-weight:500;color:var(--text-secondary);border-radius:8px;transition:all .2s;text-align:center}.settings-modal__cur-btn:hover{color:var(--text-primary)}.settings-modal__cur-btn--active{background:var(--accent);color:#fff;font-weight:600}.settings-modal__actions{display:flex;gap:10px;justify-content:flex-end}.settings-modal__cancel{padding:8px 16px;border-radius:8px;font-size:.85rem;color:var(--text-secondary);transition:color .2s}.settings-modal__cancel:hover{color:var(--text-primary)}.settings-modal__save{padding:8px 20px;border-radius:8px;font-size:.85rem;font-weight:600;background:var(--accent);color:#fff;transition:background .2s}.settings-modal__save:hover{background:var(--accent-light)}.app-content{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:3rem 1.5rem 4rem;min-height:100vh}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.app-content{padding:2rem 1rem 3rem}.asset-grid{grid-template-columns:1fr}}