.page-lead{margin:8px 0 0;color:var(--muted);max-width:620px}.section-heading{display:flex;justify-content:space-between;margin:26px 0 12px}.section-heading h2{margin:0;font-size:19px}.section-heading p{margin:3px 0 0;color:var(--muted);font-size:13px}.create-panel{margin-bottom:26px;border-color:#bfd3ff;box-shadow:0 12px 34px #155eef14}.finance-card{transition:.18s ease}.finance-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px #10213a1a}
.account-card{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:22px;min-height:290px}.card-top{display:flex;align-items:center;justify-content:space-between}.account-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eef4ff;color:var(--account-color);font-size:24px}.status-pill{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:750}.status-pill.active{background:#ecfdf3;color:#027a48}.status-pill.inactive{background:#f2f4f7;color:#667085}.card-main{display:grid;gap:3px}.card-main p,.card-main h2,.card-main strong,.card-main small{margin:0}.card-main p,.card-main small{color:var(--muted)}.card-main h2{font-size:19px}.card-main strong{font-size:30px;line-height:1.25;margin:5px 0}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.card-actions form{margin:0}.card-actions details{position:relative}.card-actions summary{list-style:none;cursor:pointer;color:var(--blue);font-weight:750}.card-actions summary::-webkit-details-marker{display:none}.card-actions details[open]{width:100%}.card-actions details[open] form{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.card-actions details .check,.card-actions details button{grid-column:1/-1}.text-action{border:0;background:transparent;color:var(--blue);padding:8px;font-weight:700}.danger-text{color:#b42318}
.category-section{margin-top:28px}.category-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.category-card{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto 34px;gap:12px;align-items:center;padding:16px;min-height:88px}.category-icon{display:grid;width:46px;height:46px;border-radius:14px;background:#eef4ff}.category-icon:after{content:'';width:14px;height:14px;margin:auto;border-radius:5px;background:var(--category-color)}.category-info h3,.category-info p{margin:0}.category-info p{margin-top:3px;color:var(--muted);font-size:12px}.category-edit{position:relative}.category-edit>summary{display:grid;place-items:center;width:34px;height:34px;list-style:none;border-radius:9px;background:#f2f4f7;cursor:pointer}.category-edit>summary::-webkit-details-marker{display:none}.popover{position:absolute;z-index:15;right:0;top:42px;width:280px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 48px #10213a2e}.popover form{display:grid;gap:9px}.popover label{margin:0}.popover input{min-height:42px}.popover form+form{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.toast-stack{position:fixed;z-index:100;right:22px;bottom:22px;display:grid;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}.toast{position:relative;inset:auto;display:grid;grid-template-columns:30px 1fr 28px;align-items:center;gap:10px;overflow:hidden;padding:14px 14px 17px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 52px #10213a33;opacity:0;transform:translateY(12px);transition:.24s;pointer-events:auto}.toast.is-visible{opacity:1;transform:none}.toast-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#dcfae6;color:#067647;font-weight:900}.toast-error .toast-icon{background:#fee4e2;color:#b42318}.toast-message{font-weight:650}.toast-close{border:0;background:transparent;color:var(--muted);font-size:22px}.toast-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--green);transform-origin:left;animation:toast-countdown linear forwards}.toast-error .toast-progress{background:#d92d20}@keyframes toast-countdown{to{transform:scaleX(0)}}
@media(max-width:760px){.account-card{min-height:0}.card-actions details[open] form{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr}.category-card{grid-template-columns:42px minmax(0,1fr) 34px}.category-card>.status-pill{grid-column:2}.category-edit{grid-column:3;grid-row:1/3}.popover{position:fixed;left:16px;right:16px;top:auto;bottom:90px;width:auto}.toast-stack{left:16px;right:16px;bottom:92px;width:auto}}