body[data-page="add-transaction"]{background:#050505}
body[data-page="add-transaction"] .main{max-width:980px;margin-left:220px;margin-right:auto;padding:24px}
.transaction-form-panel{max-width:540px;margin:12px auto;background:#101013;border:1px solid #27272b;border-radius:16px;padding:22px}
.transaction-form-heading{display:flex;align-items:center;gap:14px;margin:14px 0 24px}
.transaction-form-heading h2{margin:0 0 6px;font-size:24px}
.transaction-form-heading p{margin:0;color:#aaa}
.transaction-form-heading p strong{color:#fff}
.transaction-form-back{display:grid;place-items:center;width:42px;height:42px;border:1px solid #333;border-radius:50%;color:#fff;text-decoration:none;font-size:23px}
.transaction-entry-form{display:grid;gap:17px}
.transaction-entry-form label{display:grid;gap:8px;color:#ddd;font-size:14px}
.transaction-entry-form input[type="date"],.transaction-entry-form input[type="number"],.transaction-entry-form textarea{width:100%;min-height:48px;background:#08080a;border:1px solid #34343a;border-radius:10px;padding:13px;color:#fff;font:inherit;font-size:16px}
.transaction-entry-form textarea{resize:vertical;min-height:88px}
.optional-label{color:#92929a;font-size:12px;font-weight:400}
.attachment-picker{border:1px solid #34343a;border-radius:12px;background:#09090b}
.attachment-picker>summary{display:flex;align-items:center;gap:12px;min-height:62px;padding:10px 13px;list-style:none;cursor:pointer;font-weight:700}
.attachment-picker>summary::-webkit-details-marker{display:none}
.attachment-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#24242a;color:#fff;font-size:22px}
.attachment-picker>summary>span:nth-child(2){display:grid;gap:3px;flex:1}
.attachment-picker>summary small,.attachment-filename{color:#999;font-size:12px;font-weight:400}
.attachment-chevron{color:#bbb;font-size:20px;transition:transform .2s}
.attachment-picker[open] .attachment-chevron{transform:rotate(180deg)}
.attachment-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 12px 12px}
.attachment-choice{position:relative;display:grid!important;place-items:center;min-height:48px;padding:9px;border:1px solid #45454b;border-radius:9px;background:#18181c;color:#fff!important;text-align:center;font-weight:600!important;cursor:pointer}
.attachment-choice:hover{background:#24242a}
.attachment-choice input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.attachment-filename{display:block;padding:0 13px 12px;overflow-wrap:anywhere}
.transaction-form-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:4px}
.transaction-form-actions .primary,.transaction-form-actions .button{display:flex;justify-content:center;align-items:center;min-height:50px;border-radius:10px;font-weight:700}
.transaction-form-actions .secondary{background:#24242a}
body[data-page="add-transaction"] .eyebrow{letter-spacing:1.4px}
@media(max-width:850px){body[data-page="add-transaction"] .main{margin-left:0;margin-right:auto}}
@media(max-width:600px){body[data-page="add-transaction"] .main{padding:12px 12px 28px}.transaction-form-panel{margin:4px auto;padding:18px 15px;border-radius:14px}.transaction-form-heading h2{font-size:22px}.transaction-entry-form{gap:15px}.attachment-choices{grid-template-columns:1fr}.transaction-form-actions{grid-template-columns:1fr 1fr}.transaction-form-actions .button{padding:10px 8px}}
@media(prefers-reduced-motion:reduce){.attachment-chevron{transition:none}}