@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#18201d;background:#f3f5f2;font-synthesis:none;--ink:#18201d;--muted:#728078;--line:#dfe5e0;--dark:#111a17;--green:#218b6d;--green-2:#62c7a5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--dark);color:#fff;padding:30px 18px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#58c49f,#227d64);display:grid;place-items:center;font:700 21px Manrope;color:#fff}.brand div{display:flex;flex-direction:column;line-height:1.05}.brand strong{font:700 17px Manrope}.brand small{color:#9cb1a8;margin-top:4px}.sidebar nav{display:flex;flex-direction:column;gap:6px;margin-top:48px}.nav-item{border:0;background:transparent;color:#aab9b2;border-radius:11px;padding:12px 13px;display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer;font-weight:600}.nav-item span{font-size:18px;width:22px;text-align:center}.nav-item:hover,.nav-item.active{color:#fff;background:#23312c}.nav-item.active{box-shadow:inset 3px 0 #64c7a5}.sidebar-note{margin-top:auto;border-top:1px solid #2b3934;padding:18px 10px 0;display:flex;flex-direction:column}.sidebar-note span{font-size:13px;font-weight:600}.sidebar-note small{color:#7f9289;margin-top:4px}main{padding:36px 42px 60px;max-width:1540px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;color:#7b8981;margin:0 0 7px}.topbar h1{font:700 30px Manrope;margin:0;letter-spacing:-.04em}.period-actions,.action-row{display:flex;gap:10px;align-items:center}select,input,textarea{border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--ink);outline:none}select{padding:10px 35px 10px 12px}.button{border:0;border-radius:9px;padding:11px 16px;font-weight:700;cursor:pointer;transition:.18s}.button:disabled{opacity:.55;cursor:wait}.button.primary{background:#207d63;color:#fff;box-shadow:0 5px 16px #1d765d28}.button.primary:hover{background:#176b53}.button.secondary{background:#fff;color:#28342f;border:1px solid var(--line)}.button.full{width:100%;margin-top:14px}.alert,.inline-message{background:#fff4df;color:#805417;border:1px solid #f1d6a3;border-radius:10px;padding:12px 14px;margin-bottom:18px}.alert{display:flex;justify-content:space-between;cursor:pointer}.hero-card,.detail-hero{background:linear-gradient(115deg,#17231f,#223b32);border-radius:18px;color:#fff;padding:26px 30px;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 14px 32px #21342d1f}.hero-card .eyebrow,.detail-hero .eyebrow{color:#98b5aa}.hero-card h2,.detail-hero h2{font:700 38px Manrope;letter-spacing:-.05em;margin:0 0 7px}.hero-card p:last-child,.detail-hero p:last-child{margin:0;font-size:13px}.status-pill{background:#ffffff10;border:1px solid #ffffff1c;padding:8px 12px;border-radius:100px;font-size:12px;display:flex;align-items:center;gap:8px}.status-pill i{width:7px;height:7px;border-radius:50%;background:#e9b958}.status-pill i.closed{background:#55c49b}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;position:relative;overflow:hidden}.metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#91a299}.metric.mint:before{background:#65bfa0}.metric.blue:before{background:#6a93d3}.metric.gold:before{background:#d8a94b}.metric.violet:before{background:#8b79cb}.metric.coral:before{background:#d98369}.metric.green:before{background:#3a9b67}.metric>span{display:block;font-size:12px;color:#6d7c74;font-weight:600;margin-bottom:10px}.metric strong{font:700 23px Manrope}.metric small{display:block;color:#9aa49f;font-size:11px;margin-top:6px}.money-input{display:flex;align-items:center;gap:6px}.money-input input{border:0;background:#f5f7f5;width:100%;font:700 22px Manrope;padding:4px 8px}.money-input b{font-size:17px}.two-column{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.panel-heading h3,.form-panel h3,.pension-summary h3,.compact-history h3{font:700 18px Manrope;margin:0}.panel-heading>span{font-size:11px;color:#8a978f}.panel textarea{width:100%;min-height:142px;padding:12px;resize:vertical;line-height:1.5}.line-chart{height:180px;position:relative}.line-chart svg{width:100%;height:150px;overflow:visible}.chart-labels{display:flex;justify-content:space-between;color:#8c9791;font-size:11px}.chart-empty{height:160px;display:grid;place-items:center;color:#929d97}.detail-hero{align-items:center;margin-bottom:18px}.detail-hero h2{font-size:34px}.table-panel{padding:0;overflow:hidden}.table-panel .panel-heading{padding:22px 22px 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#829088;background:#f7f9f7;padding:11px 14px;text-align:left}td{border-top:1px solid #edf0ed;padding:12px 14px;font-size:13px;vertical-align:middle}td small{display:block;color:#98a39d;margin-top:3px}.number{text-align:right}.number-field{width:92px;padding:7px 8px;text-align:right}.identifier{display:flex}.identifier input{width:180px;padding:7px 8px;border-radius:8px 0 0 8px}.identifier button{border:1px solid var(--line);border-left:0;background:#f1f5f2;border-radius:0 8px 8px 0;cursor:pointer}.quote{display:inline-flex;background:#f0f2f1;color:#74817a;padding:5px 8px;border-radius:100px;font-size:10px;font-weight:700}.quote.live{background:#dff5ec;color:#187257}.quote.saved{background:#eaf0fa;color:#4d6f9f}.quote.error{background:#fff0e8;color:#a45a37}.table-total{display:flex;justify-content:flex-end;gap:30px;padding:16px 22px;background:#f8faf8;border-top:1px solid var(--line)}.table-total strong{font:700 19px Manrope}.compact-history{margin-top:18px;display:flex;justify-content:space-between;align-items:center}.compact-history p:last-child{font-size:12px;color:#859189;margin-bottom:0}.history-icon{font-size:42px;color:#55aa8c}.pension-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.form-panel label{display:block;font-size:12px;font-weight:600;color:#637068;margin-top:16px}.suffix-input{display:flex;align-items:center;margin-top:6px}.suffix-input input{width:100%;padding:10px 36px 10px 10px}.suffix-input span{margin-left:-27px;color:#6e7973}.pension-summary dl{margin-top:22px}.pension-summary dl div{display:flex;justify-content:space-between;border-top:1px solid #edf0ed;padding:15px 0}.pension-summary dt{color:#68756e}.pension-summary dd{margin:0;font-weight:700}.positive{color:#51c59a!important}.negative{color:#e07467!important}.center-screen{min-height:100vh;display:grid;place-content:center;text-align:center;color:#708078}.loader{width:35px;height:35px;border:3px solid #d9e1dc;border-top-color:#258669;border-radius:50%;animation:spin .8s linear infinite;margin:auto}.login-page{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;background:#f4f6f3}.login-copy{background:linear-gradient(140deg,#101a17,#1e3a30);color:#fff;padding:65px;display:flex;flex-direction:column;justify-content:center}.brand.light{position:absolute;top:42px;padding:0}.login-copy h1{font:700 48px Manrope;letter-spacing:-.055em;line-height:1.08;margin:0 0 20px}.login-copy>p{max-width:480px;color:#aabdb5;line-height:1.65}.login-card{width:min(390px,80%);margin:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 18px 50px #24352e12}.login-card h2{font:700 25px Manrope;margin:0 0 28px}.login-card label{font-size:12px;font-weight:600;color:#65736c}.login-card input{display:block;width:100%;padding:12px;margin:7px 0 16px}.login-card .button{width:100%;margin-top:5px}.field-error{color:#b55146;font-size:12px}.empty{background:#fff;border:1px dashed #cfd8d2;border-radius:16px;padding:70px 30px;text-align:center}.empty>span{font-size:35px;color:#3d9b7d}.empty h2{font:700 22px Manrope;margin:10px 0 5px}.empty p{color:#78877f;margin:0 0 20px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.app-shell{grid-template-columns:82px 1fr}.sidebar{padding:28px 11px}.brand div,.nav-item:not(.active){font-size:0}.brand{padding:0}.brand-mark{margin:auto}.nav-item{justify-content:center}.nav-item span{font-size:20px}.nav-item.active{font-size:0}.sidebar-note{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;z-index:20;inset:auto 0 0;height:68px;padding:8px 10px;flex-direction:row}.sidebar .brand,.sidebar-note{display:none}.sidebar nav{margin:0;width:100%;flex-direction:row;justify-content:space-around}.nav-item,.nav-item.active,.nav-item:not(.active){font-size:0;padding:10px 16px}.nav-item.active{box-shadow:inset 0 -3px #64c7a5}.sidebar nav .nav-item span{font-size:22px}.app-shell main{padding:24px 16px 95px}.topbar{display:block}.period-actions{margin-top:17px;flex-wrap:wrap}.metric-grid,.two-column,.pension-grid{grid-template-columns:1fr}.hero-card,.detail-hero{padding:22px;display:block}.status-pill,.detail-hero .action-row{margin-top:18px;width:max-content}.login-page{grid-template-columns:1fr}.login-copy{display:none}.login-card{width:min(390px,90%)}}main{width:auto;min-width:0}.table-panel{min-width:0}.sidebar nav{margin-top:34px}.overview-panel .table-scroll,.variation-panel .table-scroll{max-height:calc(100vh - 210px)}.history-table,.variation-table,.stocks-summary table{min-width:1120px}.history-table thead th,.variation-table thead th,.ledger-panel thead th{position:sticky;top:0;z-index:2}.history-table th:first-child,.history-table td:first-child,.variation-table th:first-child,.variation-table td:first-child{position:sticky;left:0;z-index:1;background:#fff;box-shadow:1px 0 #edf0ed}.history-table thead th:first-child,.variation-table thead th:first-child{z-index:3;background:#f7f9f7}.history-panel{margin-top:18px}.chart-legend{color:#7f8b85}.chart-zoom{display:flex;align-items:center;gap:14px;margin:-5px 0 14px}.chart-zoom label{display:flex;flex:1;align-items:center;gap:12px;color:#69766f;font-size:11px;font-weight:700}.chart-zoom input{flex:1;accent-color:#218b6d}.button.compact{padding:7px 11px;font-size:11px}.chart-canvas{position:relative;height:150px}.chart-canvas svg{position:absolute;inset:0;height:100%}.chart-grid-line{stroke:#e8edea;stroke-width:1}.chart-y-axis{position:absolute;inset:0 auto 0 0;width:9%;pointer-events:none}.chart-y-axis span{position:absolute;left:0;width:100%;color:#7e8a84;font-size:9px;line-height:1;text-align:right;transform:translateY(-50%)}.chart-labels-with-axis{padding-left:10%}.chart-point{position:absolute;width:10px;height:10px;padding:0;border:2px solid #218b6d;border-radius:50%;background:#fff;transform:translate(-50%,-50%);cursor:crosshair}.chart-point.active{width:14px;height:14px;background:#dff5ec}.chart-tooltip{position:absolute;z-index:3;top:2px;display:flex;flex-direction:column;min-width:118px;padding:8px 10px;border:1px solid #dbe4df;border-radius:9px;background:#fff;box-shadow:0 7px 20px #1b30271f;transform:translate(-50%);pointer-events:none;font-size:11px}.chart-tooltip span{color:#218b6d;font-weight:700}.chart-tooltip small{margin-top:3px;color:#7c8882}.zero-line{stroke:#9da8a2;stroke-width:1.2;stroke-dasharray:3 3}.chart-mode{display:inline-flex;padding:3px;border:1px solid #dfe5e0;border-radius:9px;background:#f5f7f5}.chart-mode button{border:0;border-radius:7px;padding:7px 10px;background:transparent;color:#6d7973;cursor:pointer;font-size:11px;font-weight:700}.chart-mode button.active{background:#fff;color:#57499b;box-shadow:0 2px 7px #18201d12}.return-formula{margin:-7px 0 14px;color:#718078;font-size:12px}.zero-toggle{display:flex;width:max-content;align-items:center;gap:7px;margin:-4px 0 12px;color:#66736c;font-size:11px;font-weight:700}.zero-toggle input{accent-color:#6f61b5}.return-point{border-color:#6f61b5}.return-point.active{background:#eeeafd}.return-point.negative-point{border-color:#d76e64}.return-history-panel .chart-tooltip span{color:#6f61b5}.movement-form{display:grid;grid-template-columns:1.25fr repeat(5,minmax(120px,1fr)) auto;gap:12px;align-items:end;margin-bottom:18px}.stock-movement-form{grid-template-columns:1.15fr repeat(7,minmax(105px,1fr)) auto}.movement-form h3{margin:0;font:700 18px Manrope}.movement-form label{display:flex;flex-direction:column;gap:6px;color:#637068;font-size:11px;font-weight:700}.movement-form input,.movement-form select{min-width:0;width:100%;padding:10px}.stocks-summary{margin-bottom:18px}.muted-row{opacity:.62}.type-legend{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0 22px 14px;color:#69766f;font-size:12px}.type-legend b,.movement-kind{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:7px;margin-right:4px;font-size:11px;padding:0 8px}.edit-row-button{display:inline-grid;width:30px;height:30px;place-items:center;border:1px solid #dfe5e0;border-radius:50%;background:#fff;color:#427a68;cursor:pointer}.edit-row-button:hover{background:#eaf5f0}.row-actions{display:flex;justify-content:flex-end;gap:7px}.delete-row-button{color:#a54c40}.delete-row-button:hover{background:#fee9e4}.nav-item span{display:grid;place-items:center}.nav-item svg{width:19px;height:19px}.kind-a,.type-legend span:nth-child(1) b{background:#ddf5eb;color:#187257}.kind-d,.type-legend span:nth-child(2) b{background:#fee9e4;color:#a54c40}.kind-r,.type-legend span:nth-child(3) b{background:#e6effc;color:#466c9e}.kind-e,.type-legend span:nth-child(4) b{background:#fff0d9;color:#956018}.ledger-scroll{max-height:520px}.quote-warning{margin:0 0 18px;padding:13px 15px;border:1px solid #efc9a8;border-radius:10px;background:#fff5eb;color:#865126}.liberty-metrics,.stock-kpis{grid-template-columns:repeat(5,1fr)}.stock-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.stock-summary-card{position:relative;overflow:hidden;min-width:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.stock-summary-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#91a299}.stock-summary-card.green:before{background:#3a9b67}.stock-summary-card.blue:before{background:#6a93d3}.stock-summary-card.violet:before{background:#8b79cb}.stock-summary-card.coral:before{background:#d98369}.stock-summary-card dl{margin:0}.stock-summary-card dl div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid #edf0ed}.stock-summary-card dl div+div{margin-top:10px}.stock-summary-card dt{color:#6d7c74;font-size:11px}.stock-summary-card dd{margin:0;font:700 15px Manrope;text-align:right}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#09110ecc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(1180px,96vw);max-height:88vh;overflow:auto;border-radius:18px;background:#fff;padding:26px;box-shadow:0 28px 80px #0005}.modal-heading,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-heading h2,.market-add h3{margin:0;font:700 21px Manrope}.modal-copy{color:#6f7c75;font-size:13px}.instrument-modal table{min-width:900px}.instrument-modal td input{min-width:150px;width:100%;padding:8px}.instrument-modal td:first-child input{min-width:250px}.currency-field{max-width:72px!important;text-transform:uppercase}.icon-button{border:0;background:#eff3f0;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:22px}.modal-actions{justify-content:flex-end;margin-top:20px}.savings-editor{grid-template-columns:repeat(4,1fr)}.savings-card label{display:block;color:#65736c;font-size:11px;font-weight:700;margin-top:12px}.savings-card input{width:100%;margin-top:5px;padding:9px;text-align:right}.fund-value-field{width:118px}.savings-config-modal .config-section{margin-top:24px}.savings-config-modal .config-section h3{margin:0 0 12px;font:700 16px Manrope}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.settings-grid label{color:#68756e;font-size:11px;font-weight:700}.settings-grid input,.savings-config-modal td input,.fund-add-row input{width:100%;padding:9px;margin-top:5px}.savings-config-modal table{min-width:760px}.fund-add-row{display:grid;grid-template-columns:2fr 1.4fr 1fr auto;gap:10px;align-items:end;margin-top:14px}.pension-metrics{grid-template-columns:repeat(4,1fr)}.pension-history-table{margin-bottom:18px}.pension-history-table table{min-width:1050px}.summary-note{min-width:260px;max-width:420px;white-space:normal;color:#68756e}.sort-button{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}th:not(.number) .sort-button{justify-content:flex-start}.sort-button span{color:#a5afa9;font-size:12px}.sort-button.active{color:#207d63}.savings-history{margin-bottom:18px}.savings-history table{min-width:1650px}.dividend-panel{margin-top:18px}.dividend-panel .table-scroll{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable}.dividend-panel table{min-width:780px}.table-scroll-hint{display:none}.empty-table{padding:30px;color:#89958e;text-align:center}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.market-card{display:flex;flex-direction:column;gap:15px}.market-card h3{margin:0 0 4px;font:700 17px Manrope}.market-card small,.market-card span{color:#87938d;font-size:11px}.market-card>strong{font:700 25px Manrope}.market-add{display:grid;grid-template-columns:1.2fr repeat(4,1fr) 75px auto;gap:10px;align-items:end}.market-add input{min-width:0;width:100%;padding:10px}.stock-charts{margin-bottom:18px}.bar-chart{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:125px 1fr 92px;gap:9px;align-items:center;font-size:11px}.bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row>i{height:8px;overflow:hidden;border-radius:10px;background:#eef2ef}.bar-row>i>b{display:block;height:100%;border-radius:inherit;background:#4eb493}.bar-row>i>b.negative-bar{background:#df796c}.bar-row>i>b.positive-bar{background:#4eb493}.bar-row>strong{text-align:right}@media(max-width:1280px){.movement-form{grid-template-columns:repeat(3,1fr)}.liberty-metrics,.pension-metrics,.savings-editor{grid-template-columns:repeat(2,1fr)}.stock-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.market-add,.fund-add-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){html,body,#root{max-width:100%;overflow-x:hidden}.sidebar{height:calc(68px + env(safe-area-inset-bottom));padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.sidebar nav{margin-top:0;gap:2px;overflow:visible;justify-content:stretch}.nav-item,.nav-item.active,.nav-item:not(.active){flex:1 1 0;min-width:0;padding:10px 4px}.nav-item span{width:auto}.app-shell main{padding-bottom:calc(92px + env(safe-area-inset-bottom));overflow:hidden}.period-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}.period-actions select{min-width:0;width:100%}.detail-hero .action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.detail-hero .action-row .button{min-width:0;padding-inline:10px;white-space:normal}.detail-hero .action-row .button:last-child:nth-child(odd){grid-column:1 / -1}.movement-form,.liberty-metrics,.pension-metrics,.savings-editor,.market-grid,.market-add,.fund-add-row,.settings-grid{grid-template-columns:1fr}.stock-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stock-summary-card{padding:14px 12px}.stock-summary-card .eyebrow{min-height:27px}.stock-summary-card dl div{display:block;padding-top:8px}.stock-summary-card dd{margin-top:3px;text-align:left}.dividend-panel .table-scroll:focus-visible{outline:2px solid #218b6d;outline-offset:-2px}.table-scroll-hint{display:block;margin:-5px 12px 12px;color:#728078;font-size:11px;font-weight:600}.savings-history .table-scroll,.pension-history-table .table-scroll{overflow:visible}.savings-history table,.pension-history-table table{display:block;min-width:0;white-space:normal}.savings-history thead,.pension-history-table thead{display:none}.savings-history tbody,.pension-history-table tbody{display:grid;gap:12px;padding:0 12px 12px}.savings-history tr,.pension-history-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.savings-history td,.pension-history-table td{display:flex;min-width:0;flex-direction:column;gap:4px;padding:10px 12px;border-top:1px solid #edf0ed;text-align:left;white-space:normal;overflow-wrap:anywhere}.savings-history td:before,.pension-history-table td:before{content:attr(data-label);color:#829088;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.savings-history td:first-child,.pension-history-table td:first-child{grid-column:1 / -1}.savings-history td:first-child,.pension-history-table td:first-child{border-top:0;background:#f7f9f7}.panel-heading{gap:12px}.panel-heading>span{max-width:42%;text-align:right}.bar-row{grid-template-columns:minmax(72px,1fr) minmax(55px,1.2fr) auto}}