@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";:root{--bg:#f6f8fa;--card:#ffffff;--muted:#6b7280;--accent:#00a99d;--accent-2:#06b6d4;--danger:#ef4444;--shadow: 0 8px 24px rgba(15,23,42,.06);--radius:12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;background:linear-gradient(180deg,#fff,#f3f7fb);color:#0f172a;-webkit-font-smoothing:antialiased}.header{position:fixed;top:0;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;border-bottom:1px solid rgba(15,23,42,.06);box-shadow:0 6px 18px #0206170f;padding:10px 20px;height:64px;display:flex;align-items:center;justify-content:space-between}.app-root{padding-top:74px}.left-section{display:flex;align-items:center;gap:12px}.hamburger{width:44px;height:44;border-radius:10px;border:1px solid rgba(15,23,42,.06);background:transparent;display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer}.hamburger span{display:block;width:18px;height:2px;background:var(--muted);border-radius:2px}.brand{display:flex;gap:12px;align-items:center}.logo{width:48px;height:48;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px}.brand h1{font-size:18px;font-weight:700;margin:0 0 0 5px;font-style:italic}.tag{margin:0;color:var(--muted);font-size:13px}.nav{display:flex;gap:10px;align-items:center}.nav .nav-link{color:var(--muted);text-decoration:none}.btn{padding:8px 14px;border-radius:10px;border:1px solid transparent;cursor:pointer;font-weight:600}.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;border:none;box-shadow:var(--shadow)}.btn.ghost{background:transparent;border:1px solid rgba(15,23,42,.06);color:var(--muted)}.btn.small{padding:6px 10px;font-size:13px}.btn.danger{background:transparent;color:var(--danger);border:1px solid rgba(239,68,68,.08)}.container{display:grid;grid-template-columns:1fr 380px;gap:28px;max-width:1200px;margin:20px auto;padding:0 20px}.panel{min-height:240px}.card{background:var(--card);padding:14px;border-radius:12px;box-shadow:var(--shadow)}.section{margin-bottom:18px}.item-card{background:linear-gradient(180deg,#fff,#f7fafc);padding:10px;border-radius:10px;margin-bottom:10px;border:1px solid rgba(15,23,42,.03)}.item-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.text-input{flex:1;padding:10px;border-radius:8px;border:1px solid rgba(15,23,42,.06);margin-right:12px}.number-input{width:140px;padding:10px;border-radius:8px;border:1px solid rgba(15,23,42,.06);text-align:right}.editable{width:220px}.itemeditable{width:120px}.slider-row{margin-top:10px;display:flex;flex-direction:column;gap:8px}.slider.v2{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#e6eef2,#eef6f7);border-radius:999px;outline:none}.slider.v2::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #0206171f;border:3px solid var(--accent)}.slider.v2::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--accent)}.slider-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.row-actions{display:flex;gap:12px;margin-top:8px}.summary .total-amount{font-size:20px;font-weight:700;color:var(--accent-2)}.projected-amount{font-size:20px;font-weight:700;color:#0f172a}.progress{height:12px;background:#0206170a;border-radius:999px;overflow:hidden;margin-top:12px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));width:40%}.right.panel{display:block}@media (min-width:900px){.right.panel{position:relative}.right.panel .summary{position:sticky;top:84px}.right.panel.unstick .summary{position:static}}.toolhub h4{margin-top:0;margin-bottom:8px}.tools{display:grid;grid-template-columns:1fr;gap:10px}.tool-card{display:flex;gap:12px;align-items:center;padding:10px;border-radius:10px;text-decoration:none;color:inherit;border:1px solid rgba(15,23,42,.04)}.tool-icon{width:44px;height:44;border-radius:10px;background:linear-gradient(135deg,#fff,#f3fafb);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent-2)}.tool-name{font-weight:700}.tool-desc{font-size:13px;color:var(--muted)}.tip{font-size:12px;color:var(--muted);margin-top:6px}.howto-rich{max-width:1160px;margin:20px auto;padding:20px;background:linear-gradient(90deg,#fff,#f8fbff);border-radius:12px;box-shadow:var(--shadow)}.how-rich-grid{display:grid;grid-template-columns:1fr;gap:12px}.how-rich-card{background:#fff;padding:14px;border-radius:10px;border:1px solid rgba(15,23,42,.04)}.faq-list details{background:transparent;padding:10px;border-radius:8px;margin-bottom:8px}.faq-list summary{cursor:pointer;font-weight:600}.faq-big{max-width:1160px;margin:20px auto}.mobile-sidebar{position:fixed;left:-320px;top:0;height:100%;width:280px;background:#fff;box-shadow:0 12px 40px #0206171f;transition:left .28s ease;z-index:1200;padding:20px}.mobile-sidebar.open{left:0}.mobile-nav{display:flex;flex-direction:column;gap:12px;margin-top:12px}.mobile-nav a{color:#0f172a;text-decoration:none;font-weight:600}.mobile-sidebar .close{position:absolute;right:10px;top:8px;background:transparent;border:none;font-size:26px}.footer{max-width:1200px;margin:20px auto;text-align:center;color:var(--muted);font-size:13px;padding-bottom:40px}.footer-links a{color:var(--muted);text-decoration:none;margin-left:8px}.legal-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061773;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.legal-content{width:760px;max-width:95%}@media (max-width:899px){.container{grid-template-columns:1fr;padding:12px}.how-rich-grid{grid-template-columns:1fr}.nav{display:none!important}.hamburger{display:flex}.summary{position:static}.item-row{flex-direction:column;align-items:flex-start}.slider-row,.slider-controls{width:100%}.editable{width:50%}.itemeditable{width:100%}.app-root{padding-top:84px}}.article-section{max-width:1160px;margin:20px auto;padding:20px}.article-cta-section{display:flex;flex-direction:column;align-items:center;margin-top:100px;margin-bottom:100px}.spacer{margin:20px 0}.small{font-size:12px;font-style:italic}.discliamer-big{max-width:1160px;margin:20px auto;font-style:italic}