*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;color-scheme:light dark;color:#1f2937;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{color:#f3f4f6;background-color:#111827}}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%)}@media(prefers-color-scheme:dark){body{background:linear-gradient(135deg,#0f172a,#1a202c)}}h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;color:var(--gray-900)}@media(prefers-color-scheme:dark){h1{color:#f9fafb}}h2{font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:.75rem;color:var(--gray-900)}@media(prefers-color-scheme:dark){h2{color:#f9fafb}}h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--gray-800)}@media(prefers-color-scheme:dark){h3{color:#f3f4f6}}h4{font-size:1.1rem;font-weight:600;margin-bottom:.25rem;color:var(--gray-700)}@media(prefers-color-scheme:dark){h4{color:#e5e7eb}}a{font-weight:500;color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-dark);text-decoration:underline}@media(prefers-color-scheme:dark){a{color:var(--primary-light)}a:hover{color:var(--primary)}}button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;font-family:inherit;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover{background-color:#059669}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-secondary{background-color:var(--gray-200);color:var(--gray-900)}.btn-secondary:hover{background-color:var(--gray-300)}@media(prefers-color-scheme:dark){.btn-secondary{background-color:var(--gray-700);color:#f3f4f6}.btn-secondary:hover{background-color:var(--gray-600)}}input,select,textarea{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:.5rem;font-family:inherit;font-size:.95rem;color:inherit;background-color:#fff;transition:all .2s ease}@media(prefers-color-scheme:dark){input,select,textarea{background-color:var(--gray-800);border-color:var(--gray-700);color:#f3f4f6}}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-400)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}@media(prefers-color-scheme:dark){input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #60a5fa33}}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}label{display:block;font-weight:500;color:var(--gray-700);font-size:.95rem}@media(prefers-color-scheme:dark){label{color:#e5e7eb}}label.required:after{content:" *";color:var(--danger)}form{display:flex;flex-direction:column;gap:0}.card{background:#fff;border-radius:.75rem;border:1px solid var(--gray-200);padding:1.5rem;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.card:hover{box-shadow:0 4px 12px #00000014}@media(prefers-color-scheme:dark){.card{background:var(--gray-800);border-color:var(--gray-700)}}.container{max-width:1280px;margin:0 auto;padding:2rem}@media(max-width:768px){.container{padding:1rem}}.error{padding:1rem;margin-bottom:1.5rem;background-color:#fee2e2;color:#991b1b;border-radius:.5rem;border-left:4px solid var(--danger);font-size:.95rem}@media(prefers-color-scheme:dark){.error{background-color:#7f1d1d;color:#fecaca}}.success{padding:1rem;margin-bottom:1.5rem;background-color:#dcfce7;color:#15803d;border-radius:.5rem;border-left:4px solid var(--success);font-size:.95rem}@media(prefers-color-scheme:dark){.success{background-color:#064e3b;color:#86efac}}.text-center{text-align:center}.text-muted{color:var(--gray-500)}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.w-full{width:100%}.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.btn-action-row{display:flex;gap:.5rem;align-items:center}@media(max-width:600px){.btn-grid,.form-grid{grid-template-columns:1fr}.btn-action-row{flex-direction:column;align-items:stretch}button{white-space:normal;padding:.6rem .8rem}}.auth-divider{position:relative;margin:1.5rem 0}.auth-divider-line{border-bottom:1px solid #e5e7eb}@media(prefers-color-scheme:dark){.auth-divider-line{border-bottom-color:#374151}}.auth-divider-text{position:absolute;left:50%;top:-12px;transform:translate(-50%);background:#fff;padding:0 .5rem;color:#6b7280;font-size:.85rem;font-weight:500}@media(prefers-color-scheme:dark){.auth-divider-text{background:#1f2937;color:#9ca3af}}.auth-google-btn{width:100%;background:#fff;border:1px solid #d1d5db;color:#1f2937;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.auth-google-btn:hover{background-color:#f9fafb}@media(prefers-color-scheme:dark){.auth-google-btn{background:#374151;border-color:#4b5563;color:#f3f4f6}.auth-google-btn:hover{background-color:#4b5563}}.auth-subtitle{margin-bottom:1.5rem}.auth-footer{margin-top:1rem;text-align:center}.auth-link{font-weight:600;color:#3b82f6;text-decoration:none}.auth-link:hover{text-decoration:underline}.password-hint{margin-top:.25rem;display:block;font-size:.85rem;color:#6b7280}@media(prefers-color-scheme:dark){.password-hint{color:#9ca3af}}.portfolio-card{display:flex;flex-direction:column;gap:1rem;cursor:pointer;transition:all .2s ease;position:relative;height:100%}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}@media(prefers-color-scheme:dark){.portfolio-card:hover{box-shadow:0 12px 24px #0000004d}}.portfolio-header{margin-bottom:.5rem}.portfolio-title{margin:0 0 .25rem;color:#111827;font-size:1.25rem}@media(prefers-color-scheme:dark){.portfolio-title{color:#f3f4f6}}.portfolio-date{margin:0;font-size:.85rem;color:#6b7280}@media(prefers-color-scheme:dark){.portfolio-date{color:#9ca3af}}.portfolio-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}@media(prefers-color-scheme:dark){.portfolio-stats{background:#1f2937;border-color:#374151}}.stat-label{font-size:.8rem;color:#6b7280;margin-bottom:.25rem}.stat-value{font-size:1.2rem;font-weight:700}.stat-value.positive{color:#10b981}.stat-value.primary{color:#3b82f6}.portfolio-badges{margin-top:auto}.portfolio-actions{margin-top:1rem}.btn-icon-danger{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease;font-size:1.1rem;line-height:1}.btn-icon-danger:hover{background-color:#ef44441a}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:1rem}.tx-form-card{margin-top:2rem;border-left:4px solid #3b82f6}.tx-header{margin-top:0;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.tx-icon{font-size:1.3rem}.fee-container{display:flex;gap:.5rem;align-items:flex-start}@media(max-width:640px){.fee-container{flex-direction:column}}.fee-input-wrapper{flex:1;width:100%}.fee-calculation{flex:1;background:#f3f4f6;padding:.75rem;border-radius:.5rem;font-size:.9rem;margin-top:.25rem;width:100%}@media(prefers-color-scheme:dark){.fee-calculation{background:#374151}}.fee-label{color:#6b7280}@media(prefers-color-scheme:dark){.fee-label{color:#9ca3af}}.fee-amount{font-weight:600;color:#ef4444}.history-card{margin-top:2rem;border-left:4px solid #6b7280}.empty-history{text-align:center;padding:2rem;color:#6b7280}.empty-history p{margin:0}.history-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.tx-date{font-size:.85rem;color:#6b7280}.tx-type-cell{display:flex;align-items:center;gap:.5rem}.tx-type-label{font-weight:500}.tx-amount-positive{color:#10b981}.tx-amount-negative{color:#ef4444}.tx-notes{font-size:.85rem;color:#6b7280}.portfolio-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}@media(max-width:640px){.portfolio-header-actions{flex-direction:column;align-items:flex-start;gap:1rem}}.no-funds-alert{margin-top:.5rem;padding:.5rem;background:#7f1d1d;border-radius:.25rem;color:#fecaca;font-size:.8rem}.unrealized-gain-percent{font-weight:600;display:block}.profit-subtitle{margin-top:.5rem;display:block;font-size:.85rem;color:#6b7280}.holdings-section{margin-bottom:2rem}.holdings-header{margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.holdings-card{padding:0;overflow:hidden}.holdings-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.holdings-table th{background:#f3f4f6;white-space:nowrap}@media(prefers-color-scheme:dark){.holdings-table th{background:#1f2937;border-bottom-color:#374151}}.holding-row{cursor:pointer;transition:background-color .2s}.holding-details-row{background:#f9fafb}@media(prefers-color-scheme:dark){.holding-details-row{background:#111827}}.holding-details-content{padding:1rem;border-top:2px solid #e5e7eb}@media(prefers-color-scheme:dark){.holding-details-content{border-top-color:#374151}}.drilldown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}@media(max-width:640px){.drilldown-header{flex-direction:column;align-items:flex-start;gap:1rem}.drilldown-header button{width:100%}}.tx-history-title{margin:0;font-size:1rem;font-weight:600}.btn-delete-all{padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:background .2s}.btn-delete-all:hover{background:#b91c1c}.edit-tx-container{margin-bottom:1rem;padding:1rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem}@media(prefers-color-scheme:dark){.edit-tx-container{background:#1f2937;border-color:#374151}}.action-buttons{display:flex;gap:.5rem;justify-content:center}.btn-xs{padding:.375rem .75rem;border:none;border-radius:.25rem;cursor:pointer;font-size:.75rem;font-weight:600;transition:opacity .2s}.btn-xs:hover{opacity:.9}.btn-bg-blue{background:#3b82f6;color:#fff}.btn-bg-red{background:#ef4444;color:#fff}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000000d;position:relative;z-index:50}@media(prefers-color-scheme:dark){.navbar{background:#111827;border-bottom-color:#374151}}.nav-brand{margin:0;cursor:pointer;color:#3b82f6;font-weight:700;display:flex;align-items:center;gap:.5rem;font-size:1.5rem}.nav-actions{display:flex;align-items:center;gap:2rem}.user-info{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border-radius:.5rem;font-size:.9rem}@media(prefers-color-scheme:dark){.user-info{background:#374151}.user-info span{color:#e5e7eb!important}}.user-info span{color:#4b5563;font-weight:500}.nav-buttons{display:flex;gap:.75rem}.btn-nav-action{padding:.5rem 1rem;font-size:.9rem}.mobile-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#4b5563;padding:.25rem}@media(prefers-color-scheme:dark){.mobile-toggle{color:#e5e7eb}}@media(max-width:850px){.navbar{padding:1rem;flex-wrap:wrap}.nav-actions{display:none;width:100%;flex-direction:column;gap:1rem;padding-top:1rem;align-items:stretch}.nav-actions.open{display:flex}.mobile-toggle{display:block;margin-left:auto}.user-info{width:100%;justify-content:center}.nav-buttons{flex-direction:column;width:100%}.btn-nav-action{width:100%;justify-content:center}}#root{min-height:100vh;display:flex;flex-direction:column}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1;display:flex;flex-direction:column}.main-container{max-width:1280px;margin:0 auto;width:100%;padding:2rem;flex:1}@media(max-width:768px){.main-container{padding:1rem}}.form-container,.form-container-wide,.form-container-xl{width:100%;margin:2rem auto;padding:0}.form-container{max-width:500px}.form-container-wide{max-width:600px}.form-container-xl{max-width:800px}.form-card{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;padding:2rem;box-shadow:0 1px 3px #0000000d}@media(max-width:640px){.form-card{padding:1.25rem}}@media(prefers-color-scheme:dark){.form-card{background:#1f2937;border-color:#374151}}.form-card h2,.form-card h3{margin-bottom:1.5rem;color:inherit}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr;gap:1rem}}.flex{display:flex;gap:1rem;flex-wrap:wrap}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.flex-center{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.85rem;font-weight:500}.badge-primary{background-color:#3b82f61a;color:#3b82f6}.badge-success{background-color:#10b9811a;color:#10b981}.badge-danger{background-color:#ef44441a;color:#ef4444}.badge-warning{background-color:#f59e0b1a;color:#f59e0b}@media(prefers-color-scheme:dark){.badge-primary{background-color:#60a5fa33;color:#93c5fd}.badge-success{background-color:#34d39933;color:#6ee7b7}.badge-danger{background-color:#f8717133;color:#fca5a5}.badge-warning{background-color:#fb923c33;color:#fed7aa}}table{width:100%;border-collapse:collapse;font-size:.95rem}thead{background-color:#f3f4f6;border-bottom:2px solid #e5e7eb}@media(prefers-color-scheme:dark){thead{background-color:#374151;border-bottom-color:#4b5563}}th{padding:.75rem;text-align:left;font-weight:600;color:var(--gray-700)}@media(prefers-color-scheme:dark){th{color:#e5e7eb}}td{padding:.75rem;border-bottom:1px solid #e5e7eb}@media(prefers-color-scheme:dark){td{border-bottom-color:#374151}}tbody tr:hover{background-color:#f9fafb}@media(prefers-color-scheme:dark){tbody tr:hover{background-color:#1f2937}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.divider{height:1px;background-color:#e5e7eb;margin:1.5rem 0}@media(prefers-color-scheme:dark){.divider{background-color:#374151}}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden-mobile{display:block}.visible-mobile{display:none}@media(max-width:768px){.hidden-mobile{display:none!important}.visible-mobile{display:block!important}}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}.text-right{text-align:right}