.category-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:20px 0}.category-stack{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.category-tile{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.category-tile:last-child{border-bottom:0}.category-name{display:flex;gap:12px;align-items:center}.category-name i{height:12px;width:12px;border-radius:50%;flex-shrink:0}.category-name small{display:block;color:var(--muted);margin-top:5px}.category-tile .inline{flex-wrap:wrap;justify-content:end}.category-tile button{font-size:11px}#category-color{width:80px;height:44px;padding:4px}.payment-feedback,.entry-form-error{padding:14px 16px;border:1px solid var(--line);border-radius:8px;margin:12px 0;line-height:1.6}.payment-feedback.valid{border-color:#10b981;color:var(--ink);background:var(--accent-soft)}.payment-feedback.invalid,.entry-form-error{border-color:#f87171;color:var(--ink);background:color-mix(in srgb,#ef4444 12%,var(--surface))}.invalid-field{border-color:#ef4444!important;box-shadow:0 0 0 1px #ef4444!important}.projection-chart{width:100%;overflow-x:auto}.projection-chart svg{width:100%;min-width:500px;max-height:340px;color:var(--muted);font-size:11px;display:block}.pro-subnav{display:grid;grid-template-rows:1fr;transition:grid-template-rows .2s ease,margin .2s ease;overflow:hidden}.pro-subnav .submenu-inner{min-height:0;overflow:hidden;display:grid;gap:3px}.pro-subnav.is-collapsed{grid-template-rows:0fr;margin-top:0;margin-bottom:0}.menu-chevron{margin-left:auto;transition:transform .2s}.nav[aria-expanded="false"] .menu-chevron{transform:rotate(-90deg)}.sidebar.open{animation:sidebar-in .18s ease-out}dialog[open]{animation:dialog-in .14s ease-out}details::details-content{transition:height .18s ease,content-visibility .18s allow-discrete;overflow:hidden}button{transition:background-color .15s,color .15s,border-color .15s}#entry-error[hidden]{display:none}@keyframes sidebar-in{from{transform:translateX(-16px);opacity:.4}to{transform:none;opacity:1}}@keyframes dialog-in{from{transform:translateY(8px);opacity:.5}to{transform:none;opacity:1}}@media(max-width:1000px){.category-columns{grid-template-columns:1fr}.category-tile{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.category-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.sidebar>.pro-subnav{flex-shrink:0;min-height:0}
.sidebar>.nav[hidden]{display:none!important}
