:root{--blue1:#0f5fa8;--blue2:#073b78;--gold:#f4c542;--bg:#eef4fb;--text:#102030;--danger:#b00020;}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Tahoma,sans-serif;background:var(--bg);color:var(--text);font-size:18px;}
.mobile-wrap{max-width:520px;margin:0 auto;min-height:100vh;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.12);}
.header{background:linear-gradient(135deg,var(--blue1),var(--blue2));color:#fff;padding:18px 16px;text-align:center;font-weight:700;font-size:23px;}
.subhead{font-size:14px;opacity:.95;margin-top:4px}.content{padding:16px}.card{background:#fff;border:1px solid #d6e2ef;border-radius:14px;padding:14px;margin-bottom:14px;box-shadow:0 4px 12px rgba(0,0,0,.06)}
label{display:block;font-weight:700;margin:12px 0 6px;font-size:17px}input,select,textarea{width:100%;padding:14px;border:1px solid #b8c8da;border-radius:10px;font-size:18px;background:#fff}textarea{min-height:90px;resize:vertical}.btn{width:100%;border:0;border-radius:12px;padding:15px 12px;margin-top:12px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#1976d2,#064f9e);box-shadow:0 4px 8px rgba(0,0,0,.18);text-decoration:none;text-align:center;display:block}.btn-small{width:auto;display:inline-block;padding:10px 14px;font-size:15px;margin:6px 4px 0 0}.btn-danger{background:linear-gradient(135deg,#d32f2f,#8b0000)}.btn-green{background:linear-gradient(135deg,#28a745,#087a2c)}.grid{display:grid;grid-template-columns:1fr;gap:10px}.balance{font-size:20px;line-height:1.7}.amount{font-size:25px;font-weight:800}.muted{font-size:14px;color:#627080}.row{display:flex;gap:8px;align-items:center}.row input,.row select{flex:1}.voice-btn{width:54px;height:54px;border-radius:50%;border:0;background:linear-gradient(135deg,#0f5fa8,#073b78);color:#fff;font-size:22px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{border-bottom:1px solid #dbe6f2;padding:8px 4px;text-align:left}.footer{text-align:center;font-size:12px;color:#667;padding:16px}.success{background:#e8f7ed;border:1px solid #a9dfbf;color:#145a32;padding:10px;border-radius:10px;margin-bottom:12px}.error{background:#fdecea;border:1px solid #f5b7b1;color:#922b21;padding:10px;border-radius:10px;margin-bottom:12px}@media(max-width:420px){body{font-size:17px}.header{font-size:21px}.content{padding:12px}input,select,textarea,.btn{font-size:17px}}

.date-row{display:flex;gap:8px;align-items:center}.date-row input{flex:1}.date-btn{width:54px;height:54px;border-radius:10px;border:0;background:linear-gradient(135deg,#0f5fa8,#073b78);color:#fff;font-size:22px}.hidden-date{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}