*{box-sizing:border-box}html{background:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app{width:min(100% - 32px,900px);margin:0 auto;padding:64px 0}.header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:40px;display:flex}.header-actions{flex-shrink:0;align-items:flex-end;gap:12px;display:flex}.currency-selector{color:#64748b;flex-direction:column;gap:6px;font-size:.75rem;font-weight:700;display:flex}.currency-selector select{color:#0f172a;min-width:96px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px}.brand{letter-spacing:.16rem;color:#64748b;margin:0 0 12px;font-size:.75rem;font-weight:700}h1{color:#0f172a;margin:0;font-size:clamp(2.5rem,7vw,4.5rem);line-height:1}.subtitle{color:#475569;max-width:550px;margin-top:20px;font-size:1.1rem;line-height:1.6}.install-button{color:#0f172a;background:#fff;border:1px solid #0f172a;flex-shrink:0}.install-button:hover{color:#fff;background:#0f172a}.summary-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;min-height:150px;padding:26px;display:flex;box-shadow:0 8px 30px #0f172a0f}.summary-card p{color:#64748b;margin:0 0 10px;font-size:.88rem;font-weight:600}.summary-card strong{color:#0f172a;font-size:2rem}.summary-card span{color:#64748b;margin-top:8px}.primary-summary{background:#0f172a;border-color:#0f172a}.primary-summary p,.primary-summary span{color:#cbd5e1}.primary-summary strong{color:#fff}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:32px;overflow:hidden;box-shadow:0 8px 30px #0f172a0f}.card h2{color:#0f172a;margin-top:0}.section-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.section-heading h2{margin-bottom:0}.section-eyebrow{letter-spacing:.14rem;color:#64748b;margin:0 0 7px;font-size:.7rem;font-weight:800}.form-note{color:#64748b;margin-top:-8px;margin-bottom:24px}.section-heading .form-note{margin-bottom:0}.stock-form input:focus,.stock-form select:focus,.currency-selector select:focus{border-color:#0f172a;outline:2px solid #0f172a1f}button{color:#fff;font:inherit;cursor:pointer;background:#0f172a;border:0;border-radius:8px;padding:12px 18px;font-weight:600}button:hover{background:#1e293b}button:disabled{cursor:not-allowed;opacity:.55}.company-result{color:#166534;margin:0;font-weight:600}.lookup-error{color:#b91c1c;margin:0}.forecast-chart{grid-template-columns:repeat(12,minmax(46px,1fr));gap:12px;min-width:680px;height:280px;padding-top:20px;display:grid}.forecast-column{text-align:center;grid-template-rows:28px 1fr 24px;gap:8px;min-width:0;display:grid}.forecast-value{text-overflow:ellipsis;white-space:nowrap;color:#475569;font-size:.72rem;font-weight:600;overflow:hidden}.forecast-bar-area{border-bottom:1px solid #cbd5e1;justify-content:center;align-items:flex-end;min-height:0;display:flex}.forecast-bar{background:#0f172a;border-radius:7px 7px 0 0;width:min(100%,42px);transition:height .18s}.forecast-column>span{color:#64748b;font-size:.78rem}.card:has(.forecast-chart){overflow-x:auto}.backup-actions{flex-wrap:wrap;gap:12px;display:flex}.import-button{color:#334155;cursor:pointer;background:#e2e8f0;border-radius:8px;justify-content:center;align-items:center;padding:12px 18px;font-weight:600;display:inline-flex}.import-button:hover{background:#cbd5e1}.import-button input{display:none}.backup-success{color:#166534;margin:18px 0 0}.backup-error{color:#b91c1c;margin:18px 0 0}@media (width<=700px){.app{padding:40px 0}.header{flex-direction:column}.header-actions{align-items:stretch;width:100%}.currency-selector{flex:1}.currency-selector select,.install-button{width:100%}.summary-grid{grid-template-columns:1fr}.summary-card{min-height:130px}.card{padding:24px}.section-heading{flex-direction:column}.stock-form{grid-template-columns:1fr}.calendar-payment{grid-template-columns:80px 1fr;gap:10px}.calendar-payment span{grid-column:2}.stock-row{grid-template-columns:1fr auto}.stock-actions{grid-column:1/-1;justify-self:start}.backup-actions{flex-direction:column}.backup-actions button,.import-button{width:100%}}.watchlist-symbol{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;overflow:hidden}.watchlist-symbol img{object-fit:contain;width:100%;height:100%;padding:5px}.watchlist-symbol span{color:#475569;justify-content:center;align-items:center;width:100%;height:100%;font-size:.72rem;font-weight:800;display:flex}.goal-card{position:relative}.goal-card-reached{background:linear-gradient(135deg,#f0fdf4bf,#fff 55%);border-color:#bbf7d0}.goal-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.goal-heading h2{margin-bottom:0}.goal-edit-button{color:#475569;background:#fff;border:1px solid #cbd5e1;flex-shrink:0;padding:9px 13px}.goal-edit-button:hover{color:#0f172a;background:#f8fafc;border-color:#0f172a}.goal-values{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:26px;display:grid}.goal-values>div{flex-direction:column;gap:7px;display:flex}.goal-values span{color:#64748b;font-size:.85rem}.goal-values strong{color:#0f172a;font-size:clamp(1.5rem,5vw,2.1rem)}.goal-progress-track{background:#e2e8f0;border-radius:999px;height:15px;overflow:hidden}.goal-progress-bar{border-radius:inherit;background:#0f172a;min-width:0;height:100%;transition:width .25s}.goal-card-reached .goal-progress-bar{background:#15803d}.goal-progress-details{justify-content:space-between;align-items:center;gap:18px;margin-top:12px;display:flex}.goal-progress-details strong{color:#0f172a}.goal-progress-details span{text-align:right;color:#64748b}.goal-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;flex-direction:column;gap:4px;margin-top:22px;padding:16px 18px;display:flex}.goal-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;display:grid}.goal-form label{color:#334155;flex-direction:column;gap:8px;font-size:.9rem;font-weight:600;display:flex}.goal-form input{color:#0f172a;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:12px}.goal-form input:focus{border-color:#0f172a;outline:2px solid #0f172a1f}.goal-form-actions{gap:10px;display:flex}.goal-cancel-button{color:#334155;background:#e2e8f0}.goal-cancel-button:hover{background:#cbd5e1}@media (width<=700px){.goal-heading{flex-direction:column}.goal-edit-button{width:100%}.goal-values{grid-template-columns:1fr}.goal-progress-details{flex-direction:column;align-items:flex-start}.goal-progress-details span{text-align:left}.goal-form{grid-template-columns:1fr}.goal-form-actions{flex-direction:column}.goal-form-actions button{width:100%}}.calendar-list{gap:14px;display:grid}.calendar-month{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.calendar-month-header{background:#f8fafc;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;display:flex}.calendar-month-header h3{color:#0f172a;margin:0;font-size:1rem}.calendar-month-header span{color:#64748b;margin-top:4px;font-size:.8rem;display:block}.calendar-month-header>strong{color:#0f172a}.calendar-payments{flex-direction:column;display:flex}.calendar-payment{border-top:1px solid #e2e8f0;grid-template-columns:100px 1fr auto;align-items:center;gap:18px;padding:14px 20px;display:grid}.calendar-payment time{color:#64748b}.calendar-payment strong{color:#0f172a}.calendar-payment span{color:#0f172a;font-weight:700}.calendar-empty{color:#94a3b8;border-top:1px solid #e2e8f0;margin:0;padding:15px 20px}@media (width<=700px){.calendar-payment{grid-template-columns:80px 1fr;gap:10px}.calendar-payment span{grid-column:2}}.calendar-company{flex-direction:column;gap:2px;min-width:0;display:flex}.calendar-company strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-company small{color:#94a3b8}.calendar-company-wrap{align-items:center;gap:10px;min-width:0;display:flex}.calendar-company-logo{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.7rem;font-weight:800;display:flex;overflow:hidden}.calendar-company-logo img{object-fit:contain;width:100%;height:100%;padding:5px}.empty-message{color:#64748b;margin-bottom:0}.stock-list{flex-direction:column;display:flex}.stock-row{border-bottom:1px solid #e2e8f0;grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding:20px 0;display:grid}.stock-row:last-child{border-bottom:0}.stock-row p{color:#64748b;margin:6px 0 0}.stock-income{text-align:right;flex-direction:column;display:flex}.stock-income span{color:#64748b;margin-top:4px;font-size:.85rem}.stock-actions{gap:6px;display:flex}.edit-button,.remove-button{color:#64748b;background:0 0;padding:8px 12px}.edit-button:hover{color:#0f172a;background:#f1f5f9}.remove-button:hover{color:#b91c1c;background:#fef2f2}@media (width<=700px){.stock-row{grid-template-columns:1fr auto}.stock-actions{grid-column:1/-1;justify-self:start}}.portfolio-ticker{letter-spacing:.04rem;font-size:.82rem;font-weight:700;color:#94a3b8!important}.portfolio-company-block{align-items:flex-start;gap:14px;min-width:0;display:flex}.portfolio-company-details{min-width:0}.portfolio-logo{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:.75rem;font-weight:800;display:flex;overflow:hidden}.portfolio-logo img{object-fit:contain;width:100%;height:100%;padding:6px}.stock-form-card{padding:0}.stock-form-toggle{color:#0f172a;text-align:left;background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:22px 26px;display:flex}.stock-form-toggle:hover{background:#f8fafc}.stock-form-toggle:disabled{cursor:default;opacity:1}.stock-form-toggle-open{border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0}.stock-form-toggle-main{align-items:center;gap:12px;font-size:1.08rem;font-weight:700;display:inline-flex}.stock-form-toggle-icon{color:#fff;background:#0f172a;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.2rem;line-height:1;display:inline-flex}.stock-form-content{padding:26px}.form-note{color:#64748b;margin:0 0 24px}.stock-counter{color:#475569;background:#f1f5f9;border-radius:999px;flex-shrink:0;padding:8px 12px;font-size:.78rem;font-weight:700}.limit-message{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;flex-direction:column;gap:4px;margin-bottom:22px;padding:16px 18px;display:flex}.limit-message span{font-size:.9rem}.stock-form{grid-template-columns:repeat(3,1fr);align-items:end;gap:16px;display:grid}.stock-form label{color:#334155;flex-direction:column;gap:8px;font-size:.9rem;font-weight:600;display:flex}.stock-form input,.stock-form select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:12px}.stock-form input:focus,.stock-form select:focus{border-color:#0f172a;outline:2px solid #0f172a1f}.company-result,.lookup-error{grid-column:1/-1;margin:0}.company-result{color:#166534;font-weight:600}.lookup-error{color:#b91c1c}.form-actions{grid-column:1/-1;gap:12px;display:flex}.cancel-button{color:#334155;background:#e2e8f0}.cancel-button:hover{background:#cbd5e1}@media (width<=700px){.stock-form-toggle{flex-direction:column;align-items:flex-start}.stock-form-content{padding:22px}.stock-form{grid-template-columns:1fr}}.upcoming-payments-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.upcoming-payments-heading h2{margin-bottom:0}.upcoming-payments-count{color:#475569;background:#f1f5f9;border-radius:999px;flex-shrink:0;padding:8px 12px;font-size:.78rem;font-weight:700}.upcoming-payments-list{flex-direction:column;display:flex}.upcoming-payment{border-bottom:1px solid #e2e8f0;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px 0;display:grid}.upcoming-payment:last-child{border-bottom:0}.payment-timing{align-items:center;gap:9px;font-size:.82rem;display:inline-flex}.payment-timing-dot{background:currentColor;border-radius:999px;flex-shrink:0;width:10px;height:10px}.payment-timing-now{color:#15803d}.payment-timing-soon{color:#a16207}.payment-timing-later{color:#64748b}.payment-company{flex-direction:column;gap:4px;min-width:0;display:flex}.payment-company strong{color:#0f172a}.payment-company span{color:#64748b}.payment-amount{text-align:right;flex-direction:column;gap:4px;display:flex}.payment-amount strong{color:#0f172a}.payment-amount span{color:#64748b;font-size:.8rem}.upcoming-payments-empty{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;gap:5px;padding:22px;display:flex}.upcoming-payments-empty strong{color:#0f172a}.upcoming-payments-empty span{color:#64748b}@media (width<=700px){.upcoming-payments-heading{flex-direction:column}.upcoming-payment{grid-template-columns:1fr auto}.payment-timing{grid-column:1/-1}}.payment-company-wrap{align-items:center;gap:12px;min-width:0;display:flex}.payment-company-logo{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.72rem;font-weight:800;display:flex;overflow:hidden}.payment-company-logo img{object-fit:contain;width:100%;height:100%;padding:5px}.ex-dividend-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.ex-dividend-heading h2{margin-bottom:8px}.ex-dividend-heading p:last-child{color:#64748b;max-width:580px;margin:0;line-height:1.6}.ex-dividend-count{color:#475569;background:#f1f5f9;border-radius:999px;flex-shrink:0;padding:8px 12px;font-size:.78rem;font-weight:700}.ex-dividend-list{flex-direction:column;display:flex}.ex-dividend-item{border-bottom:1px solid #e2e8f0;grid-template-columns:minmax(120px,1fr) minmax(125px,auto) minmax(125px,auto) auto;align-items:center;gap:20px;padding:18px 0;display:grid}.ex-dividend-item:last-child{border-bottom:0}.ex-dividend-company,.ex-dividend-date{flex-direction:column;gap:4px;display:flex}.ex-dividend-company strong,.ex-dividend-date strong{color:#0f172a}.ex-dividend-company span,.ex-dividend-date span{color:#64748b;font-size:.82rem}.ex-dividend-status{white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:.75rem;font-weight:800}.ex-status-upcoming{color:#1d4ed8;background:#eff6ff}.ex-status-soon{color:#a16207;background:#fffbeb}.ex-status-today{color:#15803d;background:#f0fdf4}.ex-status-passed{color:#64748b;background:#f1f5f9}.ex-dividend-empty{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;gap:5px;padding:22px;display:flex}.ex-dividend-empty strong{color:#0f172a}.ex-dividend-empty span{color:#64748b}.ex-dividend-note{color:#94a3b8;border-top:1px solid #e2e8f0;margin:22px 0 0;padding-top:18px;font-size:.82rem;line-height:1.6}@media (width<=700px){.ex-dividend-heading{flex-direction:column}.ex-dividend-item{grid-template-columns:1fr 1fr}.ex-dividend-company,.ex-dividend-status{grid-column:1/-1}.ex-dividend-status{justify-self:start}}.ex-dividend-ticker{letter-spacing:.04rem;font-weight:700;color:#94a3b8!important}.ex-dividend-company-wrap{align-items:center;gap:12px;min-width:0;display:flex}.ex-dividend-company-logo{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.72rem;font-weight:800;display:flex;overflow:hidden}.ex-dividend-company-logo img{object-fit:contain;width:100%;height:100%;padding:5px}.premium-card{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#172554 100%);border-color:#cbd5e1}.premium-card h2{color:#fff;margin-bottom:10px}.premium-card .section-eyebrow{color:#93c5fd}.premium-card-content{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.premium-card-description{color:#cbd5e1;max-width:590px;margin:0;line-height:1.6}.premium-card-badge{letter-spacing:.08rem;color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;flex-shrink:0;padding:8px 12px;font-size:.7rem;font-weight:800}.premium-benefits{grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0;display:grid}.premium-benefits>div{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;gap:11px;padding:16px;display:flex}.premium-benefits p{flex-direction:column;gap:4px;margin:0;display:flex}.premium-benefits strong{color:#fff}.premium-benefits p span{color:#cbd5e1;font-size:.83rem}.premium-check{color:#1d4ed8;background:#dbeafe;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-weight:800;display:flex}.premium-card-footer{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;display:flex}.premium-card-footer>div{flex-direction:column;gap:4px;display:flex}.premium-card-footer strong{color:#fff}.premium-card-footer span{color:#cbd5e1;font-size:.85rem}.premium-card-footer button{color:#0f172a;background:#fff}.premium-card-footer button:disabled{cursor:default;opacity:.9}@media (width<=700px){.premium-card-content,.premium-card-footer{flex-direction:column;align-items:flex-start}.premium-benefits{grid-template-columns:1fr}.premium-card-footer button{width:100%}}