*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;background:#f0f2f5;color:#333;font-size:14px}.app{max-width:860px;margin:0 auto}.header{background:#1a4f7a;color:#fff;padding:14px 16px 10px;position:sticky;top:0;z-index:100;box-shadow:0 2px 6px #00000040}.header h1{font-size:17px;font-weight:700;margin-bottom:10px;letter-spacing:.03em}.nav{display:flex;gap:6px}.nav button{flex:1;padding:7px 4px;border:2px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .15s,color .15s}.nav button.active{background:#fff;color:#1a4f7a;border-color:#fff}.main{padding:14px 12px}h2{font-size:17px;color:#1a4f7a;margin-bottom:14px;font-weight:700}.filter-section{background:#fff;border-radius:10px;padding:12px;margin-bottom:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;box-shadow:0 1px 3px #00000014}.filter-mode{display:flex;gap:4px}.filter-mode button{padding:6px 14px;border:1px solid #c0c8d0;background:#fff;border-radius:5px;cursor:pointer;font-size:13px;color:#555;transition:background .15s,color .15s}.filter-mode button.active{background:#1a4f7a;color:#fff;border-color:#1a4f7a}.filter-inputs{display:flex;gap:6px}.filter-inputs select{padding:6px 8px;border:1px solid #c0c8d0;border-radius:5px;font-size:13px;background:#fafafa}.summary-section{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.summary-card{background:#fff;border-radius:10px;padding:12px 10px;text-align:center;border-top:3px solid #ccc;box-shadow:0 1px 3px #00000014}.summary-card.advance{border-color:#43a047}.summary-card.withdrawal{border-color:#1e88e5}.summary-card.diff-positive{border-color:#fb8c00}.summary-card.diff-negative{border-color:#e53935}.summary-card .label{font-size:11px;color:#777;margin-bottom:5px;line-height:1.3}.summary-card .amount{font-size:15px;font-weight:700;color:#222}.summary-section.single{grid-template-columns:1fr;max-width:240px}.action-buttons{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.btn-primary,.btn-secondary{flex:1;min-width:120px;padding:10px 8px;border:none;border-radius:7px;cursor:pointer;font-size:14px;font-weight:700;transition:opacity .15s}.btn-primary{background:#43a047;color:#fff}.btn-secondary{background:#1e88e5;color:#fff}.btn-primary:hover,.btn-secondary:hover{opacity:.87}.form-card{background:#fff;border-radius:10px;padding:16px;margin-bottom:12px;box-shadow:0 1px 4px #0000001a}.form-card h3{font-size:14px;color:#1a4f7a;margin-bottom:14px;font-weight:700}.form-row{display:flex;align-items:center;margin-bottom:10px;gap:8px}.form-row label:first-child{font-size:13px;color:#555;width:72px;flex-shrink:0}.form-row input[type=text],.form-row input[type=number],.form-row input[type=date],.form-row select{flex:1;padding:8px 10px;border:1px solid #c8d0da;border-radius:6px;font-size:14px;background:#fafafa;transition:border-color .15s}.form-row input:focus,.form-row select:focus{outline:none;border-color:#1a4f7a;background:#fff}.form-row input[type=file]{flex:1;font-size:13px}.radio-group{display:flex;gap:18px}.radio-group label{display:flex;align-items:center;gap:5px;font-size:14px;color:#333;cursor:pointer;width:auto!important}.btn-submit{width:100%;padding:11px;background:#1a4f7a;color:#fff;border:none;border-radius:7px;cursor:pointer;font-size:15px;font-weight:700;margin-top:6px;transition:opacity .15s}.btn-submit:hover{opacity:.87}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{padding:11px 16px;background:#9e9e9e;color:#fff;border:none;border-radius:7px;cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap;transition:opacity .15s}.btn-cancel:hover{opacity:.87}.history-section{background:#fff;border-radius:10px;padding:14px 12px;margin-bottom:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.history-section h3{font-size:14px;color:#1a4f7a;margin-bottom:10px;font-weight:700}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.history-table{width:100%;border-collapse:collapse;font-size:13px;min-width:420px}.history-table th{background:#f0f4f8;padding:8px;text-align:left;white-space:nowrap;color:#555;font-weight:600;border-bottom:1px solid #dde3ea}.history-table td{padding:9px 8px;border-bottom:1px solid #eef1f4;vertical-align:middle}.history-table tr:last-child td{border-bottom:none}.history-table td.amount{text-align:right;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.badge.advance{background:#e8f5e9;color:#2e7d32}.badge.direct{background:#e3f2fd;color:#1565c0}.receipt-link{color:#1a4f7a;text-decoration:none;font-size:12px;border:1px solid #1a4f7a;padding:2px 6px;border-radius:4px}.receipt-link:hover{background:#1a4f7a;color:#fff}.empty{color:#aaa;font-size:13px;text-align:center;padding:24px 0}.loading{text-align:center;padding:28px;color:#888;font-size:14px}.row-actions{white-space:nowrap}.btn-row-edit{padding:3px 8px;background:transparent;border:1px solid #1a4f7a;color:#1a4f7a;border-radius:4px;cursor:pointer;font-size:11px;margin-right:4px;transition:background .15s,color .15s}.btn-row-edit:hover{background:#1a4f7a;color:#fff}.btn-row-delete{padding:3px 8px;background:transparent;border:1px solid #e53935;color:#e53935;border-radius:4px;cursor:pointer;font-size:11px;transition:background .15s,color .15s}.btn-row-delete:hover{background:#e53935;color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.modal-content{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:90vw;max-height:90vh}.modal-img{max-width:100%;max-height:80vh;border-radius:6px;object-fit:contain}.modal-close{padding:8px 20px;background:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}.route-section{border:1px dashed #b0c4d8;border-radius:8px;padding:10px 12px;margin-bottom:10px;background:#f4f8fc}.route-chips{display:flex;flex-wrap:wrap;gap:6px}.route-chip{padding:4px 10px;background:#e3f0fb;border:1px solid #90bde0;border-radius:20px;cursor:pointer;font-size:12px;color:#1a4f7a;white-space:nowrap;transition:background .15s}.route-chip:hover{background:#c2dcf5}.notes-text{font-size:11px;color:#888;margin-top:2px}.badge.deposit{background:#e8f5e9;color:#2e7d32}.badge.withdraw{background:#fce4ec;color:#c62828}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0f2f5;padding:16px}.login-card{background:#fff;border-radius:12px;padding:32px 28px;width:100%;max-width:360px;box-shadow:0 4px 16px #0000001f}.login-card h1{font-size:20px;color:#1a4f7a;margin-bottom:24px;text-align:center}.login-card .form-row{flex-direction:column;align-items:flex-start;gap:4px}.login-card .form-row label{width:auto;font-size:13px;font-weight:600;color:#444}.login-desc{font-size:13px;color:#666;text-align:center;margin-bottom:20px}.login-error{color:#e53935;font-size:13px;margin-bottom:12px;text-align:center}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;background:#fff;color:#444;border:1px solid #dadce0;border-radius:7px;cursor:pointer;font-size:15px;font-weight:600;box-shadow:0 1px 3px #00000014;transition:box-shadow .15s,background .15s}.btn-google:hover:not(:disabled){background:#f8f9fa;box-shadow:0 2px 6px #00000026}.btn-google:disabled{opacity:.6;cursor:not-allowed}.btn-logout{padding:5px 10px;border:1px solid rgba(255,255,255,.6);background:transparent;color:#fff;border-radius:5px;cursor:pointer;font-size:12px;white-space:nowrap}.btn-logout:hover{background:#ffffff26}.receipt-thumb{max-width:60px;max-height:44px;object-fit:cover;border-radius:3px;cursor:pointer;border:1px solid #ddd}@media (max-width: 500px){.summary-section{grid-template-columns:1fr 1fr}.summary-card:last-child{grid-column:1 / -1}.summary-section.single{max-width:100%;grid-template-columns:1fr}}