:root{--text: #222;--text-secondary: #666;--border: #ccc;--link: #1a4d8f;--error: #c00;--gain: #2a7a2a;--loss: #c00}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:"Source Serif 4",Georgia,serif;line-height:1.6;color:var(--text);background:#fff;min-width:320px}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{font-family:"Source Serif 4",Georgia,serif;font-weight:700;margin:0 0 .5em}h1{font-size:1.5em}h2{font-size:1.25em}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;flex-direction:column;min-height:100vh}header{border-bottom:1px solid var(--border);padding:1em;text-align:center}header h1{margin:0}.offline-banner{background:#555;color:#fff;text-align:center;padding:.4em 1em;font-size:.85em}.offline-banner.stale{background:#8a6d00}.offline-banner .reauth-link{color:#fff;text-decoration:underline;font-weight:700}main{flex:1;width:100%;margin:0 auto;padding:1.5em 1em}footer{text-align:center;color:var(--text-secondary);font-size:.85em;padding:1em;border-top:1px solid var(--border);display:flex;justify-content:center;align-items:center;gap:1em}.logout-link{color:var(--text-secondary);text-decoration:none}.logout-link:hover{text-decoration:underline}@media (max-width: 600px){footer{padding-bottom:calc(1em + 50px)}}button{font-family:"Source Serif 4",Georgia,serif;font-size:.95em;padding:.5em 1em;border:1px solid #333;background:#fff;color:var(--text);cursor:pointer}button:hover{background:#f0f0f0}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:#333;color:#fff}button.primary:hover{background:#555}button.active{background:#333;color:#fff}.login-form{max-width:360px;margin:2em auto;border:1px solid var(--border);padding:1.5em}.login-form h2{margin-bottom:.75em}.login-form input[type=password]{font-family:"Source Serif 4",Georgia,serif;font-size:1em;width:100%;padding:.5em;border:1px solid var(--border);margin-bottom:1em}.login-form input[type=password]:focus{outline:2px solid var(--link);outline-offset:1px}.login-form button{width:100%}.error{color:var(--error);font-size:.9em;margin-bottom:.75em}.back-link{display:inline-block;margin-bottom:1em}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1em;flex-wrap:wrap;gap:.5em}.page-header h1{margin:0}.actions,.dropdown{display:flex;align-items:center;gap:.5em}.dropdown a{font-size:.95em;padding:.5em 1em;border:1px solid #333;color:var(--text);text-decoration:none}.dropdown a:hover{background:#f0f0f0;text-decoration:none}.subtitle{color:var(--text-secondary);font-size:.9em;margin-bottom:1em}.inline-form{margin-bottom:1.5em}table{width:100%;border-collapse:collapse}th,td{border:1px solid var(--border);padding:.5em .6em;text-align:left;font-size:.9em}th{font-weight:700;border-bottom-width:2px;border-bottom-color:#999}tbody tr:nth-child(2n){background:#fafafa}tbody tr:hover{background:#f3f3f3}.num{text-align:right}.gain{color:var(--gain)}.loss{color:var(--loss)}.stale{opacity:.55;font-style:italic}.totals-row td{border-top:2px solid #333;font-weight:700}.selected-row{background:#eef3ff}.selected-row:hover{background:#e0eaff}tr.clickable{cursor:pointer}.checkbox-col{width:2em;text-align:center}.empty{color:var(--text-secondary);margin-top:1em}@media (max-width: 1024px){.hide-lg{display:none}}@media (max-width: 768px){.hide-md{display:none}}.table-wrap{overflow-x:auto}.add-transaction-form{max-width:560px}.form-group{margin-bottom:1em}.form-group label{display:block;font-weight:700;font-variant:small-caps;margin-bottom:.25em}.form-row{display:flex;gap:1em}.form-row .form-group{flex:1}select,input[type=text],input[type=number],input[type=date]{font-family:"Source Serif 4",Georgia,serif;font-size:1em;padding:.5em;border:1px solid var(--border);width:100%}select:focus,input[type=text]:focus,input[type=number]:focus,input[type=date]:focus{outline:2px solid var(--link);outline-offset:1px}.form-actions{display:flex;gap:.75em;margin-top:1.5em}.readonly-field{padding:.5em;color:var(--text-secondary);border:1px solid var(--border);background:#f9f9f9}.radio-group{display:flex;gap:1em;align-items:center;padding-top:.25em}.radio-label{display:inline-flex!important;align-items:center;gap:.3em;font-weight:400!important;font-variant:normal!important}.checkbox-label{display:inline-flex!important;align-items:center;gap:.4em;font-weight:400!important;font-variant:normal!important}fieldset{border:1px solid var(--border);padding:1em;margin-bottom:1em}legend{font-weight:700;padding:0 .5em}.report-section{margin-bottom:2em}.issuer-row{display:flex;gap:.5em;margin-bottom:.5em;align-items:center}.issuer-row input[type=text]{flex:1;max-width:400px}.chart-container{max-width:600px}.calc-mode-toggle{display:flex;gap:.5em;margin-bottom:1em}.fetch-quote-row{display:flex;align-items:center;gap:.75em}.quote-result{font-size:.95em;color:var(--text-secondary)}.formula-section{margin-bottom:1em}.formula-section h3{font-size:1em;margin-bottom:.25em}.formula-section p{margin:.2em 0 .2em 1em;font-size:.9em;color:var(--text-secondary)}.import-section{text-align:center;margin:2em 0}