@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg-main: #eef3ff;--bg-accent: #e8f4ff;--panel: #ffffff;--text-main: #10243f;--text-soft: #4b5f80;--line: #d5dfef;--brand: #1d4ed8;--brand-2: #0ea5e9;--positive: #0d8155;--negative: #b43f36;--neutral: #61728e;--shadow: 0 18px 36px rgba(17, 36, 68, .1)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:DM Sans,system-ui,-apple-system,sans-serif;color:var(--text-main)}body{background:radial-gradient(circle at 15% 20%,#dbe6ff 0%,transparent 38%),radial-gradient(circle at 85% 0%,#d8f1ff 0%,transparent 35%),linear-gradient(150deg,var(--bg-main),#f8f7f3 55%,var(--bg-accent))}h1,h2,h3,h4{margin:0;font-family:Space Grotesk,sans-serif}p{margin:0}button,input,select{font:inherit}button{border:0;border-radius:10px;background:linear-gradient(120deg,var(--brand),var(--brand-2));color:#fff;font-weight:700;padding:.65rem 1rem;cursor:pointer;transition:transform .15s ease,opacity .2s ease}button:disabled{cursor:not-allowed;opacity:.6}button:hover:not(:disabled){transform:translateY(-1px)}input,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem;background:#fff;color:var(--text-main)}label{display:grid;gap:.3rem;font-size:.88rem;color:var(--text-soft)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.auth-card{width:min(520px,100%);background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:2rem;display:grid;gap:1rem}.auth-card p{color:var(--text-soft)}.auth-brand{display:flex;align-items:center;gap:.7rem}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.mode-switch button{background:#e4edff;color:#1d3a68}.mode-switch button.active{background:linear-gradient(120deg,var(--brand),var(--brand-2));color:#fff}.auth-form{display:grid;gap:.7rem}.app-shell{min-height:100vh;display:grid;align-content:start;gap:.8rem}.top-shell{border-bottom:1px solid var(--line);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.9rem 1.2rem;display:grid;gap:.8rem;position:sticky;top:0;z-index:20}.top-row{display:grid;gap:.65rem;align-items:center}.top-row-primary{grid-template-columns:auto 1fr auto}.top-right{display:flex;align-items:center;gap:.75rem;justify-content:flex-end}.portfolio-select{width:auto;min-width:160px;max-width:280px;font-weight:600;border-radius:10px;padding:.52rem .8rem}.currency-select{width:auto;font-weight:600;border-radius:10px;padding:.52rem .7rem}.top-row-tabs{overflow-x:auto}.brand h1{font-size:1.4rem}.brand p{color:var(--text-soft);margin-top:.25rem}.brand-link{width:100%;padding:0;display:flex;align-items:center;gap:.7rem;background:transparent;color:inherit;text-align:left}.brand-link:hover{transform:none;opacity:.95}.brand-icon-mark{width:42px;height:42px;border-radius:12px;overflow:hidden;flex-shrink:0;box-shadow:0 6px 18px #1d4ed840}.brand-icon-mark svg{width:100%;height:100%;display:block}.portfolio-picker{display:grid;gap:.55rem}.portfolio-create{display:flex;align-items:center;gap:.45rem}.portfolio-create input{width:170px}.button-small{padding:.45rem .65rem;border-radius:8px;font-size:.8rem}.tabs{display:flex;gap:.45rem;min-width:max-content;padding-bottom:.25rem}.tabs button{text-align:center;border-radius:9px;background:#e9efff;color:#24416f;padding:.52rem .88rem}.tabs button.active{background:linear-gradient(120deg,var(--brand),var(--brand-2));color:#fff}.profile-inline{display:flex;align-items:center;gap:.7rem}.profile-inline p{font-weight:700}.profile-inline small{color:var(--text-soft);font-size:.82rem}.profile-inline button{white-space:nowrap}.main-panel{padding:0 1.2rem 1.2rem;display:grid;align-content:start;gap:1rem;position:relative}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem}.panel-header span{color:var(--text-soft);font-size:.9rem}.inline-actions{display:flex;gap:.6rem;align-items:center}.inline-actions button{padding:.45rem .75rem;font-size:.86rem}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.summary-grid article{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;box-shadow:var(--shadow);display:grid;gap:.55rem;transition:box-shadow .15s ease,transform .15s ease}.summary-grid article:hover{box-shadow:0 22px 44px #11244424;transform:translateY(-1px)}.summary-grid h3{color:var(--text-soft);font-size:.9rem;font-family:DM Sans,sans-serif;font-weight:600}.summary-grid p{font-size:1.2rem;font-weight:700;letter-spacing:-.01em}.panel-block{margin-top:.95rem;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem;box-shadow:var(--shadow);display:grid;gap:.8rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:1180px}.table-wrap.table-compact table{min-width:400px}.table-note{color:var(--text-soft);font-size:.84rem;margin-bottom:.55rem}thead th{background:#edf3ff;color:#284a79;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;padding:.7rem .6rem;border-bottom:1px solid var(--line);text-align:left}tbody td{border-bottom:1px solid #e7eef9;padding:.62rem;font-size:.9rem}tbody tr:hover{background:#edf4ff}tbody tr:last-child td{border-bottom:none}.chart-block{background:radial-gradient(circle at 6% 18%,rgba(251,146,60,.11),transparent 32%),radial-gradient(circle at 88% 6%,rgba(59,130,246,.11),transparent 34%),linear-gradient(180deg,#fff,#f7faff);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:1rem}.overview-checkpoints-chart{background:radial-gradient(circle at 10% 10%,rgba(236,72,153,.16),transparent 34%),radial-gradient(circle at 85% 4%,rgba(99,102,241,.13),transparent 36%),linear-gradient(180deg,#fff8fc,#f6f8ff)}.overview-allocation-chart{background:radial-gradient(circle at 14% 16%,rgba(34,197,94,.15),transparent 32%),radial-gradient(circle at 88% 8%,rgba(245,158,11,.13),transparent 36%),linear-gradient(180deg,#fbfff7,#f8fbff)}.overview-dividends-chart{background:radial-gradient(circle at 10% 15%,rgba(251,113,133,.15),transparent 34%),radial-gradient(circle at 90% 5%,rgba(14,165,233,.12),transparent 36%),linear-gradient(180deg,#fffaf6,#f7fbff)}.chart-block h3{margin-bottom:.65rem}.dividend-bars{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.8rem;align-items:end}.dividend-bars article{display:grid;gap:.35rem;align-content:end;justify-items:center;background:linear-gradient(180deg,#fbfdff,#f1f6ff);border:1px solid #dbe5f8;border-radius:12px;padding:.7rem}.dividend-bars .bar{width:56px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#f59e0b,#f43f5e);box-shadow:inset 0 -6px 12px #8c324247}.overview-bars{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.8rem;align-items:end}.overview-bars article{display:grid;gap:.35rem;align-content:end;justify-items:center;background:linear-gradient(180deg,#fbfdff,#f1f6ff);border:1px solid #dbe5f8;border-radius:12px;padding:.75rem}.overview-bars .bar-wrap{height:145px;display:flex;align-items:end}.overview-bars .bar{width:52px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#fb7185,#f97316);box-shadow:inset 0 -6px 12px #96481c3d}.overview-bars article:nth-child(2n) .bar{background:linear-gradient(180deg,#22d3ee,#3b82f6);box-shadow:inset 0 -6px 12px #1c5c993d}.overview-bars article:nth-child(3n) .bar{background:linear-gradient(180deg,#c084fc,#8b5cf6);box-shadow:inset 0 -6px 12px #53398c3d}.overview-bars article:nth-child(4n) .bar{background:linear-gradient(180deg,#86efac,#10b981);box-shadow:inset 0 -6px 12px #2670483d}.overview-bars h4{font-size:.86rem}.overview-bars p{font-size:.84rem}.pie-layout{display:grid;grid-template-columns:minmax(240px,300px) 1fr;gap:1rem;align-items:start}.pie-canvas-wrap{display:grid;gap:.55rem}.pie-svg{width:min(300px,100%)}.pie-svg path{transition:opacity .15s ease}.pie-svg path:hover{opacity:.78}.pie-core{fill:#fff;stroke:#d7e5ff;stroke-width:1}.pie-center-label{font-size:.72rem;fill:#4b5f80;text-transform:uppercase;letter-spacing:.06em}.pie-center-value{font-size:.86rem;fill:#132d52;font-weight:700}.pie-hint{color:var(--text-soft);font-size:.82rem}.pie-legend{display:grid;gap:.45rem}.pie-legend article{display:grid;grid-template-columns:auto 1fr auto auto;gap:.55rem;align-items:center;padding:.48rem .55rem;border-radius:10px;border:1px solid #dce7fb;background:#f6f9ff;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.pie-legend article.active{border-color:var(--brand);box-shadow:0 0 0 2px #1d4ed81f}.pie-dot{width:11px;height:11px;border-radius:999px}.allocation-list{display:grid;gap:.65rem}.allocation-list article{display:grid;gap:.38rem}.allocation-meta{display:flex;justify-content:space-between;gap:.5rem;font-size:.9rem}.allocation-track{height:11px;border-radius:999px;background:#dbe7ff;overflow:hidden}.allocation-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#1d4ed8,#38bdf8)}.range-controls{display:flex;gap:.6rem;align-items:end}.range-controls label{min-width:140px}.transaction-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.transaction-form .form-field{font-size:.82rem;color:#40587f}.imports-switch{display:inline-flex;gap:.5rem;margin-bottom:.65rem}.imports-switch button{background:#e8efff;color:#24416f;padding:.5rem .85rem}.imports-switch button.active{background:linear-gradient(120deg,var(--brand),var(--brand-2));color:#fff}.form-step-tabs{display:flex;gap:.45rem;flex-wrap:wrap}.form-step-tabs button{background:#edf3ff;color:#2a4775;padding:.45rem .72rem}.form-step-tabs button.active{background:linear-gradient(120deg,var(--brand),var(--brand-2));color:#fff}.tab-description{color:var(--text-soft);font-size:.9rem}.manual-actions{grid-column:1 / -1;display:flex;gap:.55rem;align-items:center}.ghost-button{background:#e8eef8;color:#314b72}.table-action-btn{font-size:.78rem;padding:.35rem .55rem;margin-right:.35rem}.sort-header{background:transparent;color:inherit;border:0;border-radius:0;box-shadow:none;font-weight:700;padding:0}.sort-header:hover:not(:disabled){transform:none;text-decoration:underline}.danger-action{background:linear-gradient(120deg,#dc2626,#b91c1c);color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d192c73;display:grid;place-items:center;padding:1rem;z-index:40}.modal-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:1rem;display:grid;gap:.65rem}.movers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.import-upload{display:flex;gap:.6rem;align-items:center}.mapping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.sub-account-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.stats-row{display:flex;gap:.75rem;flex-wrap:wrap;color:#274871;font-weight:600}.error-box{background:#ffe3df;color:#8a2f29;border:1px solid #f2b8b1;border-radius:10px;padding:.75rem}.positive{color:var(--positive)}.negative{color:var(--negative)}.neutral{color:var(--neutral)}@media(max-width:1180px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pie-layout,.movers-grid{grid-template-columns:1fr}.transaction-form,.mapping-grid,.sub-account-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.top-shell{position:static}.top-row-primary{grid-template-columns:1fr;align-items:start}.top-right{width:100%;flex-direction:column;align-items:stretch}.portfolio-select{width:100%;max-width:100%}.tabs{flex-wrap:wrap;min-width:0}.tabs button{font-size:.82rem}.profile-inline{justify-content:space-between}.summary-grid{grid-template-columns:1fr}.range-controls{flex-wrap:wrap;align-items:stretch}.range-controls label{min-width:0;width:100%}.import-upload{flex-direction:column;align-items:stretch}.portfolio-picker,.portfolio-create,.portfolio-create input{width:100%}.imports-switch{display:grid;grid-template-columns:1fr}.manual-actions{flex-direction:column;align-items:stretch}.sub-account-form{grid-template-columns:1fr}}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff9;z-index:10;pointer-events:none}.spinner{width:40px;height:40px;border:4px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.retry-btn{margin-left:12px;padding:2px 10px;font-size:.85rem;background:transparent;border:1px solid currentColor;border-radius:4px;cursor:pointer;color:inherit}.split-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media(max-width:900px){.split-cards{grid-template-columns:1fr}}.dividend-calendar{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:.45rem;align-items:end}.calendar-bar-item{display:flex;flex-direction:column;align-items:center;gap:.3rem}.calendar-bar-track{width:100%;height:120px;display:flex;align-items:flex-end;background:#dbe5f859;border-radius:6px;overflow:hidden}.calendar-bar-fill{width:100%;background:linear-gradient(180deg,#f59e0b,#f43f5e);border-radius:6px 6px 0 0;transition:height .3s ease;min-height:3px}.calendar-bar-label{font-size:.72rem;color:var(--text-soft);font-weight:600;letter-spacing:.02em}.calendar-bar-value{font-size:.7rem;color:var(--text-main);font-weight:500;text-align:center;word-break:break-all}