@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=DM+Sans:wght@400;500;600&display=swap";:root{--bg:#0d1117;--surface:#161b22;--surface-hover:#1c2430;--border:#30363d;--border-light:#21262d;--gain:#2e7d32;--gain-dim:#1b5e20;--gain-text:#66bb6a;--loss:#c62828;--loss-dim:#7b1818;--loss-text:#ef5350;--primary:#d4af37;--primary-hover:#c9a84c;--primary-dim:#a68621;--text:#e0e0e0;--text-secondary:#8b949e;--text-muted:#586069;--warning:#ff8f00;--warning-dim:#e65100;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--transition:.2s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg);color:var(--text);min-height:100dvh;font-family:Inter,system-ui,sans-serif;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:var(--primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--primary-hover)}button{cursor:pointer;transition:all var(--transition);background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:Inter,sans-serif;font-size:1rem}.app-container{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.page{padding:var(--space-4);flex:1;padding-bottom:80px}.page-full{padding:var(--space-4);flex:1}.topbar{padding:var(--space-4);background:var(--bg);border-bottom:1px solid var(--border-light);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1117e6;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-title{color:var(--text);font-size:1rem;font-weight:600}.topbar-brand{color:var(--text);letter-spacing:-.01em;font-size:.9rem;font-weight:700}.topbar-actions{gap:var(--space-2);align-items:center;display:flex}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:200;width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{padding:var(--space-3) var(--space-2);color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;transition:color var(--transition);flex-direction:column;flex:1;align-items:center;gap:4px;font-size:.65rem;font-weight:500;display:flex}.nav-item:hover{color:var(--text-secondary)}.nav-item.active{color:var(--primary)}.nav-icon{font-size:1.25rem;line-height:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--transition)}.card:hover{border-color:var(--border-light)}.card-sm{padding:var(--space-3);border-radius:var(--radius-md)}.card-accent-green{border-left:3px solid var(--gain)}.card-accent-red{border-left:3px solid var(--loss)}.card-accent-blue{border-left:3px solid var(--primary)}.card-accent-orange{border-left:3px solid var(--warning)}.stats-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1);font-size:.7rem;font-weight:500}.stat-value{color:var(--text);font-size:1.4rem;font-weight:700;line-height:1.2}.stat-value.gain{color:var(--gain-text)}.stat-value.loss{color:var(--loss-text)}.stat-sub{color:var(--text-secondary);margin-top:2px;font-size:.75rem}.account-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);cursor:pointer;transition:all var(--transition)}.account-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.account-card-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.account-name{color:var(--text);font-size:1rem;font-weight:600}.trend-indicator{font-size:1.1rem;font-weight:700}.trend-up{color:var(--gain-text)}.trend-down{color:var(--loss-text)}.account-card-metrics{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.metric-item{flex-direction:column;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.65rem}.metric-value{color:var(--text);font-size:.9rem;font-weight:600}.metric-value.gain{color:var(--gain-text)}.metric-value.loss{color:var(--loss-text)}.account-card-actions{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light);display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:10px var(--space-4);border-radius:var(--radius-md);transition:all var(--transition);white-space:nowrap;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#0d1117}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{background:var(--primary-dim)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-danger{color:var(--loss-text);border:1px solid var(--loss-dim);background:0 0}.btn-danger:hover{background:var(--loss-dim)}.btn-sm{padding:6px var(--space-3);font-size:.8rem}.btn-full{width:100%}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0;font-size:1.1rem}.form-group{margin-bottom:var(--space-4)}.form-label{color:var(--text-secondary);margin-bottom:var(--space-2);letter-spacing:.02em;font-size:.8rem;font-weight:500;display:block}.form-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text);padding:10px var(--space-3);transition:border-color var(--transition), box-shadow var(--transition);outline:none;font-size:.95rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #d4af3733}.form-input::placeholder{color:var(--text-muted)}.input-with-prefix{align-items:center;display:flex;position:relative}.input-prefix{color:var(--text-secondary);pointer-events:none;font-size:.9rem;position:absolute;left:12px}.input-with-prefix .form-input{padding-left:28px}.input-suffix{color:var(--text-secondary);pointer-events:none;font-size:.9rem;position:absolute;right:12px}.input-with-suffix .form-input{padding-right:28px}.form-help{color:var(--text-muted);margin-top:4px;font-size:.75rem}textarea.form-input{resize:vertical;min-height:80px}.consciousness-banner{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:var(--space-4);background:#161b22f2;animation:.3s slideDown;display:flex;position:relative}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.banner-icon{flex-shrink:0;margin-top:2px;font-size:1.2rem}.banner-text{color:var(--text);flex:1;font-size:.875rem;font-style:italic;line-height:1.5}.banner-dismiss{color:var(--text-muted);border-radius:4px;flex-shrink:0;padding:2px;font-size:1rem}.banner-dismiss:hover{color:var(--text);background:var(--border)}.chip{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.chip-green{color:var(--gain-text);background:#2e7d3226;border:1px solid #2e7d324d}.chip-red{color:var(--loss-text);background:#c6282826;border:1px solid #c628284d}.chip-blue{color:#d4af37;background:#d4af3726;border:1px solid #d4af374d}.chip-neutral{color:var(--text-secondary);border:1px solid var(--border);background:#8b949e1a}.chips-row{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.day-table-wrapper{border-radius:var(--radius-md);border:1px solid var(--border);overflow-x:auto}.day-table{border-collapse:collapse;width:100%;min-width:600px;font-size:.8rem}.day-table th{background:var(--surface);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);white-space:nowrap;font-size:.65rem;font-weight:600;position:sticky;top:0}.day-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-light);color:var(--text);white-space:nowrap}.day-table tr:last-child td{border-bottom:none}.day-table tr.today td{background:#d4af3714}.day-table tr.empty td{color:var(--text-muted);font-style:italic}.day-table tr:not(.empty):hover td{background:var(--surface-hover)}.cell-gain{color:var(--gain-text);font-weight:600}.cell-loss{color:var(--loss-text);font-weight:600}.cell-neutral{color:var(--text-secondary)}.curve-status{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);letter-spacing:.04em;margin-bottom:var(--space-4);font-size:.85rem;font-weight:700;display:flex}.curve-status.above{color:var(--gain-text);background:#2e7d3226;border:1px solid #2e7d324d}.curve-status.below{color:var(--loss-text);background:#c628281f;border:1px solid #c628284d}.progress-bar-wrapper{background:var(--border);height:6px;margin:var(--space-2) 0;border-radius:99px;overflow:hidden}.progress-bar-fill{background:var(--gain);border-radius:99px;height:100%;transition:width .5s}.login-page{min-height:100dvh;padding:var(--space-6);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;display:flex}.login-logo{margin-bottom:var(--space-6);text-align:center}.login-logo-icon{margin-bottom:var(--space-3);font-size:3rem;display:block}.login-app-name{color:var(--text);letter-spacing:-.02em;margin-bottom:4px;font-size:1.4rem;font-weight:800}.login-tagline{color:var(--text-secondary);font-size:.85rem}.login-form{width:100%;max-width:380px}.divider{align-items:center;gap:var(--space-3);margin:var(--space-4) 0;color:var(--text-muted);font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.modal-overlay{z-index:500;background:#000000b3;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-6);width:100%;max-height:90dvh;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:1.1rem;font-weight:700}.calc-preview{background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.calc-preview-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3);font-size:.75rem;font-weight:600}.calc-row{padding:var(--space-1) 0;justify-content:space-between;align-items:baseline;display:flex}.calc-row-label{color:var(--text-secondary);font-size:.8rem}.calc-row-value{color:var(--text);font-size:1rem;font-weight:700}.calc-formula{color:var(--text-muted);margin-top:2px;font-family:DM Sans,monospace;font-size:.65rem}.global-summary{background:linear-gradient(135deg, var(--surface) 0%, #d4af370d 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.global-summary-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:var(--space-3);font-size:.7rem}.global-summary-metrics{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.section-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:600}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.chart-title{color:var(--text-secondary);margin-bottom:var(--space-3);font-size:.8rem;font-weight:600}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{justify-content:center;align-items:center;min-height:200px;display:flex}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-secondary)}.empty-state-icon{margin-bottom:var(--space-4);font-size:3rem;display:block}.empty-state-title{color:var(--text);margin-bottom:var(--space-2);font-size:1rem;font-weight:600}.empty-state-text{color:var(--text-secondary);margin-bottom:var(--space-4);font-size:.875rem}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:.85rem}.alert-error{color:var(--loss-text);background:#c628281f;border:1px solid #c628284d}.period-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);opacity:1}.period-card.closed{opacity:.75}.period-date{color:var(--text-muted);margin-bottom:var(--space-2);font-size:.75rem}.period-stats{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}@media (width>=768px){.app-container{box-shadow:var(--shadow-lg);border-left:1px solid var(--border);border-right:1px solid var(--border)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.8rem}.text-xs{font-size:.7rem}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sep{background:var(--border-light);height:1px;margin:var(--space-4) 0}