@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.sidebar-toggle{width:100%;border:none;background-color:#2d3e52;color:#e8f0f8;border-radius:8px;padding:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,color .2s ease}.sidebar-toggle:hover{background-color:#3a4a5f;color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a2332;color:#e8f0f8}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{background:#1f2d3f;border-radius:12px;box-shadow:0 1px 3px #0000004d,0 1px 2px #0003;border:1px solid #2d3e52}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:500;transition:all .2s;cursor:pointer;border:none;text-decoration:none}.btn-primary{background-color:#3b82f6;color:#fff;padding:.75rem 1.5rem}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#2d3e52;color:#e8f0f8;padding:.75rem 1.5rem;border:1px solid #3a4a5f}.btn-secondary:hover{background-color:#3a4a5f}.text-green{color:#10b981}.text-red{color:#ef4444}.text-gray{color:#64748b}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:999999!important;width:100vw!important;height:100vh!important;isolation:isolate!important;contain:layout style paint!important}.modal-content{position:fixed!important;z-index:1000000!important;isolation:isolate!important}body.modal-open>#root>*{position:relative;z-index:1!important}div[style*=gridTemplateColumns]>div:nth-child(3){overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;max-width:100%!important}.grid{display:grid}.dashboard-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;grid-auto-rows:auto;align-items:start}@media (min-width: 1048px){.dashboard-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,max-content));justify-content:start;max-width:100%}.dashboard-summary-grid>*{max-width:100%}}@media (min-width: 624px) and (max-width: 1047px){.dashboard-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:100%}}@media (max-width: 623px){.dashboard-summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:text-3xl{font-size:1.875rem!important}.sm\:text-base{font-size:1rem!important}.sm\:mt-2{margin-top:.5rem!important}.sm\:p-4{padding:1rem!important}.sm\:space-y-6>*+*{margin-top:1.5rem!important}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:block{display:block!important}.lg\:hidden{display:none!important}.lg\:ml-64{margin-left:16rem!important}.lg\:p-6{padding:1.5rem!important}.lg\:w-64{width:16rem!important}.lg\:fixed{position:fixed!important}.lg\:inset-y-0{top:0!important;bottom:0!important}.lg\:border-r{border-right:1px solid #e5e7eb!important}}@media (max-width: 1023px){.lg\:block{display:none!important}.lg\:ml-64{margin-left:0!important}.lg\:hidden{display:block!important}}@media (max-width: 640px){body{font-size:14px}.container{padding:0 .75rem}.card{border-radius:8px;padding:.75rem}button:not(.recharts-tooltip-wrapper button):not(.recharts-legend-item),a.btn,input[type=button],input[type=submit]{min-height:44px}input,select,textarea{font-size:16px}.space-y-6>*+*{margin-top:1rem}.space-y-4>*+*{margin-top:.75rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.lg\:block{display:none!important}.lg\:ml-64{margin-left:0!important}.lg\:hidden{display:flex!important}}@media (min-width: 1024px){.desktop-sidebar{display:block!important;position:fixed!important;top:0!important;bottom:0!important;width:16rem!important;background-color:#fff!important;border-right:1px solid #e5e7eb!important;z-index:10}.main-content{margin-left:16rem!important}.desktop-sidebar.collapsed{width:72px!important}.desktop-sidebar.collapsed .sidebar-label{display:none}.desktop-sidebar.collapsed .sidebar-toggle{padding:.5rem}.main-content.collapsed{margin-left:72px!important}.mobile-header{display:none!important}main{padding:1.5rem!important}}@media (max-width: 1023px){.desktop-sidebar{display:none!important}.main-content{margin-left:0!important}.mobile-header{display:flex!important;height:64px!important;align-items:center!important;justify-content:space-between!important;background-color:#fff!important;border-bottom:1px solid #e5e7eb!important;padding:0 1rem!important}.mobile-sidebar-overlay{display:block!important}main{padding:.75rem!important}}@media (min-width: 640px) and (max-width: 1023px){main{padding:1rem!important}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{min-width:640px}.header-sort-button{display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;padding:0 8px 0 0;color:#fff;cursor:pointer;width:calc(100% - 8px);max-width:calc(100% - 8px)}.header-sort-button:hover .header-chip{background-color:#ffffff40;color:#fff}.header-chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;background-color:#ffffff26;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;transition:background-color .2s ease,color .2s ease}.header-chip:hover{background-color:#ffffff40;color:#fff}.sort-button{border:none;background:transparent;padding:4px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.sort-button:hover{background-color:#2563eb1f}.sort-button:focus-visible{outline:none;box-shadow:0 0 0 2px #2563eb4d}.transaction-row:hover{background-color:#e7f1ff!important}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,max-content));gap:12px;grid-auto-rows:auto;align-items:start;justify-content:start}@media (min-width: 1048px){.summary-grid{grid-template-columns:repeat(5,max-content)}}@media (min-width: 624px) and (max-width: 1047px){.summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,max-content));max-width:100%}}@media (max-width: 623px){.summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,max-content))}}.summary-card{border-radius:10px;border:1px solid #e2e8f0;background-color:#fff;box-shadow:0 1px 2px #0f172a0d;padding:12px;overflow:visible;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:90px;transition:transform .2s ease,box-shadow .2s ease}.summary-card.compact{padding:10px;min-height:80px}.summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a14}.summary-card-wrapper{transition:opacity .2s ease}.summary-card-wrapper.dragging{opacity:.5}.summary-title{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#475569}.summary-value{font-size:18px;font-weight:700;color:#111827}.column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:8px;cursor:col-resize!important;-webkit-user-select:none;user-select:none;z-index:20!important;background-color:transparent;border-right:2px solid #000000;transition:background-color .2s ease,border-color .2s ease;pointer-events:auto!important;touch-action:none}.column-resize-handle:hover{background-color:#3b82f633!important;border-right-color:#2563eb!important;border-right-width:3px!important}.column-resize-handle:active{background-color:#3b82f666!important;border-right-color:#1d4ed8!important;border-right-width:3px!important}th{position:relative;overflow:visible}th button{pointer-events:auto;position:relative;z-index:1;width:calc(100% - 8px);padding-right:4px}.column-resize-handle{pointer-events:auto!important}@media (max-width: 640px){body,html{overflow-x:hidden;width:100%;max-width:100%}.summary-grid{grid-template-columns:1fr!important;gap:8px}.summary-card{min-height:auto;padding:10px}.summary-value{font-size:16px}.summary-title{font-size:10px}.add-asset-form-grid{grid-template-columns:1fr!important;grid-auto-flow:row!important}.add-asset-form-grid>div{grid-column:1!important;grid-row:auto!important}form.grid{grid-template-columns:1fr!important}form.grid>div{grid-column:1!important}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;margin:0;padding:0;display:block}.table-responsive table{min-width:800px;font-size:11px;width:100%}.table-responsive th,.table-responsive td{padding:6px 8px!important;font-size:11px!important}.table-responsive th{font-size:10px!important;padding:8px 6px!important}form input[type=text],form input[type=number],form input[type=date],form input[type=email],form input[type=password],form select,form textarea{font-size:16px!important;padding:12px!important;min-height:44px!important}.btn-primary,.btn-secondary{min-height:44px;min-width:44px;padding:12px 16px;font-size:14px;touch-action:manipulation}.recharts-wrapper,.recharts-surface{width:100%!important;max-width:100%!important}.asset-history-mobile{display:flex!important;flex-direction:column!important;gap:12px!important;padding:0!important;width:100%!important}.asset-history-desktop,.portfolio-table-desktop{display:none!important}.portfolio-table-mobile{display:flex!important;flex-direction:column!important;gap:12px!important;padding:16px!important;width:100%!important}}@media (min-width: 641px) and (max-width: 1023px){.table-responsive table{font-size:13px}}@media (min-width: 768px){.asset-history-mobile{display:none}.asset-history-desktop{display:block}.asset-history-scroll-wrapper{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.asset-history-table{min-width:800px;width:max-content}.asset-history-header{display:grid;grid-template-columns:120px 90px minmax(200px,1fr) 130px 130px 110px;gap:12px;padding:12px 16px;border-bottom:2px solid #e5e7eb;background-color:#f9fafb;font-weight:600;font-size:14px;color:#374151}.asset-history-row{display:grid;grid-template-columns:120px 90px minmax(200px,1fr) 130px 130px 110px;gap:12px;padding:12px 16px;border-bottom:1px solid #f3f4f6;align-items:center;transition:background-color .2s;font-size:14px;color:#374151}.asset-history-row:hover{background-color:#f9fafb}.asset-history-row>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-history-edit-btn{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.asset-history-edit-btn:hover{background-color:#eff6ff}}@media (max-width: 767px){.asset-history-mobile{width:100%!important;display:flex!important;flex-direction:column!important;gap:12px!important;padding:0!important}.asset-history-desktop,.portfolio-table-desktop{display:none!important}.portfolio-table-mobile{display:flex!important;flex-direction:column!important;gap:12px!important;padding:16px!important;width:100%!important}.asset-history-mobile-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;width:100%;box-sizing:border-box}.asset-history-mobile-card-row{display:flex;flex-direction:column;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.asset-history-mobile-card-row:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.asset-history-mobile-card-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.asset-history-mobile-card-value{font-size:14px;color:#111827;word-break:break-word;line-height:1.5}.asset-history-mobile-card-desc{font-size:13px;color:#374151}.asset-history-mobile-card-amount{font-size:16px}.asset-history-mobile-card-actions{margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.asset-history-mobile-edit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.asset-history-mobile-edit-btn:active{background-color:#dbeafe;border-color:#93c5fd}}.portfolio-charts-grid{display:flex!important;flex-wrap:wrap!important;gap:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.portfolio-charts-grid>div{box-sizing:border-box!important;min-width:0!important;overflow:visible!important}[data-resizable-card],.resizable-card-wrapper{overflow:visible!important;position:relative!important}.resizable-card-wrapper.card,.colorizable-card-wrapper.card,[data-color-handle=true]{background:unset!important}[data-resize-handle=true]{display:flex!important;visibility:visible!important;position:absolute!important;z-index:99999!important;pointer-events:auto!important;cursor:nwse-resize!important}.resizable-card-wrapper>[data-resize-handle=true]{display:flex!important;visibility:visible!important;opacity:1!important}.portfolio-charts-grid>div>div{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}.portfolio-charts-grid .recharts-wrapper{width:100%!important;max-width:100%!important;overflow:hidden!important;position:relative!important;z-index:1!important}@media (max-width: 767px){.portfolio-charts-grid{flex-direction:column!important}.portfolio-charts-grid>div{width:100%!important;max-width:100%!important}}.portfolio-header-section{padding:20px 24px}.portfolio-tabs-section{padding:0 24px}.portfolio-content-section{padding:24px}@media (max-width: 640px){.portfolio-header-section{padding:16px;flex-direction:column}.portfolio-header-section>div:first-child{min-width:100%;margin-bottom:16px}.portfolio-header-section>div:last-child{min-width:100%;overflow-x:auto}.portfolio-tabs-section{padding:0 16px}.portfolio-content-section{padding:16px}}.portfolio-header-cards{grid-template-columns:repeat(auto-fit,minmax(180px,max-content))!important}@media (min-width: 1000px){.portfolio-header-cards{grid-template-columns:repeat(5,minmax(180px,max-content))!important;justify-content:start!important}.portfolio-header-cards>*{max-width:100%}}.index-charts-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}@media (min-width: 1200px){.index-charts-grid{grid-template-columns:repeat(6,1fr)!important}}@media (min-width: 768px) and (max-width: 1199px){.index-charts-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}}@media (max-width: 767px){.index-charts-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}}@media (min-width: 641px) and (max-width: 1024px){.portfolio-header-section{flex-wrap:wrap}.portfolio-header-section>div:last-child{flex:1 1 100%;margin-top:16px}.portfolio-header-cards{grid-template-columns:repeat(auto-fit,minmax(180px,max-content))!important}}