:root{font-family:Inter,system-ui,sans-serif;color-scheme:dark;background:#101114;color:#f5f5f5}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#181a1f;border-bottom:1px solid #2a2d34}nav{display:flex;gap:16px;align-items:center}a{color:inherit;text-decoration:none}nav form{display:inline}button,input,select,textarea{font:inherit;border:1px solid #3a3f49;border-radius:8px;background:#181a1f;color:#fff;padding:10px}button{cursor:pointer}.primary{background:#fff;color:#111;border-color:#fff}main{max-width:1200px;margin:32px auto;padding:0 20px}.card{background:#181a1f;border:1px solid #2a2d34;border-radius:14px;padding:20px;margin-top:20px}.narrow{max-width:420px;margin:80px auto}.stack{display:grid;gap:14px}.stack label{display:grid;gap:6px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.summary div{background:#181a1f;border:1px solid #2a2d34;border-radius:12px;padding:18px}.summary span{display:block;color:#aaa;font-size:.9rem}.summary strong{font-size:1.6rem}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tablewrap{overflow:auto;border:1px solid #2a2d34;border-radius:12px}table{width:100%;border-collapse:collapse;background:#181a1f}th,td{text-align:left;padding:12px;border-bottom:1px solid #2a2d34;white-space:nowrap}.amount{font-variant-numeric:tabular-nums;font-weight:700}.expense{color:#ff8d8d}.income{color:#83e6a3}.flash{padding:12px;border-radius:8px;margin-bottom:14px;background:#262932}.flash.error{border:1px solid #8b3f45}.flash.success{border:1px solid #376a47}.actions{display:flex;gap:10px}textarea{width:100%;font-family:ui-monospace,monospace}@media(max-width:700px){.summary{grid-template-columns:1fr}header{align-items:flex-start;gap:12px;flex-direction:column}nav{flex-wrap:wrap}}
