@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-dark: #09090b;--bg-surface: #18181b;--bg-surface-elevated: rgba(39, 39, 42, .6);--border-color: rgba(255, 255, 255, .08);--accent-gradient: linear-gradient(135deg, #a855f7 0%, #3b82f6 100%);--accent-color: #8b5cf6;--accent-glow: rgba(139, 92, 246, .3);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--safe-area-bottom: env(safe-area-inset-bottom, 20px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}a,button{outline:none}a:focus,button:focus{outline:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.page-container{width:100%!important;max-width:100%!important;margin:0;min-height:calc(100vh - 40px);min-height:calc(100dvh - 40px);animation:pageFadeIn .35s cubic-bezier(.2,.8,.2,1) forwards}@media (max-width: 767px){.page-container{padding-bottom:var(--safe-area-bottom, 0px)}.page-container:after{content:"";display:block;height:120px;flex-shrink:0}}@media (min-width: 768px){.page-container:after{content:"";display:block;height:1px;flex-shrink:0}}.glass-panel{background:#1e1e28b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.05);border-radius:16px;box-shadow:0 8px 32px #0000004d}.page-transition-wrapper{animation:pageFadeIn .3s cubic-bezier(.16,1,.3,1) forwards;height:100%;width:100%;display:flex;flex-direction:column;align-items:stretch}.glass-icon-btn{width:44px;height:44px;border-radius:16px;background:#1e1e28b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;flex-shrink:0;aspect-ratio:1;display:flex;justify-content:center;align-items:center;color:var(--text-secondary);transition:all .2s;cursor:pointer}.glass-icon-btn:hover,.glass-icon-btn.active{background:#ffffff26;color:var(--text-primary)}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.desktop-only{display:none!important}.mobile-only{display:flex!important}@media (min-width: 768px){.desktop-only{display:flex!important}.mobile-only{display:none!important}}.unified-dropdown{position:relative;width:100%}.dropdown-trigger{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:var(--text-primary);font-size:15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.dropdown-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-trigger:hover{background:#ffffff14}.dropdown-trigger.open{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-glow)}.dropdown-icon{color:var(--text-secondary);transition:transform .2s}.dropdown-trigger.open .dropdown-icon{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;max-height:400px;overflow-y:auto;background:#1e1e28f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:500;animation:dropdownFadeIn .2s ease-out;padding:8px;display:flex;flex-direction:column;gap:4px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:12px 16px;border-radius:8px;color:var(--text-secondary);font-size:15px;cursor:pointer;transition:all .2s}.dropdown-item:hover{background:#ffffff0d;color:var(--text-primary)}.dropdown-item.selected{background:var(--accent-glow);color:var(--accent-color);font-weight:600}.dropdown-empty{padding:12px 16px;color:var(--text-secondary);font-style:italic;text-align:center}.unified-calendar{width:100%;max-width:440px;background:#1e1e28f2;border-radius:24px;padding:24px;box-shadow:0 24px 64px #00000080;border:1px solid rgba(255,255,255,.12);animation:scaleIn .2s cubic-bezier(.16,1,.3,1);transition:all .2s ease}.unified-calendar.range-mode{max-width:620px}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-header h3{font-size:16px;font-weight:600;color:var(--text-primary)}.cal-nav-btn{background:#ffffff0d;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s}@media (hover: hover) and (pointer: fine){.cal-nav-btn:hover{background:#ffffff1a;color:#fff}}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.cal-day-name{text-align:center;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.cal-day{aspect-ratio:1;height:auto;width:100%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:var(--text-primary);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .2s}@media (hover: hover) and (pointer: fine){.cal-day:not(.empty):hover{background:#ffffff1a}}.cal-day.empty{cursor:default}.cal-day.today{color:var(--accent-color);font-weight:700;background:var(--accent-glow)}.cal-day.selected{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px var(--accent-glow);font-weight:700}.cal-nav-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.cal-day.disabled{opacity:.3;cursor:not-allowed;color:var(--text-secondary);pointer-events:none;background:transparent!important}.cal-day.in-range{background:#ffffff1a;border-radius:50%}.cal-day.range-start,.cal-day.range-end{background:var(--accent-color);border-radius:50%;color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.calendar-sidebar{width:200px;background:#00000040;border-right:1px solid rgba(255,255,255,.08);padding:28px 24px;display:flex;flex-direction:column;gap:32px;flex-shrink:0}.sidebar-group{display:flex;flex-direction:column;gap:8px}.sidebar-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.sidebar-value{font-size:28px;font-weight:800;color:var(--text-primary);line-height:1.15}.calendar-actions{display:flex;justify-content:flex-end;margin-top:24px;gap:12px}.calendar-actions button{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.calendar-actions .cancel-btn{background:transparent;color:var(--text-secondary)}.calendar-actions .cancel-btn:hover{background:#ffffff0d;color:var(--text-primary)}.calendar-actions .apply-btn{background:var(--accent-gradient);color:#fff}.calendar-actions .apply-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.calendar-actions .apply-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.unified-calendar{flex-direction:column!important;max-width:380px!important}.calendar-sidebar{width:100%!important;flex-direction:row!important;justify-content:space-between!important;border-right:none!important;border-bottom:1px solid rgba(255,255,255,.05)!important;padding:16px 24px!important;gap:16px!important}.sidebar-group{align-items:center}.calendar-main{padding:16px!important}}@media (min-width: 769px){.unified-calendar{max-width:500px}.unified-calendar.range-mode{max-width:720px}.calendar-sidebar{width:220px;padding:32px 24px;gap:36px}.sidebar-label{font-size:14px}.sidebar-value{font-size:32px}.calendar-main{padding:28px 32px}.calendar-header h3{font-size:19px}.cal-nav-btn{width:38px;height:38px}.calendar-grid{gap:10px}.cal-day-name{font-size:14px;margin-bottom:10px}.cal-day{font-size:15px;font-weight:600}.calendar-actions button{padding:10px 22px;font-size:15px;border-radius:10px}}@media (min-width: 1200px){.unified-calendar{max-width:540px}.unified-calendar.range-mode{max-width:800px}.calendar-sidebar{width:250px;padding:36px 28px;gap:40px}.sidebar-label{font-size:14px}.sidebar-value{font-size:36px}.calendar-main{padding:32px 36px}.calendar-header h3{font-size:21px}.cal-nav-btn{width:42px;height:42px}.calendar-grid{gap:12px}.cal-day-name{font-size:15px;margin-bottom:12px}.cal-day{font-size:16px;font-weight:600}}.pin-pad-container{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:320px;-webkit-user-select:none;user-select:none}.pin-pad-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;text-align:center}.pin-pad-subtitle{font-size:14px;color:var(--text-secondary);margin:0;text-align:center;line-height:1.4}.pin-dots{display:flex;justify-content:center;gap:16px;margin:8px 0 16px}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}.pin-dot.filled{background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1);box-shadow:0 0 12px var(--accent-color, #6366f1);transform:scale(1.15)}.pin-keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:270px}.keypad-btn{width:64px;height:64px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);font-size:24px;font-weight:600;display:flex;align-items:center;justify-content:center;margin:0 auto;cursor:pointer;outline:none;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.keypad-btn:hover{background:#ffffff1f;border-color:#fff3}.keypad-btn:active{transform:scale(.92);background:#fff3}.keypad-btn.action-btn{background:transparent;border-color:transparent;color:var(--text-secondary)}.keypad-btn.action-btn:hover{color:var(--text-primary);background:#ffffff14}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:16px}.tx-form-modal{width:100%;max-width:580px;background:#1e1e28f2;border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:22px;box-shadow:0 24px 64px #00000080;border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:22px;font-weight:700;color:var(--text-primary)}.close-btn{background:#ffffff0d;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-btn:hover{background:#ffffff1a;color:#fff}.tx-form{display:flex;flex-direction:column;gap:16px}.tx-type-selector{display:grid;grid-template-columns:repeat(2,1fr);background:#0000004d;border-radius:12px;padding:4px;gap:6px;margin-bottom:4px}.type-btn{padding:10px 4px;border-radius:10px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.type-btn:hover{background:#ffffff0d}.form-row{display:flex;gap:12px;align-items:flex-end}.flex-1{flex:1;min-width:0}.flex-2{flex:2;min-width:0}.form-group{display:flex;flex-direction:column;position:relative;width:100%}.form-group>label{position:absolute;top:-9px;left:10px;background:transparent;padding:0 4px;font-size:11px;color:var(--text-secondary);font-weight:500;letter-spacing:.2px;z-index:5;pointer-events:none;line-height:1}.input-with-icon{position:relative;display:flex;align-items:center;width:100%}.input-icon{position:absolute;left:12px;color:var(--text-secondary);pointer-events:none;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.input-with-icon input,.input-with-icon select{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 12px 12px 40px;color:var(--text-primary);font-size:15px;outline:none;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-with-icon input:focus,.input-with-icon select:focus{border-color:var(--accent-color);background:#ffffff14}.input-no-icon{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:var(--text-primary);font-size:15px;outline:none;transition:all .2s}.input-no-icon:focus{border-color:var(--accent-color);background:#ffffff14}.currency-toggle{display:flex;flex-direction:row;background:#0000004d;border-radius:12px;padding:4px;height:48px;box-sizing:border-box}.curr-btn{flex:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.curr-btn.active{background:var(--accent-color);color:#fff;box-shadow:0 2px 8px #0003}.hint{font-size:11px;color:var(--text-secondary);opacity:.7;margin-top:4px;padding-left:12px}.dynamic-fields-wrapper{display:flex;flex-direction:column}.dynamic-fields-content{display:flex;flex-direction:column;gap:16px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:8px}.cancel-btn,.submit-btn{height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-sizing:border-box;flex-shrink:0}.cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:0 20px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#ffffff0d;color:#fff}.submit-btn{padding:0 24px;border:none;font-weight:600;font-size:14px;cursor:pointer;color:#fff;transition:all .2s;box-shadow:0 4px 12px #0003}.submit-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.submit-btn:active{transform:scale(.98)}.bg-primary{background:var(--accent-color);box-shadow:0 4px 16px #8b5cf666}.popped-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;flex-direction:column;animation:fadeIn .2s ease-out;padding:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popped-container{background:#282832f2;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 48px #00000080;display:flex;flex-direction:column;overflow:hidden;max-height:80%;animation:slideDownPop .2s cubic-bezier(.16,1,.3,1)}@keyframes slideDownPop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.popped-header{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}.popped-input{flex:1;background:transparent;border:none;font-size:18px;color:var(--text-primary);outline:none}.popped-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.popped-item{display:flex;flex-direction:column;gap:2px;padding:12px;background:transparent;border:none;border-radius:12px;cursor:pointer;color:var(--text-primary);font-size:16px;font-weight:500;transition:background .2s;text-align:left}.popped-item:hover{background:#ffffff0d}.popped-item-symbol{font-weight:700;color:var(--text-primary)}.popped-item-name{font-size:13px;color:var(--text-secondary)}.animated-selector{position:relative;overflow:hidden}.animated-selector .slider-bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;z-index:0;background:var(--accent-gradient, rgba(255, 255, 255, .1))}.type-btn{position:relative;padding:10px 4px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:13px;cursor:pointer;transition:color .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;z-index:1}.type-btn:hover{color:var(--text-primary)}.currency-toggle.animated-selector{display:flex;background:#0003;border-radius:8px;padding:4px;gap:4px}.curr-btn{flex:1;position:relative;text-align:center;padding:8px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-secondary);transition:color .3s ease;z-index:1}.curr-btn:hover,.curr-btn.active{color:var(--text-primary)}.currency-toggle .slider-bg{border-radius:6px;background:#ffffff1a}.popped-container{width:100%;max-width:580px}.max-shares-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#81c78433;color:#81c784;border:1px solid rgba(129,199,132,.4);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;z-index:5}.max-shares-btn:hover{background:#81c78459;box-shadow:0 2px 8px #81c7844d}.remaining-shares-badge{margin-right:auto;font-size:12.5px;color:var(--text-secondary);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:8px;display:flex;align-items:center;gap:4px}.remaining-shares-badge strong{color:var(--accent-color, #6366f1);font-weight:700}@media (max-width: 768px){.popped-overlay{align-items:flex-end;padding:0}.popped-container{max-width:100%;border-radius:24px 24px 0 0;max-height:90vh;animation:slideUpPop .3s cubic-bezier(.16,1,.3,1)}.modal-actions{gap:8px;justify-content:flex-end}.remaining-shares-badge{padding:5px 9px;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;margin-right:auto}.cancel-btn,.submit-btn{height:40px;padding:0 14px;font-size:13.5px;flex-shrink:0}}@keyframes slideUpPop{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.more-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-end}.more-modal-content{width:100%;background:var(--bg-surface);border-top-left-radius:24px;border-top-right-radius:24px;padding:24px;padding-bottom:calc(24px + var(--safe-area-bottom));border-top:1px solid var(--border-color);box-shadow:0 -8px 32px #00000080}.more-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.more-modal-header h3{font-size:18px;font-weight:600;color:var(--text-primary)}.close-btn{background:#ffffff0d;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:background .2s}.close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.more-modal-body{display:flex;flex-direction:column;gap:12px}.more-menu-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:16px;text-decoration:none;color:var(--text-primary);background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:all .2s}.more-menu-item:hover,.more-menu-item:active{background:#ffffff0d;border-color:#ffffff1a}.more-icon-circle{width:40px;height:40px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.more-menu-item span{font-size:16px;font-weight:500}.app-container{display:flex;height:100vh;height:100dvh;width:100vw;background-color:var(--bg-dark)}.main-wrapper{flex:1;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;position:relative;width:100%}.main-content{flex:1;overflow-y:auto;padding:24px 24px 16px;width:100%}.sidebar-wrapper{position:relative;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:100}.sidebar-wrapper.pinned{width:276px}.sidebar-wrapper.unpinned{width:32px}.sidebar{display:flex;position:absolute;top:16px;left:16px;width:260px;height:calc(100vh - 32px);flex-direction:column;padding:24px 16px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;overflow:hidden}.sidebar-wrapper.unpinned:not(:hover) .sidebar{transform:translate(calc(-100% - 32px));opacity:0;pointer-events:none}.sidebar-wrapper.unpinned:not(:hover) .sidebar.glass-panel{border:none;box-shadow:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.backend-status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.backend-status-badge:hover{background:#ffffff1a}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;transition:all .3s ease}.status-dot.online{background-color:#10b981;box-shadow:0 0 10px #10b981cc;animation:pulse-green 2s infinite}.status-dot.offline{background-color:#ef4444;box-shadow:0 0 10px #ef4444cc;animation:pulse-red 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}@keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.mobile-top-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-surface-elevated, rgba(20, 20, 28, .8));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:99}.sidebar-header .title{font-size:24px;font-weight:700;transition:opacity .2s;white-space:nowrap}.sidebar.unpinned:not(:hover) .title{opacity:0;width:0}.pin-btn{background:#ffffff0d;border:none;color:var(--text-secondary);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.pin-btn:hover{background:#ffffff26;color:var(--text-primary)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:12px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .2s ease;white-space:nowrap}.sidebar.unpinned:not(:hover) .nav-label{opacity:0;width:0}.sidebar .nav-item .lucide{transition:all .2s ease}.sidebar .nav-item:hover{background-color:#ffffff0d;color:var(--text-primary)}.sidebar .nav-item.active{position:relative;background-color:transparent;color:#fff;font-weight:600;transform:translate(4px)}.sidebar .nav-item.active .lucide{stroke:url(#icon-gradient);filter:drop-shadow(0 0 6px rgba(168,85,247,.6));transform:scale(1.15);stroke-width:2.5}.sidebar .nav-item.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--accent-gradient);border-radius:3px;box-shadow:0 0 12px 2px var(--accent-color)}.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}.settings-item{color:var(--text-secondary)}.settings-item:hover{color:var(--text-primary)}.bottom-nav{height:64px;margin:0 16px;flex-direction:row;justify-content:space-evenly;align-items:center;border-radius:32px;background:linear-gradient(135deg,#ffffff14,#ffffff05);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.1);box-shadow:0 16px 32px #0009,inset 0 1px #ffffff0d;z-index:50;position:absolute;bottom:max(12px,env(safe-area-inset-bottom,12px));left:0;right:0}.bottom-nav .nav-item{position:relative;display:flex;justify-content:center;align-items:center;width:48px;height:48px;color:var(--text-muted);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;background:transparent;border:none;cursor:pointer;outline:none}.bottom-nav .nav-item .lucide{transition:all .3s cubic-bezier(.4,0,.2,1)}.bottom-nav .nav-item:hover{color:var(--text-secondary)}.bottom-nav .nav-item.active{background-color:transparent}.bottom-nav .nav-item.active .lucide{stroke:url(#icon-gradient);filter:drop-shadow(0 0 8px rgba(168,85,247,.8));transform:scale(1.15) translateY(-3px);stroke-width:2.5}.bottom-nav .nav-item.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:16px;height:3px;border-radius:3px;background:var(--accent-gradient);box-shadow:0 0 12px 2px var(--accent-color)}.fab-container{display:flex;justify-content:center;align-items:center;margin-top:-36px;z-index:51;width:56px}.fab-btn{width:56px;height:56px;border-radius:50%;background:var(--accent-gradient);border:none;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 16px var(--accent-glow);cursor:pointer;transition:transform .2s}.fab-btn:active{transform:scale(.95)}.float-settings{position:absolute;top:16px;right:16px;z-index:100;margin:0}.float-home{position:absolute;top:16px;left:16px;z-index:100;margin:0}.mobile-top-bar{display:none}@media (max-width: 768px),(max-height: 600px) and (orientation: landscape),(pointer: coarse) and (max-height: 600px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-top-bar{display:flex;height:calc(60px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);align-items:center;padding-left:16px;padding-right:16px;justify-content:space-between;z-index:40;flex-shrink:0;background:transparent}.main-content{padding-top:max(16px,env(safe-area-inset-top,16px));padding-bottom:max(100px,calc(84px + env(safe-area-inset-bottom,16px)));padding-left:16px;padding-right:16px;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}}@media (orientation: landscape) and (max-height: 550px){.main-content,.mobile-top-bar{padding-left:12px!important;padding-right:12px!important;width:100%!important;box-sizing:border-box!important}}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.1);transition:all .2s;cursor:pointer}.icon-btn:hover{background:#ffffff1a}.nav-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:var(--bg-surface-elevated, #2a2a35);color:var(--text-primary, #fff);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.1);z-index:60}.fab-container{position:relative}.filter-modal{width:100%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;padding:0;overflow:hidden;background:var(--surface-color, #1e1e28);border-radius:24px;box-shadow:0 16px 48px #0006;border:1px solid rgba(255,255,255,.1)}.filter-header{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;flex-shrink:0}.filter-header h2{font-size:20px;font-weight:700;color:var(--text-primary, white);margin:0}.reset-btn{display:flex;align-items:center;gap:8px;background:#ef44441a;color:var(--expense-color, #ef4444);border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.reset-btn:hover{background:#ef444433}.filter-tabs{display:flex;overflow-x:auto;background:#0003;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.filter-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:transparent;border:none;color:var(--text-secondary, #9ca3af);font-size:14px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;min-width:max-content}.filter-tab.active{color:var(--accent-color, #a855f7);border-bottom-color:var(--accent-color, #a855f7)}.filter-body{display:flex;flex-direction:column;overflow:hidden}.filter-tab-content{display:flex;flex-direction:column;width:100%}.filter-list-tab{height:400px}.amount-tab{padding:24px}.tab-description{color:var(--text-secondary, #9ca3af);margin-bottom:24px;font-size:14px}.amount-inputs{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;color:var(--text-secondary, #9ca3af)}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:var(--text-secondary, #9ca3af)}.input-with-icon input{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);padding:12px 12px 12px 36px;border-radius:8px;color:#fff;font-size:16px}.filter-list-header{padding:16px 16px 12px;background:#0003;flex-shrink:0}.filter-modal .search-box{position:relative;display:flex;align-items:center}.filter-modal .search-icon{position:absolute;left:12px;color:var(--text-secondary, #9ca3af)}.filter-modal .search-box input{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);padding:12px 12px 12px 36px;border-radius:8px;color:#fff}.filter-list-actions{display:flex;justify-content:space-between;align-items:center;padding:0 16px 16px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.count-label{font-size:13px;color:var(--text-secondary, #9ca3af);font-weight:600}.action-buttons{display:flex;gap:16px}.action-buttons button{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--accent-color, #a855f7);font-size:13px;font-weight:600;cursor:pointer}.filter-list-body{flex:1;overflow-y:auto}.filter-list-body::-webkit-scrollbar{width:6px}.filter-list-body::-webkit-scrollbar-track{background:transparent}.filter-list-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.filter-list-body::-webkit-scrollbar-thumb:hover{background:#fff3}.filter-item{width:100%;display:flex;align-items:center;gap:12px;padding:16px 24px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.02);color:var(--text-secondary, #9ca3af);cursor:pointer;transition:all .2s;font-size:15px}.filter-item:hover{background:#ffffff05}.filter-item.selected{color:var(--text-primary, white)}.checkbox{color:var(--text-secondary, #9ca3af);display:flex}.filter-item.selected .checkbox{color:var(--accent-color, #a855f7)}.empty-state{padding:40px 24px;text-align:center;color:var(--text-secondary, #9ca3af);font-style:italic}.filter-actions{padding:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:12px;background:#0003}.filter-actions button{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;border:none}.filter-actions .cancel-btn{background:transparent;color:var(--text-secondary, #9ca3af)}.filter-actions .apply-btn{background:var(--accent-gradient, linear-gradient(135deg, #6366f1 0%, #a855f7 100%));color:#fff;box-shadow:0 4px 12px var(--accent-glow, rgba(99, 102, 241, .4))}@media (max-width: 480px){.filter-tab{padding:12px 4px;gap:4px;font-size:12px;min-width:0}.filter-tab svg{width:16px;height:16px}.amount-tab{padding-bottom:48px}}.home-dashboard{display:flex;flex-direction:column;gap:24px;padding-bottom:40px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.dashboard-title-group{display:flex;align-items:center;gap:12px}.dashboard-title-group h1{font-size:26px;font-weight:700;color:var(--text-primary);margin:0}.dashboard-controls{display:flex;align-items:center;gap:12px}.total-balance-pill{padding:32px 24px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-surface-elevated, rgba(30, 30, 40, .7));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);text-align:center;box-shadow:0 12px 36px #00000040;position:relative;overflow:hidden}.total-balance-pill:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color, #6366f1),transparent)}.balance-label{color:var(--text-secondary);font-size:13px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:1.2px}.balance-amount{font-size:clamp(28px,5vw,52px);line-height:1.1;font-weight:800;background:linear-gradient(135deg,#ffffff 30%,var(--accent-color, #6366f1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;white-space:nowrap}.balance-stats-row{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);width:100%;max-width:480px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-item .stat-label{font-size:12px;color:var(--text-secondary);font-weight:500}.stat-item .stat-value{font-size:16px;font-weight:700;color:var(--text-primary)}.portfolios-section{display:flex;flex-direction:column;gap:12px}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:.2px}.portfolios-scroller{display:flex;flex-wrap:nowrap;gap:16px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none;-ms-overflow-style:none}.portfolios-scroller::-webkit-scrollbar{display:none}.portfolio-card{min-width:220px;flex:0 0 auto;padding:20px;border-radius:20px;background:var(--bg-surface-elevated, rgba(30, 30, 40, .7));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #00000026}.portfolio-card:hover{transform:translateY(-2px);border-color:#ffffff26;box-shadow:0 8px 24px #00000040}.portfolio-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.portfolio-name{color:var(--text-secondary);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portfolio-actions{display:flex;align-items:center;gap:6px}.action-icon-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-icon-btn:hover{color:#fff;background:#ffffff1a}.portfolio-value{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.portfolio-subtext{font-size:12px;color:var(--text-secondary);font-weight:500}.add-portfolio-card{min-width:160px;flex:0 0 auto;border-radius:20px;border:1px dashed rgba(255,255,255,.15);background:#ffffff05;display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.add-portfolio-card:hover{border-color:var(--accent-color);color:var(--accent-color);background:#6366f10d}.widgets-section{display:flex;flex-direction:column;gap:16px;margin-top:8px}.dashboard-widgets-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 768px){.dashboard-widgets-grid{grid-template-columns:repeat(2,1fr)}}.widget-card{position:relative;background:var(--bg-surface-elevated, rgba(30, 30, 40, .7));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;min-height:240px;box-shadow:0 4px 20px #00000026}.widget-card-header{display:flex;align-items:center;justify-content:space-between}.widget-card-title{font-size:16px;font-weight:600;color:var(--text-primary)}.widget-header-actions{display:flex;align-items:center;gap:6px}.widget-remove-btn{background:transparent;border:none;color:var(--text-secondary);opacity:.6;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.widget-card:hover .widget-remove-btn{opacity:1}.widget-remove-btn:hover{background:#ef444426;color:#ef4444}.widget-card-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-secondary);font-size:14px}.add-widget-card{border-radius:20px;border:2px dashed rgba(255,255,255,.15);background:#ffffff05;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);font-weight:600}.add-widget-card:hover{border-color:var(--accent-color, #6366f1);color:var(--accent-color, #6366f1);background:#6366f10d}.add-icon-circle{width:56px;height:56px;border-radius:50%;background:#6366f126;display:flex;align-items:center;justify-content:center;color:var(--accent-color, #6366f1);transition:transform .2s ease}.add-widget-card:hover .add-icon-circle{transform:scale(1.1)}.portfolio-page{display:flex;flex-direction:column;gap:20px;padding-bottom:40px}.icon-btn{position:relative!important}.filter-badge{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background-color:#ef4444;box-shadow:0 0 6px #ef4444cc;pointer-events:none;z-index:5}.portfolio-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;height:68px;min-height:68px;padding:14px 24px;border-radius:20px;background:var(--bg-surface-elevated, rgba(30, 30, 40, .7));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color, rgba(255, 255, 255, .1));box-shadow:0 8px 32px #0003}.portfolio-header-container{display:flex;flex-direction:column;gap:12px;width:100%}.portfolio-top-row{display:flex;align-items:center;justify-content:space-between;width:100%}.portfolio-top-left{display:flex;align-items:center;gap:12px}.portfolio-search-row{width:100%}.portfolio-search-bar{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.portfolio-search-bar .search-icon{position:absolute;left:12px;color:var(--text-secondary);pointer-events:none}.portfolio-search-bar input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px 10px 38px;color:var(--text-primary);font-size:14px;outline:none;transition:all .2s ease}.portfolio-search-bar input:focus{border-color:var(--accent-color, #6366f1);background:#ffffff14}.position-toggle-container{display:flex;background:#0000004d;border-radius:14px;padding:4px;position:relative;gap:4px}.position-toggle-btn{flex:1;padding:10px 16px;border-radius:10px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:14px;cursor:pointer;transition:color .3s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.position-toggle-btn>svg,.position-toggle-btn>span{position:relative;z-index:2}.position-toggle-btn.active{color:#fff}.toggle-slider{position:absolute;top:4px;bottom:4px;border-radius:10px;background:var(--accent-color, #6366f1);box-shadow:0 2px 10px #6366f166;z-index:1}.positions-list{display:flex;flex-direction:column;gap:12px}.position-card{background:var(--bg-surface-elevated, rgba(30, 30, 40, .7));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:clamp(12px,2.5vw,16px) clamp(12px,3vw,20px);display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,2vw,16px);transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #00000026}.position-card:hover{transform:translateY(-1px);border-color:#ffffff26;box-shadow:0 8px 24px #00000040}.position-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}.position-symbol-row{display:flex;align-items:center;gap:8px}.position-symbol{font-size:clamp(15px,3.8vw,17px);font-weight:700;color:var(--text-primary)}.position-portfolio-tag{font-size:clamp(10px,2.5vw,11px);font-weight:600;padding:2px 8px;border-radius:6px;background:#ffffff14;color:var(--text-secondary)}.position-shares-tag{font-size:clamp(10px,2.5vw,11px);font-weight:600;padding:2px 8px;border-radius:6px;background:#6366f126;color:var(--accent-color, #6366f1)}.position-name{font-size:clamp(12px,2.8vw,13px);color:var(--text-secondary)}.position-live-price{font-size:clamp(11px,2.7vw,12.5px);color:var(--text-tertiary, rgba(255, 255, 255, .6));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.position-details{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.position-value{font-size:clamp(14.5px,3.6vw,17px);font-weight:700;color:var(--text-primary);white-space:nowrap}.pnl-row{display:inline-flex;align-items:center;gap:4px;font-size:clamp(11px,2.7vw,12.5px);font-weight:600;white-space:nowrap}.pnl-row.positive{color:#10b981}.pnl-row.negative{color:#ef4444}.pnl-badge{display:inline-flex;align-items:center;gap:4px;padding:3px clamp(6px,1.8vw,8px);border-radius:6px;font-size:clamp(10.5px,2.6vw,12px);font-weight:600;margin-top:2px;white-space:nowrap}.pnl-badge.positive{background:#10b98126;color:#10b981}.pnl-badge.negative{background:#ef444426;color:#ef4444}.change-24h-badge{display:inline-flex;align-items:center;gap:4px;padding:3px clamp(6px,1.8vw,8px);border-radius:6px;font-size:clamp(10px,2.5vw,11px);font-weight:600;margin-top:2px;white-space:nowrap}.change-24h-badge.positive{background:#10b98126;color:#10b981}.change-24h-badge.negative{background:#ef444426;color:#ef4444}.empty-positions-state{padding:48px 20px;text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:12px;background:#ffffff05;border-radius:18px;border:1px dashed rgba(255,255,255,.1)}@media (max-width: 768px){.position-card{padding:12px 14px;gap:10px}.position-info{min-width:0}.position-symbol{font-size:15px}.position-value{font-size:14px}.position-live-price{font-size:11px}.pnl-badge,.change-24h-badge{padding:2px 6px;font-size:10px}.pnl-badge span,.change-24h-badge span{font-size:10px}}.hero-metrics-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;flex-wrap:wrap}.hero-metrics{display:flex;gap:24px}.metric-col{display:flex;flex-direction:column;gap:4px}.metric-label{font-size:13px;color:var(--text-secondary)}.metric-value{font-size:15px;font-weight:600}.metric-value.positive{color:#10b981}.metric-value.negative{color:#ef4444}.performance-pills{display:flex;gap:10px}.performance-pills.desktop-only{display:flex;flex-direction:row}.performance-pills.mobile-only{display:none}.perf-pill{border-radius:12px;padding:6px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.perf-pill.positive{background:#10b9811f;border:1px solid rgba(16,185,129,.25)}.perf-pill.negative{background:#ef44441f;border:1px solid rgba(239,68,68,.25)}.perf-label{font-size:10.5px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.perf-value{font-size:15px;font-weight:700}.perf-pill.positive .perf-value{color:#10b981}.perf-pill.negative .perf-value{color:#ef4444}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape),(pointer: coarse) and (max-height: 600px){.performance-pills.desktop-only{display:none!important}.performance-pills.mobile-only{display:flex!important;flex-direction:row;width:100%;gap:12px;margin-top:12px}.performance-pills.mobile-only .perf-pill{flex:1;align-items:center;padding:12px 10px;border-radius:16px;box-shadow:0 4px 16px #00000026}}.compare-modal{background:var(--bg-surface-elevated, #181824);border:1px solid rgba(255,255,255,.12);border-radius:24px;width:90vw;max-width:480px;padding:24px;box-shadow:0 20px 50px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:16px}.compare-header{display:flex;justify-content:space-between;align-items:center}.compare-header h2{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.close-btn{width:32px;height:32px;border-radius:50%;padding:0}.compare-search-bar{position:relative;display:flex;align-items:center}.compare-search-bar .search-icon{position:absolute;left:12px;color:var(--text-secondary)}.compare-search-bar input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 36px;color:var(--text-primary);font-size:14px;outline:none;transition:all .2s ease}.compare-search-bar input:focus{border-color:var(--accent-color, #6366f1);background:#ffffff14}.clear-search-btn{position:absolute;right:12px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;display:flex;align-items:center}.compare-body{max-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding-right:4px}.compare-section{display:flex;flex-direction:column;gap:8px}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);font-weight:600}.bench-grid{display:flex;flex-direction:column;gap:8px}.bench-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .2s ease}.bench-card:hover{background:#ffffff12;border-color:#ffffff26}.bench-card.selected{background:#6366f126;border-color:#6366f166}.bench-info{display:flex;flex-direction:column;gap:2px}.bench-symbol{font-size:14px;font-weight:700;color:var(--text-primary)}.bench-name{font-size:12px;color:var(--text-secondary)}.checkbox-icon{width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all .2s ease}.checkbox-icon.checked{background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1);color:#fff}.loading-state,.empty-state{padding:24px;text-align:center;font-size:13px;color:var(--text-tertiary)}.compare-footer{display:flex;gap:12px;margin-top:8px}.compare-footer .btn-secondary{flex:1;padding:12px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-weight:600;cursor:pointer}.compare-footer .btn-primary{flex:2;padding:12px;border-radius:12px;background:var(--accent-color, #6366f1);border:none;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #6366f166}.graph-page{display:flex;flex-direction:column;gap:20px;padding-bottom:40px}.graph-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;height:68px;min-height:68px;padding:14px 24px;border-radius:20px;background:var(--bg-surface-elevated, rgba(30, 30, 40, .7));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color, rgba(255, 255, 255, .1));box-shadow:0 8px 32px #0003}.graph-top-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;flex-wrap:wrap}.control-pills-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.segmented-control{display:flex;align-items:center;background:#0000004d;border-radius:12px;padding:3px;gap:2px;height:40px;box-sizing:border-box}.segmented-btn{height:100%;display:flex;align-items:center;justify-content:center;padding:0 14px;border-radius:9px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.segmented-btn.active{background:var(--accent-color, #6366f1);color:#fff;box-shadow:0 2px 8px #6366f166}.graph-value-card{padding:24px;border-radius:24px;background:var(--bg-surface-elevated, rgba(30, 30, 40, .7));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color, rgba(255, 255, 255, .1));box-shadow:0 12px 36px #00000040;display:flex;justify-content:space-between;align-items:stretch;gap:20px}.graph-value-info{display:flex;flex-direction:column;justify-content:center;gap:4px}.graph-hero-label{font-size:13px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.graph-hero-value{font-size:clamp(28px,5vw,38px);font-weight:800;letter-spacing:-.5px;color:var(--text-primary)}.graph-hero-badge-row{display:flex;align-items:center;gap:12px;margin-top:4px}.graph-change-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;font-size:13px;font-weight:700}.graph-change-badge.positive{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.25)}.graph-change-badge.negative{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.graph-perf-pills{display:flex;align-items:stretch;gap:12px}.graph-perf-pills .perf-pill{min-width:110px;padding:14px 22px;border-radius:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-sizing:border-box;cursor:pointer;border:1.5px solid transparent;background:#ffffff0a;transition:all .2s ease}.graph-perf-pills .perf-pill:hover{background:#ffffff14}.graph-perf-pills .perf-pill.positive{color:#10b981}.graph-perf-pills .perf-pill.negative{color:#ef4444}.graph-perf-pills .perf-pill.positive.active-selector{border-color:#10b981;box-shadow:0 0 14px #10b98166;background:#10b98138}.graph-perf-pills .perf-pill.negative.active-selector{border-color:#ef4444;box-shadow:0 0 14px #ef444466;background:#ef444438}.graph-perf-pills .perf-pill .perf-label{font-size:11px;margin-bottom:2px}.graph-perf-pills .perf-pill .perf-value{font-size:18px;font-weight:800}.graph-chart-card{padding:24px;border-radius:24px;background:var(--bg-surface-elevated, rgba(30, 30, 40, .7));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color, rgba(255, 255, 255, .1));box-shadow:0 12px 36px #00000040;display:flex;flex-direction:column;gap:16px}.graph-chart-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:nowrap}.period-pills{display:flex;align-items:center;gap:4px;background:#0000004d;padding:3px;border-radius:12px;height:40px;box-sizing:border-box}.period-pill{height:100%;display:flex;align-items:center;justify-content:center;padding:0 14px;border-radius:9px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.period-pill.active{background:var(--accent-color, #6366f1);color:#fff;box-shadow:0 2px 8px #6366f166}.period-select-wrapper{position:relative;display:inline-flex;align-items:center}.period-select-dropdown{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;height:40px;padding:0 32px 0 14px;color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;outline:none;box-sizing:border-box}.period-select-dropdown option{background:#181824;color:#fff}.period-select-wrapper .dropdown-arrow{position:absolute;right:10px;pointer-events:none;color:var(--text-secondary)}.chart-container{width:100%;height:360px;margin-top:8px;transition:height .3s cubic-bezier(.4,0,.2,1);touch-action:pan-y!important}.chart-container .recharts-wrapper,.chart-container .recharts-surface{touch-action:pan-y!important}.graph-chart-card.fullscreen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;z-index:99999!important;background:var(--bg-primary, #0f0f17)!important;border-radius:0!important;border:none!important;padding:16px 16px 28px!important;margin:0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.graph-chart-card.fullscreen .chart-container{flex:1;height:calc(100vh - 84px)!important;margin-top:12px}body:has(.graph-chart-card.fullscreen) .bottom-nav,body:has(.fullscreen) .bottom-nav{display:none!important;opacity:0!important;pointer-events:none!important}.custom-chart-tooltip{background:#14141ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:12px 16px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;gap:6px;min-width:160px}.tooltip-date{font-size:12px;color:var(--text-secondary);font-weight:600;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:4px}.tooltip-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.tooltip-label{color:var(--text-secondary)}.tooltip-val{font-weight:700;color:var(--text-primary)}.graph-mobile-top-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:4px 0}@media (min-width: 769px) and (min-height: 501px){.mobile-only{display:none!important}}@media (max-width: 768px),(max-height: 600px) and (orientation: landscape),(pointer: coarse) and (max-height: 600px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.graph-value-card{flex-direction:row;justify-content:space-between;align-items:center;padding:16px;gap:12px}.graph-perf-pills{flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.graph-perf-pills .perf-pill{min-width:84px;padding:6px 12px;border-radius:12px}.graph-perf-pills .perf-pill .perf-label{font-size:10px}.graph-perf-pills .perf-pill .perf-value{font-size:13px}.graph-chart-card{padding:14px 12px;border-radius:18px}.graph-chart-controls{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box}.period-select-wrapper.mobile-only{flex:0 0 auto;width:auto;min-width:105px}.period-select-wrapper.mobile-only .unified-dropdown{width:auto;min-width:105px}.period-select-wrapper.mobile-only .dropdown-trigger{width:auto;min-width:105px;box-sizing:border-box;justify-content:space-between;padding:0 10px;height:38px;font-size:13px;font-weight:600;gap:4px;white-space:nowrap}.graph-chart-controls .control-pills-row{display:flex;align-items:center;gap:6px;flex:0 1 auto}.graph-chart-controls .segmented-control{height:38px;padding:2px;flex:0 1 auto;display:flex;width:auto;min-width:160px;max-width:210px;box-sizing:border-box}.graph-chart-controls .segmented-btn{flex:1;padding:0 8px;font-size:12px;justify-content:center;text-align:center;white-space:nowrap}.expand-chart-btn{width:38px;height:38px;min-width:38px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.chart-container{height:280px}.period-pills{width:100%;justify-content:space-between}.period-pill{flex:1;text-align:center;padding:6px 4px}.graph-mobile-top-row .control-pills-row{width:auto;display:flex;align-items:center;justify-content:flex-end;margin-left:auto;gap:8px}}@media (orientation: landscape) and (max-height: 550px){.graph-page{gap:12px;padding-bottom:20px;padding-left:0!important;padding-right:0!important;width:100%!important;box-sizing:border-box!important}.graph-value-card{padding:10px 12px;width:100%!important;box-sizing:border-box!important}.graph-hero-value{font-size:22px}.graph-perf-pills .perf-pill{padding:4px 10px;min-width:76px}.graph-chart-card{padding:12px;width:100%!important;box-sizing:border-box!important}.graph-chart-controls{gap:12px;flex-wrap:nowrap;width:100%;align-items:center;justify-content:space-between}.period-pills{display:flex!important;align-items:center;gap:2px;background:#0000004d;padding:3px;border-radius:12px;height:38px;box-sizing:border-box}.period-pill{padding:0 10px;height:32px;border-radius:9px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.period-pill.active{background:var(--accent-color, #6366f1);color:#fff;box-shadow:0 2px 8px #6366f166}.period-select-wrapper.mobile-only{display:none!important}.graph-chart-controls .control-pills-row{flex:0 0 auto;gap:8px}.graph-chart-controls .segmented-control{width:auto;min-width:160px;max-width:200px;height:38px}.chart-container{height:210px!important}}.rotate-prompt-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1000000;background:#0a0a12f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.rotate-prompt-card{background:var(--bg-surface-elevated, rgba(30, 30, 42, .92));border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:32px 24px;width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;box-shadow:0 20px 48px #0009;animation:promptFadeIn .3s ease-out}.rotate-icon-wrapper{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;color:var(--accent-color, #8b5cf6);background:#8b5cf61f;border-radius:50%;border:1px solid rgba(139,92,246,.25);margin-bottom:4px}.phone-rotate-icon{animation:rotatePhone 2.5s infinite ease-in-out}.rotate-arrow-badge{position:absolute;bottom:-2px;right:-2px;background:var(--accent-color, #8b5cf6);color:#fff;border-radius:50%;padding:3px;box-shadow:0 2px 8px #8b5cf680}.rotate-prompt-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.rotate-prompt-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.5;margin:0}.rotate-close-btn{margin-top:6px;width:100%;height:42px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.rotate-close-btn:hover{background:#ffffff26}@keyframes rotatePhone{0%,15%{transform:rotate(0)}50%,65%{transform:rotate(90deg)}90%,to{transform:rotate(0)}}@keyframes promptFadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (min-width: 769px){.graph-page{min-height:calc(100vh - 40px);display:flex;flex-direction:column;padding-bottom:0}.graph-chart-card{flex:1;display:flex;flex-direction:column;min-height:480px;margin-bottom:0}.chart-container{flex:1;height:100%!important;min-height:380px}}.tx-page{display:flex;flex-direction:column;gap:24px}.tx-header-desktop{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;height:68px;min-height:68px;padding:14px 24px;border-radius:20px;background:var(--bg-surface-elevated, rgba(30, 30, 40, .7));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color, rgba(255, 255, 255, .1));box-shadow:0 8px 32px #0003}.tx-header{display:flex;flex-direction:column;gap:12px}.tx-header-actions{display:flex;flex-direction:column;gap:12px;width:100%}.tx-controls{display:flex;gap:8px;width:100%}.period-select{flex:1;background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-color);border-radius:16px;padding:8px 16px;font-size:14px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.icon-btn{background:#ffffff0d;border:1px solid var(--border-color);border-radius:16px;width:44px;height:44px;flex-shrink:0;aspect-ratio:1;display:flex;justify-content:center;align-items:center;color:var(--text-secondary);cursor:pointer;transition:all .2s}.icon-btn:hover{background:#ffffff1a;color:var(--text-primary)}.icon-btn.active-filter{color:var(--accent-color);background:#a855f726;border-color:#a855f766;box-shadow:0 0 12px var(--accent-glow)}.icon-btn.active-filter svg{filter:drop-shadow(0 0 4px var(--accent-color))}.tx-search-bar{display:flex;align-items:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;padding:0 12px;transition:border-color .2s}.tx-search-bar:focus-within{border-color:var(--accent-color)}.tx-search-bar input{flex:1;background:transparent;border:none;padding:12px;color:var(--text-primary);font-size:14px;outline:none}.search-icon{color:var(--text-secondary)}.tx-list{display:flex;flex-direction:column;gap:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;color:var(--text-secondary);gap:12px}.empty-icon{color:#ffffff1a}.tx-group{display:flex;flex-direction:column;gap:12px}.tx-date-header{font-size:14px;font-weight:600;color:var(--accent-color);letter-spacing:.5px;padding-left:12px}.tx-group-items{display:flex;flex-direction:column;gap:8px}.tx-row{display:flex;align-items:center;padding:12px 16px;gap:12px;border-radius:12px;transition:all .2s ease;position:relative;overflow:hidden;cursor:pointer}.tx-row:hover{transform:translateY(-2px);background:#ffffff14;border-color:#ffffff26}.tx-icon{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0}.tx-main{flex:1;display:flex;flex-direction:column;gap:4px;overflow:hidden}.tx-payee{font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-meta{display:flex;align-items:center;gap:6px;font-size:12px}.tx-category{font-weight:500;padding:2px 6px;background:#ffffff0d;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}.tx-dot{color:var(--text-secondary);font-size:10px}.tx-account{color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}.tx-note{font-size:12px;color:var(--text-secondary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-right{display:flex;flex-direction:row;align-items:center;gap:0}.tx-amount{font-size:16px;font-weight:700;letter-spacing:.5px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tx-amount.income{color:#10b981}.tx-amount.expense{color:#ef4444}.tx-amount.transfer{color:#fff}.tx-actions{display:flex;gap:4px;max-width:0;opacity:0;overflow:hidden;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.tx-row.is-open .tx-actions{max-width:100px;opacity:1;margin-left:12px;pointer-events:auto}.filter-badge{position:absolute;top:4px;right:4px;width:8px;height:8px;background-color:#ef4444;border-radius:50%;border:2px solid var(--surface-color)}.action-btn{background:transparent;border:none;padding:6px;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#ffffff1a}.action-btn.delete:hover{color:#ef4444;background:#ef44441a}@media (max-width: 767px){.tx-page{gap:8px}.tx-header{position:sticky;top:0;margin-top:0;z-index:40;margin-bottom:8px;pointer-events:none;padding-right:0;gap:12px}.tx-header>*{pointer-events:auto}.tx-controls .dropdown-trigger,.icon-btn,.tx-search-bar{background:#1e1e28b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1);margin:0}.tx-search-bar{border-radius:16px;padding:4px 16px;width:100%}}@media (min-width: 768px){.tx-header{position:sticky;top:0;z-index:40;flex-direction:row;align-items:center;justify-content:space-between;background:var(--bg-surface-elevated);padding:22px 24px;border-radius:16px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tx-header-actions{flex-direction:row;align-items:center;width:auto;gap:16px}.tx-controls{width:auto}.tx-search-bar{width:220px;transition:width .4s cubic-bezier(.16,1,.3,1),border-color .2s}.tx-search-bar:focus-within{width:320px}}.manage-data-page{display:flex;flex-direction:column;height:100%}.manage-header{display:flex;align-items:center;gap:16px;padding-bottom:24px}.back-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.back-btn:hover{background:#ffffff1a}.manage-header h1{font-size:24px;font-weight:700;color:var(--text-primary)}.manage-content{flex:1;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.add-item-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;background:var(--bg-surface-elevated);border:1px solid rgba(255,255,255,.1);border-radius:16px;color:var(--accent-color);font-weight:600;font-size:16px;cursor:pointer;transition:all .2s}.add-item-btn:hover{background:#ffffff1a;border-color:var(--accent-color)}.data-item-list{display:flex;flex-direction:column;gap:12px}.data-item-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface-elevated);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px;transition:all .2s}.data-item-card:hover{background:#ffffff14;border-color:#ffffff1a}.item-info{display:flex;align-items:center;gap:16px}.item-icon-wrap{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.item-details{display:flex;flex-direction:column}.item-name{font-weight:600;color:var(--text-primary);font-size:16px}.item-currency{font-size:12px;color:var(--text-secondary);margin-top:2px}.item-actions{display:flex;gap:8px}.action-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.action-btn.edit{color:var(--text-secondary)}.action-btn.edit:hover{background:#ffffff1a;color:#fff}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{background:#ef444426}.empty-state{text-align:center;color:var(--text-secondary);margin-top:32px;font-style:italic}.manage-modal{width:100%;max-width:400px;background:#1e1e28e6;border-radius:24px;padding:24px}.manage-form{display:flex;flex-direction:column;gap:16px}.manage-form input[type=text]{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;color:var(--text-primary);font-size:15px;outline:none;transition:all .2s;margin-top:6px}.manage-form input[type=text]:focus{border-color:var(--accent-color);background:#ffffff14}.color-picker{padding:0!important;height:48px;width:100%;border-radius:12px;cursor:pointer;margin-top:6px;background:transparent;border:none}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:12px}.ibkr-page{display:flex;flex-direction:column;gap:24px;padding-bottom:48px;max-width:1100px;margin:0 auto;width:100%}.ibkr-header{display:flex;align-items:center;gap:16px}.ibkr-back-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ibkr-back-btn:hover{background:#ffffff1f;transform:translate(-2px)}.ibkr-title-group h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.ibkr-title-group p{font-size:13.5px;color:var(--text-secondary);margin:0}.ibkr-tabs{display:flex;background:#0000004d;padding:4px;border-radius:14px;gap:4px;border:1px solid rgba(255,255,255,.08);width:fit-content}.ibkr-tab{display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:10px;border:none;background:transparent;color:var(--text-secondary);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s ease}.ibkr-tab.active{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 10px #6366f166}.ibkr-panel{background:var(--bg-surface-elevated, rgba(30, 30, 40, .7));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 32px #00000040;display:flex;flex-direction:column;gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.input-field{display:flex;flex-direction:column;gap:8px}.input-field label{font-size:13px;font-weight:600;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input,.input-wrapper textarea{width:100%;padding:12px 14px;background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:var(--text-primary);font-size:14px;outline:none;transition:all .2s ease;font-family:inherit}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:var(--accent-color, #6366f1);box-shadow:0 0 0 2px #6366f140}.toggle-eye-btn{position:absolute;right:12px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.drop-zone{border:2px dashed rgba(255,255,255,.15);border-radius:16px;padding:36px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;background:#0003;transition:all .2s ease;text-align:center}.drop-zone:hover,.drop-zone.dragging{border-color:var(--accent-color, #6366f1);background:#6366f114}.drop-icon{width:48px;height:48px;border-radius:50%;background:#6366f126;display:flex;align-items:center;justify-content:center;color:var(--accent-color, #6366f1)}.sync-action-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;background:var(--accent-gradient);border:none;color:#fff;font-size:14.5px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #6366f159}.primary-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s ease}.secondary-btn:hover{background:#ffffff1f}.log-console{background:#09090f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;color:#10b981;max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.log-line{line-height:1.4;white-space:pre-wrap;word-break:break-all}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.stat-pill{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.stat-pill-label{font-size:11.5px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-pill-value{font-size:20px;font-weight:700;color:var(--text-primary)}.review-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:16px}.review-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tx-table-container{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.tx-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.tx-table th{background:#0006;padding:12px 14px;color:var(--text-secondary);font-weight:600;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap}.tx-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-primary);white-space:nowrap}.tx-table tr:hover{background:#ffffff05}.tx-table tr.duplicate-row{opacity:.6}.type-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px}.type-tag.BUY{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.type-tag.SELL{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.type-tag.DIVIDEND{background:#a855f726;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.type-tag.TAX{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.type-tag.DEPOSIT{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.type-tag.WITHDRAWAL{background:#f43f5e26;color:#f43f5e;border:1px solid rgba(244,63,94,.3)}.badge-dup{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:10.5px;font-weight:600;background:#eab30826;color:#eab308;border:1px solid rgba(234,179,8,.3)}.badge-new{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:10.5px;font-weight:600;background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.help-box{background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px}.help-box-title{font-size:13px;font-weight:700;color:var(--accent-color, #6366f1);display:flex;align-items:center;gap:6px}.help-box-list{margin:0;padding-left:18px;font-size:12.5px;color:var(--text-secondary);line-height:1.6}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background-color:var(--bg-color)}.login-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0;pointer-events:none}.login-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 10s infinite ease-in-out alternate}.blob-1{width:400px;height:400px;background:var(--accent-color);top:-100px;left:-100px;animation-delay:0s}.blob-2{width:350px;height:350px;background:var(--accent-gradient);bottom:-50px;right:-100px;animation-delay:-5s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(30px,50px) scale(1.1)}}.login-card{width:100%;max-width:420px;padding:40px;border-radius:24px;z-index:1;display:flex;flex-direction:column;gap:24px;box-shadow:0 20px 40px #0003}.login-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.login-logo-container{width:64px;height:64px;border-radius:16px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px var(--accent-glow);margin-bottom:8px}.login-header h1{margin:0;font-size:28px;font-weight:700;color:var(--text-primary)}.login-header p{margin:0;font-size:14px;color:var(--text-secondary)}.login-error{background-color:#ef44441a;color:#ef4444;padding:12px 16px;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;border:1px solid rgba(239,68,68,.2);overflow:hidden}.login-form{display:flex;flex-direction:column;gap:16px}.login-input-group{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:16px;color:var(--text-secondary);pointer-events:none}.login-input-group input{width:100%;padding:14px 16px 14px 44px;border-radius:12px;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-size:15px;transition:all .2s ease;box-sizing:border-box}.login-input-group input:focus{outline:none;border-color:var(--accent-color);background-color:var(--bg-color);box-shadow:0 0 0 3px var(--accent-glow)}.login-submit-btn{background:var(--accent-gradient);color:#fff;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px var(--accent-glow);margin-top:8px;height:50px}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px var(--accent-glow)}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-divider{display:flex;align-items:center;text-align:center;color:var(--text-tertiary);font-size:13px;margin:8px 0}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.login-divider span{padding:0 12px}.login-oauth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.oauth-btn:hover:not(:disabled){background:var(--bg-color);border-color:var(--accent-color)}.oauth-btn:disabled{opacity:.5;cursor:not-allowed}.login-footer{text-align:center;margin-top:8px}.login-footer p{color:var(--text-secondary);font-size:14px;margin:0}.login-toggle-btn{background:none;border:none;color:var(--accent-color);font-weight:600;font-size:14px;cursor:pointer;padding:0 0 0 6px;transition:color .2s ease}.login-toggle-btn:hover{text-decoration:underline}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.login-card{padding:30px 24px;border-radius:20px}}.login-server-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:11.5px;color:var(--text-secondary);cursor:pointer;margin-top:4px;transition:all .2s ease}.login-server-badge:hover{background:#ffffff1a;color:var(--text-primary)}.server-config-box{background:#00000059;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;overflow:hidden}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1}@media (max-width: 1024px){#center{padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left}#next-steps>div{flex:1 1 0;padding:32px}@media (max-width: 1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{margin-bottom:16px;width:22px;height:22px}@media (max-width: 1024px){#next-steps{flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border)}@media (max-width: 1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{height:18px;width:18px}@media (max-width: 1024px){#next-steps ul{margin-top:20px;flex-wrap:wrap;justify-content:center}#next-steps ul li{flex:1 1 calc(50% - 8px)}#next-steps ul a{width:100%;justify-content:center;box-sizing:border-box}}#spacer{height:88px;border-top:1px solid var(--border)}@media (max-width: 1024px){#spacer{height:48px}}.ticks{position:relative;width:100%}.ticks:before,.ticks:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}.ticks:before{left:0;border-left-color:var(--border)}.ticks:after{right:0;border-right-color:var(--border)}