:root{--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-card: #16213e;--bg-card-hover: #1f2f52;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-blue: #6366f1;--accent-blue-light: #818cf8;--accent-green: #22c55e;--accent-green-light: #4ade80;--accent-red: #ef4444;--accent-red-light: #f87171;--danger: #ef4444;--accent-purple: #a855f7;--accent-orange: #f97316;--accent-yellow: #eab308;--border-color: #27274a;--border-color-light: #3f3f6f;--font-display: "Fira Sans", system-ui, sans-serif;--font-mono: "Fira Code", "Consolas", monospace;--container-width: 1400px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--bg-tertiary: rgba(0, 0, 0, .2);--bg-hover: rgba(255, 255, 255, .05);--accent-cyan: #06b6d4;--border: var(--border-color);--border-primary: var(--border-color);--header-height: 65px;--tabs-height: 45px;--sticky-card-top: calc(var(--header-height) + var(--tabs-height));--card-header-h: 70px;--sticky-thead-top: calc(var(--sticky-card-top) + var(--card-header-h))}body.light-mode{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-tertiary: rgba(0, 0, 0, .04);--bg-hover: rgba(0, 0, 0, .04);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-color-light: #cbd5e1;--border: #e2e8f0;--border-primary: #e2e8f0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08);--shadow-glow: 0 0 20px rgba(99, 102, 241, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-display);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.header{background:linear-gradient(180deg,var(--bg-secondary) 0%,rgba(26,26,46,.95) 100%);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.header-container{max-width:var(--container-width);margin:0 auto;padding:var(--spacing-md) 0;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);flex-shrink:0}.logo-icon{width:36px;height:36px;flex-shrink:0}.logo-text{font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#a855f7,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;white-space:nowrap}.nav{display:flex;gap:var(--spacing-lg)}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:#6366f11a}.nav-link.active{color:var(--accent-blue-light);background:#6366f126}.breadcrumb-container{max-width:var(--container-width);margin:0 auto;padding:var(--spacing-md) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast)}.breadcrumb-link:hover{color:var(--accent-blue-light)}.breadcrumb-separator{color:var(--text-muted)}.breadcrumb-separator svg{width:14px;height:14px}.breadcrumb-current{color:var(--text-primary);font-weight:500}.back-link{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--accent-blue);text-decoration:none;font-size:.875rem;transition:var(--transition-fast)}.back-link:hover{color:var(--accent-blue-light)}.back-link svg{width:16px;height:16px}.portfolio-header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-card) 100%);border-bottom:1px solid var(--border-color)}.portfolio-header-container{max-width:var(--container-width);margin:0 auto;padding:var(--spacing-xl) 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg)}.portfolio-info{display:flex;align-items:center;gap:var(--spacing-lg)}.portfolio-avatar{width:64px;height:64px;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow)}.portfolio-avatar svg{width:32px;height:32px;color:#fff}.portfolio-author{color:var(--text-secondary);font-size:.875rem;display:block;margin-bottom:var(--spacing-xs)}.portfolio-title-row{display:flex;align-items:center;gap:var(--spacing-md)}.portfolio-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.portfolio-title-wrap{position:relative;display:inline-block}.portfolio-title-trigger{background:transparent;border:0;padding:4px 6px;margin:-4px -6px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border-radius:var(--radius-sm, 6px);color:inherit;transition:background-color .15s,color .15s;text-align:left}.portfolio-title-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:1000;margin:0;padding:6px;list-style:none;min-width:240px;max-height:360px;overflow-y:auto;background:var(--bg-card, #1e293b);border:1px solid var(--border-color, #334155);border-radius:var(--radius-md, 10px);box-shadow:0 12px 32px #00000073}.portfolio-title-menu[hidden]{display:none}.portfolio-title-menu-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:var(--radius-sm, 6px);color:var(--text-primary, #e2e8f0);font-size:.92rem;font-weight:500;cursor:pointer;user-select:none;transition:background-color .12s,color .12s}.portfolio-title-menu-item:hover,.portfolio-title-menu-item:focus{outline:none;background:#6366f129;color:var(--accent-blue, #6366f1)}.portfolio-title-menu-item.is-active{background:#6366f138;color:var(--accent-blue, #6366f1);font-weight:600}.portfolio-title-menu-item.is-active svg{flex-shrink:0}.portfolio-title-trigger:hover{background:#6366f11a}.portfolio-title-trigger:hover .portfolio-title{color:var(--accent-blue, #6366f1)}.portfolio-title-trigger:focus-visible{outline:2px solid var(--accent-blue, #6366f1);outline-offset:2px}.portfolio-title-caret{color:var(--text-muted, #94a3b8);flex-shrink:0;transition:transform .15s,color .15s}.portfolio-title-trigger:hover .portfolio-title-caret{color:var(--accent-blue, #6366f1);transform:translateY(1px)}.portfolio-actions{display:flex;gap:var(--spacing-xs)}.portfolio-actions .btn-icon{width:32px;height:32px;padding:6px;border-radius:6px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.portfolio-actions .btn-icon:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.portfolio-actions .btn-icon.delete:hover{background:var(--danger);border-color:var(--danger)}.portfolio-actions .btn-icon svg{width:16px;height:16px}.portfolio-stats-summary{display:flex;gap:var(--spacing-2xl)}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-row{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;flex-direction:column}.stat-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.stat-value{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.stat-value.positive{color:var(--accent-green)}.stat-value.negative{color:var(--accent-red)}.tabs-container{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:var(--header-height);z-index:50}.tabs{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-xl);display:flex;gap:var(--spacing-xs);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;color:var(--text-secondary);font-family:var(--font-display);font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:var(--transition-fast)}.tab:hover{color:var(--text-primary);background:#6366f10d}.tab.active{color:var(--accent-blue-light);border-bottom-color:var(--accent-blue)}.main-content{max-width:var(--container-width);margin:0 auto;padding:var(--spacing-lg) 0}.tab-content{display:none;animation:fadeIn .3s ease}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:var(--spacing-2xl)}body.app-authenticated #app-footer.footer{padding:0;margin-top:var(--spacing-lg)}.footer-container{max-width:var(--container-width);margin:0 auto;padding:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-left{color:var(--text-muted);font-size:.875rem}.footer-center{display:flex;gap:var(--spacing-lg)}.footer-right{color:var(--text-muted);font-size:.875rem}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:var(--transition-fast)}.footer-link:hover{color:var(--accent-blue-light)}@media(max-width:768px){.portfolio-header-container{flex-direction:column;align-items:flex-start}.portfolio-stats-summary{flex-wrap:wrap;gap:var(--spacing-lg)}.stat-item{text-align:left}.footer-container{flex-direction:column;text-align:center}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);overflow:hidden;padding:15px}.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.card-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.card-actions{display:flex;gap:var(--spacing-sm)}.btn-icon{width:36px;height:36px;background:#6366f11a;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.btn-icon:hover{background:#6366f133;color:var(--text-primary);border-color:var(--accent-blue)}.btn-icon svg{width:18px;height:18px}.holdings-table th,.holdings-table-new th,.breakdown-table th,.tx-table th,.audit-table th{background:var(--bg-card, var(--bg-secondary));color:var(--text-muted);font-size:.73rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.7rem .85rem;border-bottom:1px solid var(--border-color);white-space:nowrap;user-select:none;height:42px;vertical-align:middle}.holdings-table th.text-right,.holdings-table-new th.text-right,.breakdown-table th.text-right,.tx-table th.text-right,.audit-table th.text-right{text-align:right}.table-container{overflow-x:auto}.holdings-table{width:100%;border-collapse:collapse}.holdings-table th,.holdings-table td{padding:.7rem .85rem;text-align:left;border-bottom:1px solid var(--border-color)}.holdings-table td{font-size:.9rem;color:var(--text-primary)}.holdings-table tbody tr{transition:var(--transition-fast)}.holdings-table tbody tr:hover{background:var(--bg-card-hover)}.holdings-table .text-right{text-align:right}.holdings-table .symbol{font-family:var(--font-mono);font-weight:600;color:var(--accent-blue-light)}.holdings-table .positive{color:var(--accent-green)}.holdings-table .negative{color:var(--accent-red)}.holdings-table .mono{font-family:var(--font-mono)}.holdings-total-row{border-top:2px solid var(--accent-blue);background:#6366f114!important}.holdings-total-row td{padding-top:12px!important;padding-bottom:12px!important;font-size:.95rem}.holdings-total-row:hover{background:#6366f11f!important}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-display);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition-fast)}.btn svg{width:16px;height:16px}.btn-primary{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.btn-primary:hover{background:var(--accent-blue-light);border-color:var(--accent-blue-light)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-color-light)}.btn-danger{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.btn-danger:hover{background:var(--accent-red-light);border-color:var(--accent-red-light)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.8rem}.btn-sm svg{width:14px;height:14px}.header-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:nowrap;min-width:0}.mobile-menu-toggle{display:none;background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:6px;width:36px;height:36px;align-items:center;justify-content:center;flex-shrink:0}.mobile-menu-toggle:hover{border-color:var(--accent-blue);background:var(--bg-hover)}.refresh-timer{font-size:.75rem;color:var(--text-muted);background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:JetBrains Mono,monospace;min-width:120px;text-align:center}.portfolio-selector{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);padding-right:var(--spacing-xl);color:var(--text-primary);font-family:var(--font-display);font-size:.9rem;font-weight:500;cursor:pointer;min-width:200px}.portfolio-selector:focus{outline:none;border-color:var(--accent-blue)}.modal{display:none;position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;padding:var(--spacing-xl)}.modal.active{display:flex}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:450px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalSlideIn .2s ease}.modal-content.modal-lg{max-width:600px}.modal-content.modal-returns-xl{max-width:1100px;width:95vw}.returns-modal-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.btn-sm{padding:6px 14px;font-size:12px}.returns-details-table td:first-child{font-weight:500;white-space:nowrap}.returns-details-table .profit-pct{font-size:12px;font-weight:600}.returns-details-table .profit-pct.pos{color:#10b981}.returns-details-table .profit-pct.neg{color:#ef4444}.returns-details-table .profit-amt{font-size:11px}.returns-details-table .profit-amt.pos{color:#10b981}.returns-details-table .profit-amt.neg{color:#ef4444}.returns-details-table .val-pos{color:#10b981}.returns-details-table .val-neg{color:#ef4444}.returns-details-table .val-neutral{color:var(--text-secondary)}.modal-content.modal-holdings-xl{max-width:1000px;width:95vw}.holdings-details-table .val-pos{color:#10b981}.holdings-details-table .val-neg{color:#ef4444}.holdings-details-table .val-neutral{color:var(--text-secondary)}.holdings-details-table td{vertical-align:middle}.modal-content.modal-sm{max-width:350px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.modal-close{width:32px;height:32px;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:var(--transition-fast)}.modal-close:hover{background:#ef44441a;color:var(--accent-red)}.modal-body{padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-sm)}.form-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--text-primary);font-family:var(--font-display);font-size:.9rem;transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #6366f133}.form-input::placeholder{color:var(--text-muted)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.form-value{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--accent-blue-light);padding:var(--spacing-sm) 0}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.table-actions{display:flex;gap:var(--spacing-xs);justify-content:center}.btn-table{width:28px;height:28px;padding:0;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition-fast)}.btn-table svg{width:16px;height:16px}.btn-table:hover{background:#6366f11a;color:var(--accent-blue-light)}.btn-table.delete:hover{background:#ef44441a;color:var(--accent-red)}.empty-row td{text-align:center!important;color:var(--text-muted);padding:var(--spacing-2xl)!important}.empty-state{text-align:center;color:var(--text-muted);padding:var(--spacing-xl)}.text-center{text-align:center}.loading{opacity:.5;pointer-events:none}.toast-container{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);z-index:2000;display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-md);animation:toastSlideIn .3s ease}.toast.success{border-color:var(--accent-green)}.toast.error{border-color:var(--accent-red)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.symbol-search-group{position:relative}.symbol-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:250px;overflow-y:auto;z-index:1000;display:none}.symbol-dropdown.active{display:block}.symbol-dropdown-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.symbol-dropdown-item:last-child{border-bottom:none}.symbol-dropdown-item:hover{background:var(--bg-card-hover)}.symbol-dropdown-item .symbol{font-family:var(--font-mono);font-weight:600;color:var(--accent-blue-light);min-width:60px}.symbol-dropdown-item .name{flex:1;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.symbol-dropdown-item .exchange{font-size:.75rem;color:var(--text-muted);padding:2px 6px;background:var(--bg-secondary);border-radius:var(--radius-sm)}.symbol-dropdown-loading{padding:var(--spacing-md);text-align:center;color:var(--text-muted)}.label-hint{font-size:.75rem;color:var(--accent-green);font-weight:400}.csv-import-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.csv-import-info p{margin:0 0 var(--spacing-sm);color:var(--text-secondary);font-size:.875rem}.csv-import-info code.csv-format{display:block;background:var(--bg-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:var(--accent-blue-light);font-family:var(--font-mono);font-size:.8rem;margin-bottom:var(--spacing-sm)}.csv-import-info .csv-hint{color:var(--text-muted);font-size:.75rem;margin:0}.csv-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);border:2px dashed var(--border-color-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);color:var(--text-muted);text-align:center}.csv-upload-area:hover{border-color:var(--accent-blue);background:#6366f10d;color:var(--text-secondary)}.csv-upload-area.drag-over{border-color:var(--accent-green);background:#22c55e0d}.csv-upload-area svg{color:var(--text-muted)}.csv-file-name{font-size:.875rem;color:var(--accent-green);font-weight:500}.csv-preview{margin:var(--spacing-lg) 0}.csv-preview h3{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.csv-row-count{font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-sm)}.loading-overlay{position:fixed;inset:0;background:#0f0f23b3;backdrop-filter:blur(4px);z-index:3000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.loading-overlay.active{opacity:1;pointer-events:all}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.loading-spinner .spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner .spinner-text{color:var(--text-secondary);font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}.refresh-timer.refreshing{color:var(--accent-blue);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.toast.warning{border-color:var(--accent-yellow)}.toast.info{border-color:var(--accent-blue)}.toast-fade-out{animation:toastFadeOut .3s ease forwards}@keyframes toastFadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;width:80%;display:inline-block}.skeleton-value{height:1.5em;width:120px;display:inline-block}.connection-status{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted);margin-right:var(--spacing-md)}.connection-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green);transition:background .3s ease}.connection-dot.disconnected{background:var(--accent-red)}.connection-dot.connecting{background:var(--accent-yellow);animation:pulse 1s ease-in-out infinite}.filter-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-family:var(--font-display);font-size:.875rem;cursor:pointer;transition:var(--transition-fast)}.filter-select:hover{border-color:var(--accent-blue)}.filter-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #6366f133}.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary)}.auth-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 60px #0006}.auth-logo{text-align:center;margin-bottom:32px;color:var(--accent-purple)}.auth-logo .logo-mark{display:inline-block;margin-bottom:8px}.auth-logo h1{font-size:1.6rem;margin-top:8px;background:linear-gradient(135deg,#6366f1,#a855f7,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:-.02em}.auth-subtitle{font-size:.85rem;color:var(--text-muted);margin-top:6px;font-weight:400}.auth-field{margin-bottom:16px}.auth-field label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:6px}.auth-field input{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.auth-field input:focus{outline:none;border-color:var(--accent-purple)}.password-wrapper{position:relative}.password-wrapper input{padding-right:42px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:var(--text-primary)}.auth-btn{width:100%;padding:12px;margin-top:8px;font-size:1rem;border-radius:8px}.auth-error{color:var(--accent-red);font-size:.85rem;margin-top:12px;text-align:center;min-height:20px}.auth-success{color:var(--accent-green);font-size:.85rem;margin-top:8px;text-align:center;min-height:20px}.auth-form{display:none}.auth-form.active{display:block}.auth-links{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:16px;flex-wrap:wrap}.auth-link{background:none;border:none;color:var(--accent-blue-light);font-family:inherit;font-size:.82rem;cursor:pointer;padding:0;transition:color .2s}.auth-link:hover{color:var(--accent-purple);text-decoration:underline}.auth-links-sep{width:1px;height:14px;background:var(--border-color)}.auth-form-desc{color:var(--text-muted);font-size:.85rem;margin-bottom:16px;text-align:center;line-height:1.5}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stats-grid.two-cols{grid-template-columns:repeat(2,1fr)}.stats-grid.stats-grid-6{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.stats-grid.stats-grid-6{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid.stats-grid-6{grid-template-columns:1fr}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stats-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xs)}.stats-card-header{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-muted);font-size:.82rem}.stats-card-header svg{color:var(--accent-purple);opacity:.7}.stats-card-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:baseline;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-xs)}.stats-card-sub{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.stat-badge{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);white-space:nowrap}.stat-badge.positive{background:#22c55e26;color:var(--accent-green)}.stat-badge.negative{background:#ef444426;color:var(--danger)}.positive{color:var(--accent-green)}.negative{color:var(--accent-red)}.stat-icon{width:8px;height:8px;border-radius:50%}.stat-icon.blue{background:var(--accent-blue)}.stat-icon.green{background:var(--accent-green)}.stat-icon.red{background:var(--danger)}.stat-icon.cyan{background:#06b6d4}.stat-icon.pink{background:#ec4899}.stat-icon.purple{background:var(--accent-purple)}.stat-icon.orange{background:var(--accent-orange)}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.stats-card{padding:var(--spacing-md)}.stats-card-value{font-size:1.25rem}}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:var(--transition-normal)}.stat-card:hover{border-color:var(--border-color-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card.large{padding:var(--spacing-xl)}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon svg{width:24px;height:24px}.stat-card-icon.blue{background:#6366f126;color:var(--accent-blue-light)}.stat-card-icon.green{background:#22c55e26;color:var(--accent-green)}.stat-card-icon.purple{background:#a855f726;color:var(--accent-purple)}.stat-card-icon.orange{background:#f9731626;color:var(--accent-orange)}.stat-card-icon.cyan{background:#06b6d426;color:#06b6d4}.stat-card-icon.pink{background:#ec489926;color:#ec4899}.portfolio-breakdown{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.breakdown-chart-card{min-height:420px}.chart-container-donut{height:380px;padding:var(--spacing-md);display:flex;align-items:center;justify-content:center}@media(max-width:900px){.breakdown-chart-card{min-height:360px}.chart-container-donut{width:320px;height:320px;max-width:100%;margin:0 auto}}@media(max-width:350px){.breakdown-chart-card{min-height:240px}.chart-container-donut{width:200px;height:200px}}.breakdown-table-card{overflow:hidden;display:flex;flex-direction:column}.breakdown-scroll-wrapper{max-height:420px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.breakdown-scroll-wrapper::-webkit-scrollbar{width:6px}.breakdown-scroll-wrapper::-webkit-scrollbar-track{background:transparent}.breakdown-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.breakdown-table thead th{position:sticky;top:0;z-index:1}.breakdown-logo-wrap{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative}.breakdown-logo-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.breakdown-logo-fallback{position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}.breakdown-table{width:100%;border-collapse:collapse}.breakdown-table th,.breakdown-table td{padding:.7rem .85rem;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle}.breakdown-table .category-cell{display:table-cell!important;vertical-align:middle!important;white-space:nowrap}.breakdown-table .category-cell .breakdown-logo-wrap{display:inline-block;vertical-align:middle;margin-right:12px}.breakdown-table .category-cell .category-info{display:inline-flex;vertical-align:middle;line-height:1.3}.breakdown-table .value-cell{vertical-align:middle}.category-info{display:inline-flex;flex-direction:column;gap:2px;vertical-align:middle}.category-name{font-weight:600;font-size:.9rem}.category-cell.clickable-symbol{cursor:pointer;transition:background-color .15s}.category-cell.clickable-symbol:hover .category-name{color:var(--accent-blue, #6366f1);text-decoration:underline;text-underline-offset:3px}.category-cell.clickable-symbol:focus-visible{outline:2px solid var(--accent-blue, #6366f1);outline-offset:-2px;border-radius:3px}.category-count{color:var(--text-muted);font-size:.75rem}.gain-positive .value-sub{color:var(--accent-green)}.gain-negative .value-sub{color:var(--danger)}.breakdown-table .value-cell{text-align:right}.value-main{display:block;font-weight:500}.value-sub{display:block;color:var(--text-muted);font-size:.75rem}.gain-positive{color:var(--accent-green)}.gain-negative{color:var(--danger)}.btn-accent{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none}.btn-accent:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px)}@media(max-width:900px){.portfolio-breakdown{grid-template-columns:1fr}}.stat-card-content{flex:1}.stat-card-label{display:block;color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-xs)}.stat-card-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;color:var(--text-primary)}.stat-card-value.large{font-size:2rem}.stat-card-value.positive{color:var(--accent-green)}.stat-card-value.negative{color:var(--accent-red)}.stat-card-subtext{display:block;font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.stat-card-subtext.positive{color:var(--accent-green)}.holdings-card{overflow:hidden}.holdings-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-end}.holdings-controls,.overview-controls{display:flex;align-items:center;gap:var(--spacing-md)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-blue)}.search-box input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:.875rem;width:150px}.search-box input::placeholder{color:var(--text-muted)}.search-box input:focus{outline:none;border-color:var(--accent-blue)}.holdings-table-new{width:100%;border-collapse:separate;border-spacing:0}.holdings-table-new th,.holdings-table-new td{padding:.7rem .85rem;text-align:left;border-bottom:1px solid var(--border-color)}.holdings-table-new th.col-holding{color:var(--accent-green)}.holdings-table-new td{font-size:.875rem;color:var(--text-primary);vertical-align:top}.holdings-table-new tbody tr{transition:var(--transition-fast)}.holdings-table-new tbody tr:hover{background:var(--bg-card-hover)}.holdings-table-new .text-right{text-align:right}.holdings-table-new th[data-col=name],.holdings-table-new td[data-col=name]{position:sticky;left:0;z-index:4;min-width:240px;width:240px;background:var(--bg-card);box-shadow:4px 0 8px -6px #0000008c}.holdings-table-new th[data-col=name]{z-index:7}.holdings-table-new tbody tr:hover td[data-col=name]{background:var(--bg-card-hover)}.holdings-table-new .holdings-total-row td[data-col=name]{background:linear-gradient(#6366f114,#6366f114),var(--bg-card)}.holdings-table-new .holdings-total-row:hover td[data-col=name]{background:linear-gradient(#6366f11f,#6366f11f),var(--bg-card)}.holdings-table-new .holdings-total-row td{border-top:2px solid var(--accent-blue)}.breakdown-table,.portfolios-overview-table,#yearly-stats-table{border-collapse:separate;border-spacing:0}.breakdown-table th[data-col=name],.breakdown-table td[data-col=name]{position:sticky;left:0;z-index:4;min-width:220px;width:220px;background:var(--bg-card);box-shadow:4px 0 8px -6px #0000008c}.breakdown-table th[data-col=name]{z-index:7}.breakdown-table tbody tr:hover td[data-col=name]{background:var(--bg-card-hover)}.portfolios-overview-table thead th:first-child,.portfolios-overview-table tbody td.overview-drag-handle{position:sticky;left:0;z-index:4;width:28px;min-width:28px;background:var(--bg-card)}.portfolios-overview-table thead th:first-child{z-index:7}.portfolios-overview-table th[data-col=name],.portfolios-overview-table td[data-col=name]{position:sticky;left:28px;z-index:4;min-width:220px;width:220px;background:var(--bg-card);box-shadow:4px 0 8px -6px #0000008c}.portfolios-overview-table th[data-col=name]{z-index:7}.portfolios-overview-table tbody tr:hover td.overview-drag-handle,.portfolios-overview-table tbody tr:hover td[data-col=name]{background:linear-gradient(#ffffff0a,#ffffff0a),var(--bg-card)}.portfolios-overview-table .overview-total-row td{border-top:2px solid rgba(99,102,241,.25)}.portfolios-overview-table .overview-total-row td.overview-drag-handle,.portfolios-overview-table .overview-total-row td[data-col=name]{background:linear-gradient(#6366f10f,#6366f10f),var(--bg-card)}#yearly-stats-table th[data-col=year],#yearly-stats-table td[data-col=year]{position:sticky;left:0;z-index:4;min-width:100px;width:100px;background:var(--bg-card);box-shadow:4px 0 8px -6px #0000008c}#yearly-stats-table th[data-col=year]{z-index:7}#yearly-stats-table tbody tr:hover td[data-col=year]{background:var(--bg-card-hover)}@media(max-width:640px){.portfolio-title,.hero-stat-value,.stat-card-value.large,h1{font-size:14px}.card-title,.modal-title,.section-title,h2,.stat-value{font-size:13px}.stat-card-value,.market-value,.sd-stat-value,.pricing-price{font-size:12px}h3,.holding-name,.category-name,.feature-card h3{font-size:11px}body,table th,table td,.holdings-table-new th,.holdings-table-new td,.breakdown-table th,.breakdown-table td,.holdings-table-new .main-val,.holdings-table-new .sub-val,.holdings-table-new .profit-amount,.holdings-table-new .profit-pct,.holdings-table-new .share-pct,.holdings-table-new .arrow,.nav-link-simple,.form-input,.btn,label,p{font-size:10px}.stat-label,.stat-subvalue,.holding-symbol,.category-count,.market-label,.sd-stat-label,.market-delta,.ccy-chip,.ccy-code,.ccy-item,.sub-pct,.pricing-period,.markets-source,.stat-currency-breakdown,.stats-card-currency-breakdown,.holdings-table-new th{font-size:9px}.holdings-table-new th,.holdings-table-new td,.breakdown-table th,.breakdown-table td,.portfolios-overview-table th,.portfolios-overview-table td{padding:.5rem .55rem}.holdings-table-new .holding-logo{width:24px;height:24px}.holdings-table-new th[data-col=name],.holdings-table-new td[data-col=name],.breakdown-table th[data-col=name],.breakdown-table td[data-col=name],.portfolios-overview-table th[data-col=name],.portfolios-overview-table td[data-col=name]{min-width:150px;width:150px}#yearly-stats-table th[data-col=year],#yearly-stats-table td[data-col=year]{min-width:80px;width:80px}}.holding-cell{display:flex;align-items:center;gap:var(--spacing-md)}.holding-logo{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:var(--text-primary);flex-shrink:0;overflow:hidden}.holding-logo img{width:100%;height:100%;object-fit:cover;display:block}.holding-logo-fallback{width:100%;height:100%;align-items:center;justify-content:center;font-weight:700;font-size:.7rem;color:var(--text-primary)}.holding-info{display:flex;flex-direction:column}.holding-name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.holding-symbol{font-size:.75rem;color:var(--text-muted)}.dual-value{display:flex;flex-direction:column}.dual-value .main-val{font-weight:500}.dual-value .sub-val{font-size:.75rem;color:var(--text-muted)}.profit-cell{display:flex;flex-direction:column;align-items:flex-end}.profit-cell .profit-amount{font-weight:500}.profit-cell .profit-pct{font-size:.75rem}.profit-cell.positive .profit-amount,.profit-cell.positive .profit-pct{color:var(--accent-green)}.profit-cell.negative .profit-amount,.profit-cell.negative .profit-pct{color:var(--danger)}.div-growth{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs)}.div-growth .arrow{font-size:.75rem}.div-growth.positive{color:var(--accent-green)}.div-growth.negative{color:var(--danger)}.irr-cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs)}.irr-cell .arrow{font-size:.75rem}.irr-cell.positive{color:var(--accent-green)}.irr-cell.negative{color:var(--danger)}.share-cell{display:flex;flex-direction:column;align-items:flex-end}.share-cell .share-pct{font-weight:500}.share-cell .share-sub{font-size:.75rem;color:var(--text-muted)}.holdings-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color)}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-md)}.pagination-controls select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:.875rem}#pagination-info{color:var(--text-muted);font-size:.875rem}.sortable{cursor:pointer;user-select:none;transition:var(--transition-fast)}.sortable:hover{color:var(--text-primary);background:#ffffff0d}.sortable.active{color:var(--accent-green)}.sort-icon{opacity:.5;font-size:.7rem;margin-left:4px}.sortable.asc .sort-icon:after{content:"\2191"}.sortable.desc .sort-icon:after{content:"\2193"}.sortable.active .sort-icon{opacity:1}.btn-page{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.btn-page:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary)}.btn-page:disabled{opacity:.4;cursor:not-allowed}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media(max-width:768px){.charts-grid{grid-template-columns:1fr}}.markets-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.markets-source{font-size:.78rem;color:var(--text-muted);background:#6366f114;border:1px solid rgba(99,102,241,.18);border-radius:999px;padding:4px 12px;white-space:nowrap}.markets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}@media(max-width:1024px){.markets-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.markets-grid{grid-template-columns:1fr;padding:var(--spacing-sm);gap:var(--spacing-sm)}}.market-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);transition:border-color .15s,transform .15s,box-shadow .15s}.market-card.clickable{cursor:pointer}.market-card:hover{border-color:var(--border-color-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.market-card.clickable:focus-visible{outline:2px solid var(--accent-blue, #6366f1);outline-offset:2px}.market-label{font-size:.74rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.market-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.1}.market-delta{margin-top:4px;font-size:.85rem;font-weight:600;color:var(--text-muted)}.market-delta.positive{color:var(--accent-green)}.market-delta.negative{color:var(--accent-red)}.market-spark{width:100%;height:56px;margin-top:8px}@media(max-width:480px){.market-spark{height:48px}}.stock-detail-card+.card,.card+.stock-detail-card{margin-top:var(--spacing-lg)}.stock-detail-header{flex-wrap:wrap;gap:var(--spacing-md)}.stock-detail-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.stock-detail-controls .form-input{width:130px;text-transform:uppercase;padding:.4rem .6rem;font-size:.9rem}.stock-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg) 0}.sd-stat{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md)}.sd-stat-label{font-size:.74rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.sd-stat-value{font-family:var(--font-mono);font-size:1.4rem;font-weight:700;color:var(--text-primary);line-height:1.1}.sd-stat-value.positive{color:var(--accent-green)}.sd-stat-value.negative{color:var(--accent-red)}.sd-stat-sub{margin-top:4px;font-size:.78rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-detail-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg) 0}.sd-custom-range{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg) 0}.sd-custom-range label{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-secondary)}.sd-custom-range .form-input{width:auto;padding:.35rem .55rem;font-size:.85rem}.sd-chart{width:100%;height:460px;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.sd-chart-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.9rem}@media(max-width:1024px){.stock-detail-stats{grid-template-columns:repeat(2,1fr)}.sd-chart{height:380px}}@media(max-width:640px){.stock-detail-stats{grid-template-columns:repeat(2,1fr);padding:var(--spacing-sm);gap:var(--spacing-sm)}.stock-detail-toolbar{padding:var(--spacing-sm)}.sd-chart{height:320px;padding:var(--spacing-sm)}.sd-stat-value{font-size:1.1rem}}.div-card{margin-bottom:var(--spacing-lg)}.card-subtitle{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--spacing-lg) var(--spacing-sm);margin-top:-4px}.xray-chart{width:100%;height:480px;padding:0 var(--spacing-md) var(--spacing-md);box-sizing:border-box;min-width:0;overflow:hidden}.xray-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.9rem;text-align:center;padding:var(--spacing-lg)}@media(max-width:1024px){.xray-chart{height:440px}}@media(max-width:768px){.xray-chart{height:380px;padding:0 4px var(--spacing-sm)}.card-subtitle{padding:0 var(--spacing-md) var(--spacing-xs);font-size:.72rem}}@media(max-width:480px){.xray-chart{height:340px;padding:0 2px 8px}}.div-section{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-xl);padding:var(--spacing-lg);align-items:start}@media(max-width:900px){.div-section{grid-template-columns:1fr;gap:var(--spacing-lg);padding:.5rem}}.div-chart-container{width:300px;height:300px;position:relative}@media(max-width:900px){.div-chart-container{width:320px;height:320px;max-width:100%;margin:0 auto}}@media(max-width:350px){.div-chart-container{width:200px;height:200px}}.div-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm) var(--spacing-xl);max-height:300px;overflow-y:auto}@media(max-width:1200px){.div-legend{grid-template-columns:1fr}}.div-legend-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.div-legend-color{width:8px;height:8px;border-radius:50%;flex-shrink:0}.div-legend-symbol{font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);background:#ffffff1a;color:var(--text-secondary);min-width:40px;text-align:center}.legend-sub-symbols{font-size:.6rem;font-weight:400;opacity:.7;display:block;line-height:1.2}.div-legend-name{color:var(--text-primary);font-size:.85rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.div-legend-pct{color:var(--text-secondary);font-size:.85rem;font-weight:500;min-width:50px;text-align:right}.div-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.div-tab{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:var(--transition-fast)}.div-tab:hover{background:#ffffff0d;color:var(--text-primary)}.div-tab.active{background:var(--bg-card);border-color:var(--accent-purple);color:var(--text-primary)}.div-toggles{display:flex;gap:var(--spacing-lg);align-items:center}.toggle-label{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.8rem;cursor:pointer}.toggle-label input[type=checkbox]{appearance:none;width:16px;height:16px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:transparent;cursor:pointer;position:relative}.toggle-label input[type=checkbox]:checked{background:var(--accent-green);border-color:var(--accent-green)}.toggle-label input[type=checkbox]:checked:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px}.div-category-legend{display:flex;flex-direction:column;gap:var(--spacing-md)}.div-category-item{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.div-category-main{flex:1;min-width:0}.div-category-row{display:grid;grid-template-columns:1fr 70px 1fr;gap:var(--spacing-sm);align-items:center}.div-category-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.div-holding-chip{background:#ffffff12;border-radius:4px;padding:2px 7px;font-size:.72rem;color:var(--text-secondary);font-family:Fira Code,monospace;white-space:nowrap}.div-buy-in-badge{display:inline-block;font-size:.7rem;color:#10b981;background:#10b9811f;padding:1px 5px;border-radius:4px;margin-left:4px;white-space:nowrap;vertical-align:middle}@media(max-width:900px){.div-category-row{grid-template-columns:1fr 60px 1fr}}.div-category-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px}.div-category-name{color:var(--text-primary);font-size:.9rem}.div-category-pct{color:var(--text-secondary);font-size:.9rem;text-align:right}.div-category-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;min-width:100px}.div-category-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.div-top-row{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media(max-width:1000px){.div-top-row{grid-template-columns:1fr}}.div-stat-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.div-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md)}.div-stat-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.div-stat-icon{font-size:1rem;opacity:.6}.div-stat-icon.green{color:var(--accent-green)}.div-stat-label{color:var(--text-secondary);font-size:.85rem}.div-stat-badge{margin-left:auto;font-size:.75rem;padding:2px 8px;border-radius:var(--radius-sm)}.div-stat-badge.positive{background:#10b98126;color:var(--accent-green)}.div-stat-main{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.div-stat-value{font-size:1.75rem;font-weight:600;color:var(--text-primary)}.div-stat-sub{font-size:.85rem;color:var(--text-muted)}.div-stat-extra{font-size:.8rem;color:var(--text-muted)}.div-yield-chart-card{flex:1}.div-chart-controls{display:flex;gap:var(--spacing-sm)}.div-select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-secondary);font-size:.8rem;cursor:pointer}.div-select:hover{border-color:var(--text-muted)}.div-chart-container-wide{padding:var(--spacing-md);height:200px}.div-income-legend{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;max-height:300px;overflow-y:auto}.div-income-item{display:grid;grid-template-columns:1fr auto auto;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-sm);background:#ffffff05;border-radius:var(--radius-sm)}.div-income-info{display:flex;align-items:center;gap:var(--spacing-sm)}.div-income-color{width:4px;height:24px;border-radius:2px}.div-income-name{color:var(--text-primary);font-size:.85rem}.div-income-pct{color:var(--text-secondary);font-size:.85rem;font-weight:500}.div-income-amount{color:var(--text-muted);font-size:.8rem}.div-income-bar{grid-column:1 / -1;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;margin-top:var(--spacing-xs)}.div-income-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.div-bottom-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}@media(max-width:900px){.div-bottom-row{grid-template-columns:1fr}}.div-future-header{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.div-future-stat{display:flex;flex-direction:column}.div-future-label{color:var(--text-muted);font-size:.8rem;margin-bottom:var(--spacing-xs)}.div-future-value{font-size:1.5rem;font-weight:600;color:var(--accent-purple)}.div-future-value.cyan{color:var(--accent-cyan)}.div-received-total{padding:var(--spacing-sm) var(--spacing-lg);border-left:3px solid var(--accent-purple);margin:0 var(--spacing-lg)}.div-received-label{display:block;color:var(--text-muted);font-size:.75rem;margin-bottom:2px}.div-received-value{font-size:1.5rem;font-weight:600;color:var(--accent-cyan)}.div-chart-tall{height:250px!important}.div-growth-card{margin-top:var(--spacing-lg)}.div-chart-container-growth{padding:var(--spacing-md);height:300px}.div-growth-legend{display:flex;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-md);border-top:1px solid var(--border-color)}.div-growth-year{font-size:.85rem;color:var(--year-color)}.chart-container{padding:var(--spacing-lg);height:280px;display:flex;align-items:center;justify-content:center}.chart-container-wide{padding:var(--spacing-lg);height:350px}.time-filters{display:flex;gap:var(--spacing-xs);background:#0003;padding:var(--spacing-xs);border-radius:var(--radius-md)}.time-filter{padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--text-secondary);font-family:var(--font-display);font-size:.75rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast)}.time-filter:hover{color:var(--text-primary)}.time-filter.active{background:var(--accent-blue);color:#fff}.benchmarks-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg)}.benchmarks-left{display:flex;align-items:center;gap:var(--spacing-md)}.benchmarks-label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.benchmark-tag{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--bg-tertiary);padding:4px 8px;border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-primary)}.benchmark-tag.small{padding:2px 6px;font-size:.75rem}.remove-benchmark{cursor:pointer;color:var(--text-muted);font-size:1rem;line-height:1}.remove-benchmark:hover{color:var(--text-primary)}.btn-select-benchmark,.btn-text{background:none;border:none;color:var(--accent-blue);font-size:.875rem;font-weight:500;cursor:pointer}.btn-select-benchmark:hover,.btn-text:hover{text-decoration:underline}.tutorial-link{color:var(--accent-blue);font-size:.875rem;text-decoration:none}.growth-card{margin-bottom:var(--spacing-lg)}.view-toggle{display:inline-flex;gap:2px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:3px}.view-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.view-toggle-btn:hover{color:var(--text-primary);background:#6366f114}.view-toggle-btn.active{background:var(--accent-blue);color:#fff}.view-toggle-btn svg{flex-shrink:0}.holdings-heatmap{display:flex;flex-wrap:wrap;gap:4px;padding:var(--spacing-md) var(--spacing-lg);min-height:320px;align-content:stretch}.heatmap-tile{flex:1 1 80px;min-width:70px;min-height:70px;border-radius:var(--radius-sm);padding:8px 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;cursor:default;transition:transform .12s ease,box-shadow .12s ease;overflow:hidden}.heatmap-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006}.heatmap-tile-symbol{font-weight:700;font-size:.95rem;line-height:1.1;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.4)}.heatmap-tile-pct{font-size:.8rem;font-weight:600;opacity:.95;margin-top:3px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.heatmap-tile-value{font-size:.72rem;opacity:.85;margin-top:2px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.holdings-details-table-wrap{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);overflow-x:auto}.holdings-details-table{width:100%;border-collapse:collapse;font-size:.88rem}.holdings-details-table thead th{text-align:left;padding:10px 12px;color:var(--text-secondary);font-weight:600;font-size:.73rem;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border-color);background:var(--bg-card);position:sticky;top:0}.holdings-details-table thead th.text-right{text-align:right}.holdings-details-table tbody td{padding:10px 12px;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.holdings-details-table tbody td.col-symbol{font-weight:700;color:#a78bfa;letter-spacing:.02em}.holdings-details-table tbody td.text-right{text-align:right}.holdings-details-table tbody tr:hover{background:var(--bg-hover)}.holdings-details-table tbody td.positive{color:var(--accent-green)}.holdings-details-table tbody td.negative{color:var(--accent-red)}.header-title-group{display:flex;align-items:center;gap:var(--spacing-xs)}.info-icon{color:var(--text-muted);cursor:help;font-size:.9rem}.comparison-box{background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:var(--spacing-md);margin:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.9rem}.comparison-box.positive{background:#22c55e14;border-color:#22c55e33}.comparison-box.positive .comparison-amount{color:var(--accent-green)}.comparison-checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#fff3;border-radius:2px;font-size:10px;color:#fff}.comparison-amount{color:var(--accent-red);font-weight:600}.chart-controls-row{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-lg) var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-md)}.time-filters.small .time-filter{padding:2px 8px;font-size:.75rem}.btn-calendar{background:none;border:1px solid transparent;border-radius:6px;font-size:1rem;cursor:pointer;opacity:.7;padding:2px 5px;transition:opacity .15s,border-color .15s}.btn-calendar:hover{opacity:1}.btn-calendar.active{opacity:1;border-color:var(--accent-primary)}#date-range-picker input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6;cursor:pointer}.chart-stats-display{display:flex;align-items:center;gap:var(--spacing-md);font-size:.8rem}.stat-date-range{color:var(--text-muted)}.stat-val{font-weight:600}.stat-val.blue{color:var(--accent-blue)}.stat-val.orange{color:#f59e0b}.stat-val.purple{color:#a855f7}.stat-val.green{color:var(--accent-green)}.chart-sub-controls{display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-lg) var(--spacing-md)}.chart-container-extra-wide{padding:var(--spacing-md) var(--spacing-lg);height:400px;width:100%}.period-tabs{display:flex;gap:4px;background:var(--bg-tertiary);padding:3px;border-radius:var(--radius-sm)}.period-tabs-row{display:flex;gap:2px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-sm);margin:0 var(--spacing-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.period-tab{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;color:var(--text-muted);font-size:.7rem;font-weight:500;border-radius:var(--radius-xs);cursor:pointer;transition:all .2s}.period-tab:hover{color:var(--text-primary)}.period-tab.active{background:var(--accent-blue);color:#fff}.gainers-list{padding:var(--spacing-md)}.gainer-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);transition:var(--transition-fast)}.gainer-item:last-child{border-bottom:none}.gainer-item:hover{background:var(--bg-card-hover);border-radius:var(--radius-md)}.gainer-info{display:flex;align-items:center;gap:var(--spacing-md)}.gainer-symbol{font-family:var(--font-mono);font-weight:600;color:var(--accent-blue-light)}.gainer-name{color:var(--text-secondary);font-size:.875rem}.gainer-change{font-family:var(--font-mono);font-weight:600}.gainer-change.positive{color:var(--accent-green)}.gainer-change.negative{color:var(--accent-red)}.metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-normal)}.metric-card:hover{border-color:var(--border-color-light);box-shadow:var(--shadow-lg)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.metric-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.metric-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:.7rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase}.metric-badge.good{background:#22c55e26;color:var(--accent-green)}.metric-badge.neutral{background:#eab30826;color:var(--accent-yellow)}.metric-badge.bad{background:#ef444426;color:var(--accent-red)}.metric-value{font-family:var(--font-mono);font-size:1.75rem;font-weight:600;color:var(--text-primary);display:block;margin-bottom:var(--spacing-sm)}.metric-value.positive{color:var(--accent-green)}.metric-value.negative{color:var(--accent-red)}.metric-description{color:var(--text-muted);font-size:.75rem}.yearly-row{font-weight:600;cursor:pointer}.yearly-row:hover{background:var(--bg-card-hover)!important}.monthly-row{background:#6366f10a;font-size:.88rem;cursor:pointer}.monthly-row:hover{background:#6366f11a!important}.monthly-row td{border-left:3px solid rgba(99,102,241,.25)}.transaction-row{background:#0a0a1e4d;font-size:.82rem}.transaction-row:hover{background:#6366f10f!important}.transaction-row td{border-left:3px solid rgba(99,102,241,.1);padding-top:5px!important;padding-bottom:5px!important;color:var(--text-secondary)}.expand-icon{display:inline-block;font-size:.65em;transition:transform .18s ease;color:var(--text-muted);margin-right:.4rem;vertical-align:middle}.expand-icon.expanded{transform:rotate(90deg);color:var(--accent-blue-light)}.stat-val.red{color:var(--accent-red)}.returns-footer{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg) var(--spacing-md)}.returns-view-details{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:.875rem;text-decoration:none;transition:var(--transition-fast)}.returns-view-details:hover{color:var(--accent-blue-light)}.col-toggle-wrap{position:relative}.col-toggle-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:6px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem 0;min-width:220px;max-height:400px;overflow-y:auto;box-shadow:0 8px 24px #00000059;z-index:200}.col-toggle-dropdown.active{display:block}.col-toggle-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.82rem;color:var(--text-primary);cursor:pointer;transition:background .1s;white-space:nowrap}.col-toggle-item:hover{background:#ffffff0a}.col-toggle-item.locked{opacity:.5;cursor:default}.col-toggle-item input[type=checkbox]{accent-color:var(--accent-blue, #6366f1);width:15px;height:15px;cursor:pointer}.col-toggle-item.locked input[type=checkbox]{cursor:default}.col-toggle-actions{display:flex;gap:.5rem;padding:.5rem .85rem .25rem;border-top:1px solid var(--border-color);margin-top:.25rem}.col-toggle-btn{flex:1;padding:.3rem .5rem;font-size:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:none;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.col-toggle-btn:hover{background:#ffffff0f;color:var(--text-primary)}.movers-toolbar{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);display:flex;justify-content:flex-end}.movers-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:900px){.movers-grid{grid-template-columns:1fr}}.movers-card{padding:0}.movers-card .card-header{flex-direction:column;align-items:flex-start;gap:4px;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.movers-title{display:flex;align-items:center;gap:8px}.movers-title .card-title{margin:0}.movers-subtitle{color:var(--text-muted);font-size:.78rem}.movers-list{padding:var(--spacing-sm);display:flex;flex-direction:column}.movers-list .empty-state{padding:var(--spacing-lg);text-align:center;color:var(--text-muted);font-size:.88rem}.mover-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:10px var(--spacing-md);border-radius:var(--radius-sm);transition:background .15s ease}.mover-row:hover{background:var(--bg-hover)}.mover-row+.mover-row{border-top:1px solid var(--border-color)}.mover-logo-wrap{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mover-logo{width:100%;height:100%;object-fit:cover}.mover-logo-fallback{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;font-weight:700;font-size:.82rem;align-items:center;justify-content:center}.mover-info{min-width:0;display:flex;flex-direction:column;gap:2px}.mover-symbol{font-weight:700;color:#a78bfa;font-size:.92rem;letter-spacing:.02em}.mover-name{color:var(--text-muted);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mover-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-variant-numeric:tabular-nums}.mover-pct{font-weight:700;font-size:.95rem}.mover-gain{font-size:.78rem;opacity:.85}.mover-pct.positive,.mover-gain.positive{color:var(--accent-green)}.mover-pct.negative,.mover-gain.negative{color:var(--accent-red)}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:6px 12px;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.85rem;transition:border-color .2s}.user-menu-btn:hover{border-color:var(--accent-purple)}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-purple);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{font-size:.7rem;padding:2px 8px;border-radius:10px;text-transform:capitalize;font-weight:500}.role-badge.super_admin{background:#ef444426;color:#ef4444}.role-badge.admin{background:#6366f126;color:#818cf8}.role-badge.user{background:#a1a1aa26;color:var(--text-secondary)}.role-select{font-size:.78rem;padding:5px 10px;border-radius:8px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;text-transform:capitalize;font-weight:500;outline:none;transition:border-color .15s,box-shadow .15s}.role-select:hover{border-color:#6366f166}.role-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;min-width:180px;box-shadow:0 8px 24px #0000004d;display:none;z-index:100}.user-dropdown.active{display:block}.dropdown-item{display:block;width:100%;padding:10px 16px;background:none;border:none;color:var(--text-primary);font-family:inherit;font-size:.85rem;text-align:left;cursor:pointer;transition:background .15s}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item.logout{color:var(--accent-red)}.dropdown-divider{border:none;border-top:1px solid var(--border-primary);margin:4px 0}.users-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.users-count{font-size:.85rem;color:var(--text-secondary);font-weight:500}.add-user-form{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px}.users-list{display:flex;flex-direction:column;gap:8px}.um-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:border-color .15s,background .15s}.um-card:hover{border-color:var(--border-secondary, rgba(99, 102, 241, .3));background:#6366f108}.um-card.um-inactive{opacity:.55}.um-card-left{display:flex;align-items:center;gap:12px;min-width:0}.um-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0;color:#fff;background:#a1a1aa4d}.um-avatar.super_admin{background:linear-gradient(135deg,#ef4444,#f97316)}.um-avatar.admin{background:linear-gradient(135deg,#6366f1,#a855f7)}.um-avatar.user{background:linear-gradient(135deg,#64748b,#94a3b8)}.um-info{display:flex;flex-direction:column;gap:2px;min-width:0}.um-name-row{display:flex;align-items:center;gap:8px}.um-name{font-weight:600;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.um-email{font-size:.78rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.um-assigned-to{font-size:.7rem;color:var(--accent-blue);opacity:.7}.um-you-badge{font-size:.65rem;padding:1px 6px;border-radius:6px;background:#6366f126;color:#818cf8;font-weight:600;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.active{background:#10b981;box-shadow:0 0 6px #10b98166}.status-dot.inactive{background:#ef4444;box-shadow:0 0 6px #ef44444d}.um-card-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.um-action-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:8px;border:1px solid transparent;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.um-action-btn.danger{background:#ef444414;color:#f87171;border-color:#ef444433}.um-action-btn.danger:hover{background:#ef44442e;border-color:#ef444466}.um-action-btn.success{background:#10b98114;color:#34d399;border-color:#10b98133}.um-action-btn.success:hover{background:#10b9812e;border-color:#10b98166}.um-action-btn.deactivate{background:#10b98114;color:#34d399;border-color:#10b98133}.um-action-btn.deactivate:hover{background:#10b9812e;border-color:#10b98166}.um-deletion-pending{border-color:#ef44444d}.um-deletion-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.72rem;font-weight:500;background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.25);white-space:nowrap}@media(max-width:900px){.um-card{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.um-card-left{gap:10px}.um-card-right{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;padding-left:50px}.um-avatar{width:34px;height:34px;font-size:.8rem}.um-name{font-size:.85rem}.um-email{font-size:.75rem}.um-assigned-to{font-size:.65rem}.role-select{font-size:.72rem;padding:4px 8px;min-width:80px}.um-action-btn{font-size:.7rem;padding:4px 10px}.um-action-btn svg{width:12px;height:12px}.um-deletion-badge{font-size:.65rem;padding:3px 8px}}@media(max-width:520px){.um-card{padding:10px 12px;gap:8px}.um-card-right{padding-left:44px;gap:4px}.um-avatar{width:30px;height:30px;font-size:.7rem}.um-name{font-size:.8rem}.um-email{font-size:.7rem}.role-select{font-size:.7rem;padding:3px 6px}.um-action-btn{padding:6px;font-size:0;gap:0;border-radius:6px}.um-action-btn svg{width:14px;height:14px}.um-deletion-badge{font-size:.6rem;padding:2px 6px;white-space:normal;text-align:center}.users-toolbar{flex-direction:column;gap:8px;align-items:stretch}.users-toolbar>div{justify-content:space-between}#users-filter-by-admin{min-width:100%!important}}@media(pointer:coarse){.um-action-btn{min-height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center}.role-select{min-height:36px}}.status-badge{font-size:.75rem;padding:2px 8px;border-radius:10px;font-weight:500}.status-badge.active{background:#10b98126;color:#10b981}.status-badge.inactive{background:#ef444426;color:#ef4444}.totp-icon-wrap{text-align:center;margin-bottom:8px;color:var(--text-secondary)}.totp-input{text-align:center;font-size:1.5rem;font-family:Fira Code,monospace;letter-spacing:.5em;padding:12px 16px}.tfa-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.tfa-qr-wrap{text-align:center;margin:16px 0;padding:16px;background:#fff;border-radius:var(--radius-lg);display:inline-block;width:100%;display:flex;justify-content:center}.tfa-qr-img{width:200px;height:200px;image-rendering:pixelated}.tfa-secret-row{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:.8rem}.tfa-secret-label{color:var(--text-secondary);white-space:nowrap}.tfa-secret-code{font-family:Fira Code,monospace;font-size:.75rem;color:var(--text-primary);word-break:break-all;user-select:all}.tfa-status-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius-lg);margin-bottom:20px}.tfa-status-card.active{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#10b981}.tfa-status-card.active strong{color:#34d399;display:block;margin-bottom:4px}.tfa-status-card.active p{font-size:.82rem;color:var(--text-secondary);margin:0}.btn-sm{padding:6px 12px;font-size:.8rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;gap:8px;margin-top:12px}.text-muted{color:var(--text-secondary);font-size:.85rem}.portfolios-overview-table{table-layout:auto}.portfolios-overview-table th,.portfolios-overview-table td{vertical-align:middle}.portfolios-overview-table .overview-drag-handle{color:var(--text-muted, rgba(148, 163, 184, .55));font-size:1rem;cursor:default;width:28px;text-align:center;padding-left:10px;padding-right:0}.portfolios-overview-table .overview-name-cell{font-weight:500;white-space:nowrap}.portfolios-overview-table .overview-name-cell>*{vertical-align:middle}.portfolios-overview-table .overview-name-cell>svg{display:inline-block;margin-right:6px}.portfolios-overview-table .overview-portfolio-row:hover{background:#ffffff0a}.portfolios-overview-table .sub-pct{font-size:.78rem;opacity:.8}.portfolios-overview-table .overview-total-row{background:#6366f10f;border-top:2px solid rgba(99,102,241,.25)}.portfolios-overview-table .overview-total-row td{padding-top:12px;padding-bottom:12px}.portfolios-overview-table .overview-total-row strong{font-weight:700}.form-hint{display:block;color:var(--text-secondary);font-size:.78rem;margin-top:4px;opacity:.75}.btn-icon-sm{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition-fast);display:inline-flex;align-items:center}.btn-icon-sm:hover{color:var(--accent-blue);background:#6366f11a}.btn-danger-sm{color:var(--text-secondary)}.btn-danger-sm:hover{color:#f87171!important;background:#ef44441a!important}.tx-actions-cell{white-space:nowrap;text-align:right;vertical-align:middle}.tx-actions-cell .btn-icon-sm{display:inline-flex;vertical-align:middle;margin-left:2px}.google-signin-wrap{margin-top:14px}.auth-divider{position:relative;text-align:center;margin:18px 0 14px;color:var(--text-secondary, #94a3b8);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 22px);height:1px;background:#ffffff14}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-divider span{background:transparent;padding:0 8px}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#fff;color:#1f1f1f;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .05s ease,box-shadow .15s ease}.btn-google:hover{background:#f5f5f5;box-shadow:0 2px 10px #0003}.btn-google:active{transform:translateY(1px)}.btn-google:disabled{opacity:.6;cursor:not-allowed}.trust-device-row{display:flex;align-items:center;gap:8px;margin:8px 0 4px;font-size:13px;color:var(--text-secondary, #94a3b8);cursor:pointer;user-select:none}.trust-device-row input[type=checkbox]{width:16px;height:16px;accent-color:#6366f1;cursor:pointer}.stat-currency-breakdown,.stats-card-currency-breakdown{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:6px;font-size:12px;color:var(--text-secondary, #94a3b8);line-height:1.4}.stats-card-currency-breakdown{margin-top:4px;margin-bottom:6px}.ccy-item{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}.ccy-code{font-size:11px;font-weight:700;letter-spacing:.04em;padding:1px 6px;border-radius:4px;background:#6366f126;color:#a5b4fc}.currency-selector{min-width:140px;margin-left:6px}.currency-selector option{background:var(--bg-primary, #0f172a);color:var(--text-primary, #e2e8f0)}.ccy-suffix{color:var(--text-secondary, #94a3b8);opacity:.75;font-size:11px;margin-left:2px}.stat-currency-breakdown,.stats-card-currency-breakdown{display:flex;flex-wrap:wrap;flex-direction:column;gap:6px 10px;margin-top:8px;font-size:12px;line-height:1.4;color:var(--text-secondary, #94a3b8);align-content:flex-start}.ccy-item{display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 4px;border-radius:999px;background:#6366f114;border:1px solid rgba(99,102,241,.18);white-space:nowrap;transition:background .12s ease}.ccy-item:hover{background:#6366f124}.ccy-item .positive{color:#34d399;font-weight:600}.ccy-item .negative{color:#f87171;font-weight:600}.ccy-code{font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:999px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;line-height:1}.ccy-suffix{color:var(--text-secondary, #94a3b8);opacity:.7;font-size:11px}.ccy-chips-row{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;margin-top:4px;font-size:11px;line-height:1.3;font-weight:400}.ccy-chips-row .ccy-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 6px 1px 3px;border-radius:999px;background:#6366f112;border:1px solid rgba(99,102,241,.16);white-space:nowrap;color:var(--text-secondary, #94a3b8)}.ccy-chips-row .ccy-chip .ccy-code{font-size:9px;padding:2px 5px}.ccy-chips-row .ccy-chip .positive{color:#34d399;font-weight:600}.ccy-chips-row .ccy-chip .negative{color:#f87171;font-weight:600}.currency-selector{min-width:150px}.dropdown-item.danger{color:#ef4444!important}.dropdown-item.danger:hover{background:#ef44441a!important}.delete-summary{background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-radius:10px;padding:14px 16px}.users-sub-tabs{display:flex;gap:0;border-bottom:2px solid var(--border-color);margin-bottom:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.users-sub-tabs::-webkit-scrollbar{display:none}.users-sub-tab{position:relative;padding:.75rem 1.25rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s,background .15s}.users-sub-tab:hover{color:var(--text-primary);background:#ffffff08}.users-sub-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.audit-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;margin-bottom:1.25rem;padding:1rem;background:var(--bg-tertiary, rgba(255,255,255,.03));border:1px solid var(--border-color);border-radius:var(--radius-md)}.audit-filter-group{display:flex;flex-direction:column;gap:.3rem;flex:1 1 130px;min-width:0}.audit-filter-group label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.audit-filter-group .form-input{width:100%;padding:.45rem .6rem;font-size:.82rem}.audit-filters .btn{flex:0 0 auto;align-self:flex-end}#audit-retention-control{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.65rem 1rem;background:#6366f114;border:1px solid rgba(99,102,241,.15);border-radius:var(--radius-md);font-size:.82rem;color:var(--text-secondary)}#audit-retention-control .form-input{padding:.3rem .5rem;font-size:.82rem;width:70px}.audit-table{width:100%;border-collapse:collapse;font-size:.82rem}.audit-table thead{position:sticky;top:0;z-index:1}.audit-table td{padding:.7rem .85rem;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-primary);vertical-align:middle}.audit-table tbody tr{transition:background .1s}.audit-table tbody tr:hover td{background:#ffffff06}.audit-table .empty-state{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-style:italic}.audit-details{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:var(--text-muted)}.audit-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}.audit-table .positive{color:#34d399;font-weight:600}.audit-table .negative{color:#f87171;font-weight:600}.audit-category-badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:capitalize}.cat-auth{background:#6366f126;color:#818cf8}.cat-portfolio{background:#10b98126;color:#34d399}.cat-transaction{background:#f59e0b26;color:#fbbf24}.cat-financial{background:#06b6d426;color:#22d3ee}.cat-data{background:#a855f726;color:#c084fc}.cat-view{background:#6b728026;color:#9ca3af}.audit-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;margin-bottom:1.25rem}.audit-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .5rem;background:var(--bg-card, rgba(255,255,255,.03));border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;transition:border-color .15s,transform .15s}.audit-stat-card:hover{border-color:#ffffff1f;transform:translateY(-1px)}.audit-stat-value{font-size:1.5rem;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.audit-stat-value.sent{color:#34d399}.audit-stat-value.failed{color:#f87171}.audit-stat-value.verified{color:#60a5fa}.audit-stat-value.clicks{color:#a78bfa}.audit-stat-value.expired,.audit-stat-value.users-count{color:var(--text-secondary)}.audit-stat-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-top:.35rem}.btn-danger{background:#ef444414;color:#f87171;border:1px solid rgba(239,68,68,.25)}.btn-danger:hover{background:#ef44442e;border-color:#ef444466}@media(max-width:900px){.audit-stats-grid{grid-template-columns:repeat(3,1fr)}.audit-filter-group{flex:1 1 45%}}@media(max-width:640px){.users-sub-tabs{gap:0;margin-bottom:1rem}.users-sub-tab{padding:.6rem .85rem;font-size:.78rem}.audit-filters{padding:.75rem;gap:.5rem}.audit-filter-group{flex:1 1 100%}.audit-filter-group .form-input{font-size:.85rem;padding:.5rem .6rem}.audit-table{font-size:.78rem}.audit-table th,.audit-table td{padding:.45rem .5rem}.audit-table .col-ip,.audit-table .col-browser,.audit-table .col-location,.audit-table .col-details{display:none}.audit-stats-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.audit-stat-value{font-size:1.2rem}.audit-stat-label{font-size:.6rem}#audit-retention-control{flex-wrap:wrap;font-size:.78rem}}@media(max-width:420px){.users-sub-tab{padding:.5rem .65rem;font-size:.72rem}.audit-stats-grid{grid-template-columns:repeat(2,1fr)}.audit-stat-card{padding:.75rem .35rem}}@media(pointer:coarse){.users-sub-tab{min-height:44px;display:inline-flex;align-items:center}.audit-filter-group .form-input{min-height:42px}.audit-table td{padding:.6rem .5rem}}.import-tab:hover{color:var(--text-primary)}.import-tab.active{color:#6366f1;border-bottom-color:#6366f1!important}.tx-card{overflow:visible}.tx-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);gap:var(--spacing-md);flex-wrap:wrap}.tx-toolbar-left,.tx-toolbar-right{display:flex;align-items:center;gap:var(--spacing-sm)}.tx-filter-select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 32px 8px 14px;color:var(--text-primary);font-family:var(--font-display);font-size:.85rem;cursor:pointer;appearance:auto}.tx-filter-select:focus{outline:none;border-color:var(--accent-blue)}.tx-search-box{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card)}.tx-search-input{background:transparent;border:none;padding:8px 12px;color:var(--text-primary);font-family:var(--font-display);font-size:.85rem;width:160px;outline:none}.tx-search-input::placeholder{color:var(--text-muted)}.tx-search-btn{background:var(--bg-tertiary);border:none;border-left:1px solid var(--border-color);color:var(--text-secondary);padding:8px 10px;cursor:pointer;display:flex;align-items:center}.tx-search-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.tx-table{width:100%;border-collapse:collapse}.tx-table th,.tx-table td{padding:.7rem .85rem;text-align:left;border-bottom:1px solid var(--border-color)}.tx-table td{font-size:.88rem;color:var(--text-primary)}.tx-table tbody tr{transition:background var(--transition-fast)}.tx-table tbody tr:hover{background:#6366f10a}.tx-row-clickable{cursor:pointer}.tx-table .text-right{text-align:right}.tx-table .text-center{text-align:center}.tx-table .mono{font-family:var(--font-mono);font-size:.84rem}.tx-sortable{cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast)}.tx-sortable:hover{color:var(--text-secondary)}.tx-sortable.active{color:var(--accent-cyan)}.tx-sort-icon{margin-left:4px;vertical-align:middle;opacity:.4;transition:opacity var(--transition-fast)}.tx-sortable.active .tx-sort-icon{opacity:1}.tx-sortable.active.asc .tx-sort-icon path:first-child{opacity:1}.tx-sortable.active.asc .tx-sort-icon path:last-child{opacity:.3}.tx-op{font-weight:600;font-size:.85rem;text-transform:capitalize}.tx-op.buy{color:var(--accent-green)}.tx-op.sell{color:var(--accent-red)}.tx-op.dividend{color:var(--accent-blue-light)}.tx-holding-cell{display:flex;flex-direction:column;gap:2px}.tx-holding-name{font-size:.88rem;color:var(--text-primary);font-weight:500}.tx-holding-symbol{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.tx-date-cell{color:var(--text-secondary)}.tx-profit-cell{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.tx-profit-cell.positive .tx-profit-pct{color:var(--accent-green)}.tx-profit-cell.negative .tx-profit-pct{color:var(--accent-red)}.tx-profit-cell.positive .tx-profit-amt{color:var(--accent-green)}.tx-profit-cell.negative .tx-profit-amt{color:var(--accent-red)}.tx-profit-pct{font-size:.85rem;font-weight:600;font-family:var(--font-mono);white-space:nowrap}.tx-profit-amt{font-size:.75rem;font-family:var(--font-mono);opacity:.85;white-space:nowrap}.tx-profit-na{color:var(--text-muted)}.tx-pagination{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid var(--border-color)}.tx-page-select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:4px 8px;color:var(--text-primary);font-family:var(--font-display);font-size:.82rem;cursor:pointer}.tx-page-select:focus{outline:none;border-color:var(--accent-blue)}.tx-page-info{font-size:.82rem;color:var(--text-muted)}.tx-type{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase}.tx-type.buy{background:#22c55e26;color:var(--accent-green)}.tx-type.sell{background:#ef444426;color:var(--accent-red)}.tx-type.dividend{background:#6366f126;color:var(--accent-blue-light)}@media(max-width:900px){.tx-toolbar{flex-direction:column;align-items:stretch}.tx-toolbar-left,.tx-toolbar-right{width:100%}.tx-toolbar-right{flex-wrap:wrap}.tx-search-input{flex:1;width:auto}.tx-search-box{flex:1}.tx-table th,.tx-table td{padding:10px 12px}}@media(max-width:640px){.tx-table th,.tx-table td{padding:8px;font-size:.8rem}.tx-holding-name{font-size:.8rem}.tx-profit-pct{font-size:.78rem}.tx-profit-amt{font-size:.7rem}.tx-toolbar-right .btn-sm{font-size:0;padding:8px;min-width:unset}.tx-toolbar-right .btn-sm svg{width:16px;height:16px}}@media(max-width:480px){.tx-table th:nth-child(6),.tx-table td:nth-child(6){display:none}.tx-table th,.tx-table td{padding:6px}}@media(max-width:1024px){.main-content{padding:var(--spacing-lg)}}@media(max-width:768px){body{overflow-x:hidden}.header-container{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.logo-icon{width:30px;height:30px}.logo-text{font-size:1.05rem}.header-actions{gap:var(--spacing-sm)}.connection-status{display:none}.portfolio-selector{min-width:120px}.main-content{padding:var(--spacing-md)}.tabs{padding:0 var(--spacing-md)}.tab{padding:var(--spacing-sm) var(--spacing-md);font-size:.82rem}.card-header{flex-wrap:wrap;gap:var(--spacing-sm)}.card-actions{flex-wrap:wrap;gap:var(--spacing-xs)}.holdings-header{justify-content:flex-start}.holdings-controls{flex-wrap:wrap;gap:var(--spacing-sm)}.chart-controls-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.chart-stats-display{flex-wrap:wrap}.div-toggles{flex-wrap:wrap;gap:var(--spacing-sm)}.comparison-box{flex-wrap:wrap;font-size:.82rem;margin:var(--spacing-sm) var(--spacing-md)}.chart-container-extra-wide{height:300px}.chart-container-wide{height:280px}.div-chart-container-growth{height:240px}.benchmarks-bar{flex-wrap:wrap;gap:var(--spacing-sm)}.benchmarks-left{flex-wrap:wrap}}@media(max-width:640px){.tabs-container{top:55px}.mobile-menu-toggle{display:flex}.header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.header-actions{display:none;position:fixed;top:var(--header-height, 55px);left:0;right:0;bottom:0;background:#0f0f23;border-top:1px solid var(--border-color);padding:var(--spacing-lg) var(--spacing-md) calc(var(--spacing-2xl) + env(safe-area-inset-bottom));flex-direction:column;gap:var(--spacing-md);z-index:500;box-shadow:0 8px 24px #0000004d;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}body:has(.header-actions.mobile-open){overflow:hidden}.header-actions.mobile-open{display:flex}.header-actions.mobile-open .status-pill{order:0;align-self:flex-start;padding:8px 14px;width:100%}.header-actions.mobile-open .status-pill-label,.header-actions.mobile-open .status-pill-divider,.header-actions.mobile-open .refresh-timer{display:inline!important}.selectors-group{order:1;width:100%}.selectors-group:before{content:"Portfolio & Currency";display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;font-weight:600}.portfolio-selector{width:100%;max-width:none;min-width:unset}.selectors-group .portfolio-selector,.select-field .portfolio-selector{height:44px;font-size:.92rem}.select-field{width:100%}.header-actions.mobile-open #btn-new-portfolio{order:2;width:100%;height:46px;padding:0 var(--spacing-md);justify-content:center;gap:8px}.header-actions.mobile-open #btn-new-portfolio .btn-label{display:inline}.header-actions.mobile-open #btn-new-portfolio .btn-label:before{content:"Add "}.user-menu{width:100%;order:3;margin-top:var(--spacing-sm);border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.user-menu-btn{width:100%;justify-content:flex-start;padding:10px 14px;min-height:52px;gap:12px}.user-menu-btn .user-avatar{width:32px;height:32px;font-size:.9rem}.user-menu-btn .user-name{max-width:none;flex:1;font-weight:600}.user-dropdown{position:static;margin-top:var(--spacing-sm);box-shadow:none;border:1px solid var(--border-color);display:block!important;width:100%}.user-dropdown .dropdown-item{padding:14px 16px;font-size:.95rem;min-height:48px;display:flex;align-items:center}.header{position:sticky}.header-container{position:relative}.logo-text{font-size:1rem}.logo-icon{width:28px;height:28px}.portfolio-header-container{padding:var(--spacing-md);flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.portfolio-info{width:100%;gap:var(--spacing-md)}.portfolio-avatar{width:42px;height:42px;flex-shrink:0}.portfolio-avatar svg{width:22px;height:22px}.portfolio-title{font-size:1.15rem}.portfolio-author{font-size:.78rem;margin-bottom:2px}.portfolio-stats-summary{width:100%;gap:0;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden}.portfolio-stats-summary .stat-item{flex:1;text-align:center;padding:var(--spacing-sm) var(--spacing-xs);border-right:1px solid var(--border-color)}.portfolio-stats-summary .stat-item:last-child{border-right:none}.stat-label{font-size:.65rem;letter-spacing:.03em}.stat-value{font-size:.9rem}.main-content{padding:var(--spacing-sm) var(--spacing-md)}.tabs{padding:0 var(--spacing-sm);gap:0;-webkit-overflow-scrolling:touch}.tab{padding:var(--spacing-sm) var(--spacing-md);font-size:.8rem;flex-shrink:0}.holding-name{max-width:120px}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.metric-value{font-size:1.4rem}.stat-card-value.large{font-size:1.5rem}.holdings-table th,.holdings-table td{padding:var(--spacing-sm)}.toast-container{bottom:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md)}.toast{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.modal{padding:0;align-items:flex-end}.modal-content,.modal-content.modal-sm,.modal-content.modal-lg{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:100%;max-height:92vh}.footer-container{flex-direction:column;text-align:center;padding:var(--spacing-lg);gap:var(--spacing-sm)}.footer-center,.footer-right{justify-content:center}}@media(max-width:480px){.tabs-container{top:50px}.logo-text{font-size:.9rem}.logo-icon{width:26px;height:26px}.header-container{padding:var(--spacing-xs) var(--spacing-sm)}.auth-card{padding:28px 20px;margin:0 var(--spacing-sm)}.auth-logo .logo-mark svg{width:48px;height:48px}.auth-logo h1{font-size:1.3rem}.portfolio-header-container{padding:var(--spacing-sm) var(--spacing-md)}.portfolio-avatar{width:36px;height:36px}.portfolio-avatar svg{width:18px;height:18px}.portfolio-title{font-size:1rem}.portfolio-title-row{gap:var(--spacing-sm)}.portfolio-actions .btn-icon{width:28px;height:28px;padding:4px}.portfolio-actions .btn-icon svg{width:14px;height:14px}.tab{padding:var(--spacing-sm) 10px;font-size:.75rem}.main-content{padding:var(--spacing-xs) var(--spacing-sm)}.search-box input{width:100px}.chart-container-extra-wide,.chart-container-wide{height:220px}.div-chart-container-growth{height:200px}.stats-grid{grid-template-columns:1fr!important}.card-actions .btn-sm{padding:4px var(--spacing-sm);font-size:.75rem}.card-actions .btn-sm svg{width:12px;height:12px}.div-tab{padding:4px var(--spacing-sm);font-size:.8rem}.pagination-controls{flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}#pagination-info{width:100%;text-align:center}.portfolio-breakdown{grid-template-columns:1fr}.card{border-radius:var(--radius-md)}.card-header{padding:var(--spacing-sm) var(--spacing-md)}}@media(max-width:360px){.tab{padding:4px 8px;font-size:.7rem}.portfolio-title{font-size:.9rem}.portfolio-stats-summary .stat-item{padding:var(--spacing-xs) var(--spacing-xs)}.stat-value{font-size:.8rem}.stat-label{font-size:.6rem}}@media(max-width:720px){.stat-currency-breakdown,.stats-card-currency-breakdown{font-size:11px;gap:4px 6px}.ccy-item{padding:1px 7px 1px 3px}.ccy-code{font-size:10px;padding:2px 5px}.currency-selector{min-width:0;width:100%;margin-left:0;margin-top:6px}}@media(max-width:480px){.stat-currency-breakdown,.stats-card-currency-breakdown{gap:3px 4px}}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;height:36px;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);font-size:12px;color:var(--text-secondary, #94a3b8);white-space:nowrap;transition:background .15s ease,border-color .15s ease}.status-pill:hover{background:#ffffff0d;border-color:#ffffff24}.status-pill .connection-dot{flex-shrink:0}.status-pill-label{font-weight:600;color:var(--text-primary, #e2e8f0)}.status-pill-divider{opacity:.4;margin:0 1px}.status-pill svg{opacity:.7}.status-pill .refresh-timer{font-variant-numeric:tabular-nums;font-size:12px;min-width:28px;text-align:left}.status-pill .refresh-timer.refreshing{color:#a5b4fc}.selectors-group{display:inline-flex;align-items:center;gap:6px;padding:3px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.select-field{position:relative;display:inline-flex;align-items:center}.select-field .select-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-secondary, #94a3b8);opacity:.8}.selectors-group .portfolio-selector{padding:8px 30px;height:34px;font-size:13px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#0f172a99;min-width:170px;max-width:220px;text-overflow:ellipsis;appearance:none;cursor:pointer}.selectors-group .portfolio-selector:hover{border-color:#6366f166}.selectors-group .portfolio-selector:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.selectors-group .currency-selector{min-width:160px;max-width:200px}.view-as-field.viewing-other .portfolio-selector{border-color:#f59e0b;background:#f59e0b14;color:#f59e0b}.view-as-field.viewing-other .select-icon{color:#f59e0b}.user-menu-btn .user-name{max-width:130px;overflow:hidden;text-overflow:ellipsis}#btn-new-portfolio{height:36px;padding:0 14px;gap:6px;font-size:13px;white-space:nowrap}#btn-new-portfolio .btn-label{font-weight:600}@media(max-width:1200px){.selectors-group .portfolio-selector{min-width:140px;max-width:180px}.status-pill-label,.status-pill-divider{display:none}}@media(max-width:900px){.selectors-group{flex-direction:column;background:transparent;border:none;padding:0;gap:4px;width:100%}.selectors-group .portfolio-selector{width:100%;min-width:0;max-width:none}.status-pill{padding:6px 10px}#btn-new-portfolio .btn-label{display:none}#btn-new-portfolio{padding:0 10px;width:36px}}.portfolio-stats-summary .stat-item{min-width:0}.portfolio-stats-summary .stat-value{font-variant-numeric:tabular-nums;word-break:keep-all;overflow-wrap:anywhere}@media(max-width:900px){.portfolio-stats-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.portfolio-stats-summary .stat-item{text-align:left}.portfolio-title,.stats-card-value{font-size:20px}}@media(max-width:640px){.portfolio-stats-summary{gap:10px 12px}.portfolio-stats-summary .stat-value{font-size:15px}.portfolio-stats-summary .stat-label{font-size:10px;letter-spacing:.05em}.portfolio-header-container{padding:10px 12px!important}.header-container{padding:8px 12px!important}}@media(max-width:520px){.portfolio-stats-summary{grid-template-columns:1fr 1fr;gap:8px 10px}.portfolio-stats-summary .stat-item{padding:8px 10px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px}.stats-card{padding:14px!important}.stats-card-value{font-size:18px!important}.tabs-container{padding:0 6px!important}.tab{font-size:12px!important;padding:8px 10px!important}.card{padding:14px!important}.ccy-item{padding:1px 6px 1px 3px;gap:4px}.ccy-code{font-size:8.5px;padding:2px 5px}.stat-currency-breakdown,.stats-card-currency-breakdown{font-size:10.5px;gap:3px 4px}}@media(max-width:380px){.portfolio-stats-summary{grid-template-columns:1fr}.portfolio-stats-summary .stat-item{padding:10px 12px}.logo-text{font-size:14px!important}.tab{padding:7px 8px!important}}@media(pointer:coarse){.btn,.btn-icon,.tab,.nav-link,select,.user-menu-btn{min-height:40px}.ccy-item{padding-block:3px}}.main-content table,.card table{max-width:100%}@media(max-width:900px){.table-wrapper,.card-body>.card,.breakdown-table-card,.tx-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:520px){.modal-content{width:100%!important;max-width:100%!important;height:100%;max-height:100%;border-radius:0!important;margin:0!important}.modal-body{padding:14px!important}}.chart-container,.chart-container-donut{max-width:100%}canvas{max-width:100%!important}@media(max-width:520px){html,body{overflow-x:hidden}main,section{max-width:100vw}}table thead,table thead tr,table thead th{background:#1a1a2e!important;background-color:#1a1a2e!important}table thead th{position:sticky;top:0;z-index:5;white-space:nowrap;box-shadow:0 2px #0006,0 1px #ffffff0f}table thead th:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:#1a1a2e}.breakdown-scroll-wrapper,.table-wrapper,.holdings-scroll-wrapper,.tx-table-wrapper,.table-container{max-height:calc(100vh - 220px);min-height:320px;overflow:auto;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;border-radius:10px;scrollbar-width:thin}@media(max-width:900px){.breakdown-scroll-wrapper,.table-wrapper,.holdings-scroll-wrapper,.tx-table-wrapper,.table-container{max-height:calc(100vh - 180px);min-height:280px}}@media(max-width:520px){.breakdown-scroll-wrapper,.table-wrapper,.holdings-scroll-wrapper,.tx-table-wrapper,.table-container{max-height:calc(100vh - 160px);min-height:240px}}.pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 14px 4px;font-size:12px;color:var(--text-secondary, #94a3b8)}.pager-info{margin-right:auto}.pager button{min-width:32px;height:30px;padding:0 10px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-primary, #e2e8f0);cursor:pointer;font-size:12px;transition:background .15s ease,border-color .15s ease}.pager button:hover:not(:disabled){background:#6366f11f;border-color:#6366f166}.pager button:disabled{opacity:.4;cursor:not-allowed}.pager select{height:30px;padding:0 8px;border-radius:8px;background:#0f172a99;color:var(--text-primary, #e2e8f0);border:1px solid rgba(255,255,255,.08);font-size:12px;cursor:pointer}.tab-content>.card,.tab-content>.stats-cards-grid,.tab-content>.portfolio-breakdown,.tab-content>section,.tab-content>.stats-grid,.tab-content>.holdings-card,.tab-content>.breakdown-table-card{scroll-margin-top:100px}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.breakdown-row-ccy{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:6px;justify-content:flex-end}.breakdown-row-ccy .ccy-item{font-size:11px;padding:1px 7px 1px 3px}.breakdown-row-ccy .ccy-code{font-size:9px;padding:2px 5px}@media(min-width:901px){.portfolio-stats-summary{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;padding:4px 0}.portfolio-stats-summary .stat-item{flex:1 1 180px;min-width:180px;max-width:260px;text-align:right;padding:10px 16px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:background .15s ease,border-color .15s ease,transform .15s ease}.portfolio-stats-summary .stat-item:hover{background:#6366f10f;border-color:#6366f140}.portfolio-stats-summary .stat-label{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted, #94a3b8);margin-bottom:6px;white-space:nowrap}.portfolio-stats-summary .stat-value{display:block;font-size:18px;font-weight:600;line-height:1.25;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:left}.portfolio-stats-summary .stat-currency-breakdown{margin-top:8px;justify-content:flex-end;gap:4px 6px}.portfolio-stats-summary .ccy-item{font-size:11px;padding:2px 7px 2px 3px}.portfolio-stats-summary .ccy-code{font-size:9px;padding:2px 5px}}@media(min-width:1280px){.portfolio-stats-summary{gap:10px;width:100%}.portfolio-stats-summary .stat-item{padding:12px 18px}}.tabs-container{position:sticky!important;position:-webkit-sticky!important;top:75px;z-index:45;background:var(--bg-primary, #0f0f23);background-color:var(--bg-primary, #0f0f23);backdrop-filter:saturate(180%) blur(8px);-webkit-backdrop-filter:saturate(180%) blur(8px);box-shadow:0 2px #00000040}@media(max-width:520px){html,body{overflow-x:clip!important}}main,.main-content,section.tab-content{overflow:visible!important}@media(max-width:640px){.tabs-container{top:55px}}@media(max-width:480px){.tabs-container{top:50px}}.portfolio-stats-summary .stat-item{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.portfolio-stats-summary .stat-subvalue{display:block;font-size:12px;color:var(--text-secondary, #94a3b8);margin-top:4px;font-variant-numeric:tabular-nums;white-space:nowrap}.portfolio-stats-summary .stat-pct-sub{font-size:14px;font-weight:600;margin-top:2px;white-space:nowrap}.portfolio-stats-summary .stat-pct-sub.positive{color:var(--success, #10b981)}.portfolio-stats-summary .stat-pct-sub.negative{color:var(--danger, #ef4444)}.portfolio-stats-summary .stat-value{white-space:nowrap}@media(min-width:901px){.portfolio-stats-summary .stat-value{white-space:normal;line-height:1.2}}.card-title,.modal-title,.section-title,.app-card-title,.holdings-header h2,.users-tab-header h2{font-size:15px}table thead th,.holdings-table th,.holdings-table-new th,.breakdown-table th,.portfolios-overview-table th,.tx-table th,.audit-table th,.holdings-details-table th,#yearly-stats-table th,.holdings-table-new td[data-col=name],.holdings-table-new td[data-col=name] *,.breakdown-table td[data-col=name],.breakdown-table td[data-col=name] *,.portfolios-overview-table td[data-col=name],.portfolios-overview-table td[data-col=name] *,#yearly-stats-table td[data-col=year],#yearly-stats-table td[data-col=year] *{font-size:12px}@media(max-width:640px){.portfolio-title,.hero-stat-value,.stat-card-value.large,h1{font-size:15px}h2,h3,.stat-value,.stat-card-value,.market-value,.sd-stat-value,.pricing-price{font-size:13px}body,p,.holding-name,.category-name,.holdings-table-new td,.breakdown-table td,.portfolios-overview-table td,.holdings-details-table td,.tx-table td,.audit-table td,#yearly-stats-table td,.feature-card h3,.nav-link-simple,.form-input,.btn,label{font-size:11px}.stat-label,.stat-subvalue,.holding-symbol,.category-count,.market-label,.sd-stat-label,.market-delta,.ccy-chip,.ccy-code,.ccy-item,.sub-pct,.pricing-period,.markets-source,.stat-currency-breakdown,.stats-card-currency-breakdown,.holdings-table-new .arrow,.returns-details-table .profit-pct{font-size:9px}}