:root{--color-primary:#5b9bd5;--color-primary-dark:#3a7fc1;--color-secondary:#4a5568;--color-accent:#e3f2fd;--color-border:#b0bec5;--color-border-light:#dde3ea;--color-bg:#f4f6f9;--color-white:#fff;--color-text:#1a202c;--color-text-muted:#718096;--color-income:#1a6b3c;--color-expense:#c0392b;--color-row-hover:#edf2fb;--color-row-alt:#fafbfc;--color-danger:#c0392b;--color-closing:#7b341e;--radius:6px;--shadow:0 2px 8px rgba(0,0,0,.1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Yu Gothic,游ゴシック,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-size:14px;background:var(--color-bg);color:var(--color-text);min-height:100vh}#app{max-width:1000px;margin:0 auto;padding:16px}.app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--color-primary);color:var(--color-white);padding:14px 20px;border-radius:var(--radius);margin-bottom:16px;box-shadow:var(--shadow)}.app-title{font-size:20px;font-weight:700;letter-spacing:.05em}.header-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.header-controls label{font-size:13px;opacity:.9}#monthFilter{padding:5px 10px;border:1px solid hsla(0,0%,100%,.4);border-radius:var(--radius);background:hsla(0,0%,100%,.15);color:var(--color-white);font-size:13px;cursor:pointer}#monthFilter option{background:var(--color-primary-dark);color:var(--color-white)}.btn{padding:7px 16px;border:none;border-radius:var(--radius);font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:hsla(0,0%,100%,.2);color:var(--color-white);border:1px solid hsla(0,0%,100%,.4)}.btn-secondary:hover{background:hsla(0,0%,100%,.32)}.btn-outline{background:var(--color-white);color:var(--color-secondary);border:1px solid var(--color-border)}.btn-outline:hover{background:var(--color-bg)}.btn-danger{background:var(--color-danger);color:var(--color-white);border:none}.btn-danger:hover{background:#a93226}.btn-closing{background:#7b341e;color:var(--color-white);border:none;font-weight:600}.btn-closing:hover{background:#6b2c19}.btn-icon{padding:4px 8px;font-size:14px;background:transparent;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;color:var(--color-secondary);transition:background .12s}.btn-icon:hover{background:var(--color-row-hover)}.btn-icon.btn-delete:hover{background:#fdecea;color:var(--color-expense);border-color:var(--color-expense)}.btn-icon.btn-edit:hover{background:var(--color-accent);color:var(--color-primary);border-color:var(--color-primary)}.form-section{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius);padding:16px 20px;margin-bottom:16px;box-shadow:var(--shadow)}.form-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.form-row+.form-row{margin-top:12px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:12px;font-weight:600;color:var(--color-secondary)}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group select{padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13px;font-family:inherit;color:var(--color-text);background:var(--color-white);transition:border-color .15s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(26,86,164,.12)}.type-select{background:var(--color-white);color:var(--color-text);font-family:inherit;cursor:pointer;width:80px}.form-group.flex-grow{flex:1 1;min-width:140px}.form-group.flex-grow input{width:100%}.input-suffix{display:flex;align-items:center;gap:6px}.input-suffix input{width:130px}.input-suffix span{font-size:13px;color:var(--color-text-muted)}#editDate,#inputDate{width:145px}#editAmount,#inputAmount{width:110px}.table-section{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}#ledgerTable{width:100%;border-collapse:collapse;font-size:13px}#ledgerTable th{background:var(--color-primary);color:var(--color-white);padding:10px 12px;text-align:center;font-weight:600;white-space:nowrap;border-right:1px solid hsla(0,0%,100%,.15)}#ledgerTable th:last-child{border-right:none}#ledgerTable td{padding:8px 12px;border-bottom:1px solid var(--color-border-light);border-right:1px solid var(--color-border-light);vertical-align:middle}#ledgerTable td:last-child{border-right:none}#ledgerTable tbody tr:last-child td{border-bottom:none}#ledgerTable tbody tr:nth-child(2n){background:var(--color-row-alt)}#ledgerTable tbody tr:hover{background:var(--color-row-hover)}.col-no{width:46px}.col-date,.col-no{text-align:center!important}.col-date{width:72px}.col-time{width:62px}.col-cat,.col-time{text-align:center!important}.col-cat{width:96px}.col-desc{min-width:120px}.col-expense,.col-income{width:100px;text-align:right!important}.col-balance{width:110px;text-align:right!important}.col-actions{width:80px;text-align:center!important}td.col-no{text-align:center;color:var(--color-text-muted)}td.col-date,td.col-time{text-align:center;white-space:nowrap}td.col-time{color:var(--color-text-muted);font-size:12px}td.col-cat{text-align:center;font-size:12px;color:var(--color-primary-dark);font-weight:500}td.col-income{color:var(--color-income)}td.col-expense,td.col-income{text-align:right;font-weight:500}td.col-expense{color:var(--color-expense)}td.col-balance{text-align:right;font-weight:600}td.col-actions{text-align:center}td.col-actions .action-btns{display:flex;gap:4px;justify-content:center}td.zero{color:var(--color-border)}tr.row-opening td{background:#eaf1fb;font-weight:600;color:var(--color-primary-dark);font-size:12px}#ledgerFoot tr td{background:#f0f4fa;font-weight:700;padding:10px 12px;border-top:2px solid var(--color-primary);border-right:1px solid var(--color-border-light)}#ledgerFoot tr td:last-child{border-right:none}.empty-row td{text-align:center;color:var(--color-text-muted);padding:32px!important;font-size:13px}tr.editing td{background:#fffde7!important}tr.editing input{padding:4px 6px;border:1px solid var(--color-primary);border-radius:4px;font-size:12px;font-family:inherit;width:100%}tr.editing input[type=number]{width:84px}tr.editing input[type=date]{width:132px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay.hidden{display:none}.modal{background:var(--color-white);border-radius:var(--radius);padding:28px 32px;width:360px;max-width:90vw;box-shadow:0 8px 32px rgba(0,0,0,.2)}.modal-title{font-size:16px;font-weight:700;margin-bottom:20px;color:var(--color-primary)}.modal .form-group{margin-bottom:14px}.modal .form-group input,.modal .form-group select{padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13px;font-family:inherit;width:100%;background:var(--color-white);color:var(--color-text)}.modal .form-group input:focus,.modal .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(26,86,164,.12)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-list{width:700px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;padding:0;overflow:hidden}.modal-list-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--color-border-light);flex-shrink:0;gap:12px;flex-wrap:wrap}.modal-list-header .modal-title{margin-bottom:0}.modal-list-actions{display:flex;gap:8px;align-items:center}.list-modal-body{overflow-y:auto;padding:16px 24px 20px;flex:1 1}.list-empty{text-align:center;color:var(--color-text-muted);padding:32px 0}.list-month-section{margin-bottom:24px}.list-month-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}.list-month-info{display:flex;align-items:baseline;gap:12px}.list-month-label{font-size:14px;font-weight:700;color:var(--color-primary)}.list-month-summary{font-size:12px;color:var(--color-text-muted)}.list-table{width:100%;border-collapse:collapse;font-size:12px}.list-table th{background:var(--color-primary);color:var(--color-white);padding:6px 10px;text-align:center;font-weight:600;white-space:nowrap}.list-table td{padding:6px 10px;border-bottom:1px solid var(--color-border-light)}.list-table tbody tr:last-child td{border-bottom:none}.list-table tbody tr:nth-child(2n){background:var(--color-row-alt)}.lt-date,.lt-time{text-align:center;white-space:nowrap;width:50px}.lt-time{color:var(--color-text-muted);font-size:11px}.lt-cat{text-align:center;width:88px;font-size:11px;color:var(--color-primary-dark);font-weight:500}.lt-desc{min-width:90px}.cat-select{width:96px}.cat-note-group input{width:120px}.lt-income{color:var(--color-income)}.lt-expense,.lt-income{text-align:right;font-weight:500;width:80px}.lt-expense{color:var(--color-expense)}.lt-balance{text-align:right;font-weight:600;width:90px}.lt-expense.zero,.lt-income.zero{color:var(--color-border)}.lt-act{width:90px;text-align:center;white-space:nowrap}.attach-detail-row td{padding:0!important;border-bottom:2px solid var(--color-primary)!important}.attach-detail-cell{padding:12px 16px!important;background:#f0f4fa}.attach-detail-img{display:block;max-width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius);border:1px solid var(--color-border-light);cursor:zoom-in}.attach-detail-link{display:inline-block;padding:8px 14px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-primary);font-size:13px;text-decoration:none}.attach-detail-link:hover{background:var(--color-accent)}.btn-icon.btn-attach-toggle.active{background:var(--color-accent);color:var(--color-primary);border-color:var(--color-primary)}.chart-section{background:var(--color-bg);padding:16px 0;border-bottom:1px solid var(--color-border-light);max-width:calc(1000px - 32px);width:calc(100% - 32px);margin:0 auto}.chart-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;max-width:1000px;margin:0 auto}@media (max-width:700px){.chart-grid{grid-template-columns:1fr}}.chart-box{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.chart-title{font-size:13px;font-weight:700;color:var(--color-primary);margin-bottom:12px}.chart-canvas{display:block;width:100%}.chart-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px}.chart-legend-monthly{justify-content:center}.legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-secondary)}.legend-dot{width:10px;height:10px}.legend-dot,.legend-line{border-radius:2px;flex-shrink:0}.legend-line{display:inline-block;width:18px;height:3px;vertical-align:middle;margin-bottom:1px}.chart-box-wide{margin-top:16px}.chart-stats{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:14px;padding:12px 16px;background:var(--color-bg);border-radius:var(--radius);border:1px solid var(--color-border-light)}.chart-stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:11px;color:var(--color-text-muted);font-weight:600}.stat-value{font-size:15px;font-weight:700;color:var(--color-primary-dark)}.btn-secondary.active{background:hsla(0,0%,100%,.4);border-color:hsla(0,0%,100%,.8);font-weight:700}.list-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;padding:12px 16px;border:1px solid var(--color-border-light);border-radius:var(--radius);box-shadow:var(--shadow)}.btn-filter,.list-filter-bar{background:var(--color-white)}.btn-filter{padding:5px 14px;font-size:13px;font-family:inherit;color:var(--color-secondary);border:1px solid var(--color-border);border-radius:20px;cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.btn-filter:hover{background:var(--color-accent);color:var(--color-primary);border-color:var(--color-primary)}.btn-filter.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);font-weight:600}.btn-list-add{padding:4px 10px;font-size:12px;background:var(--color-accent);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius);cursor:pointer;white-space:nowrap;font-family:inherit}.btn-list-add:hover{background:var(--color-primary);color:var(--color-white)}#historyView{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg)}.history-view-body{max-width:760px}.history-row{align-items:flex-start;padding:12px 0}.history-badge{padding:3px 10px;border-radius:12px;margin-top:1px}.history-ts{font-size:12px;margin-top:2px}.history-diff{display:flex;flex-direction:column;gap:5px;flex:1 1;min-width:260px}.history-after,.history-before{display:flex;align-items:baseline;gap:8px;font-size:13px;padding:5px 10px;border-radius:4px}.history-before{background:#fdecea;color:#922b21}.history-after{background:#e6f4ea;color:#1a6b3c;font-weight:600}.diff-arrow{font-size:10px;font-weight:700;white-space:nowrap;opacity:.75;flex-shrink:0}.app-title-secret{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .15s}.app-title-secret:hover{opacity:.75;-webkit-text-decoration:underline dotted hsla(0,0%,100%,.6);text-decoration:underline dotted hsla(0,0%,100%,.6);text-underline-offset:4px}.modal-history{width:580px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;padding:0;overflow:hidden}.modal-history-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--color-border-light);flex-shrink:0}.modal-history-header .modal-title{margin-bottom:0}.history-body{overflow-y:auto;padding:12px 20px 20px;flex:1 1}.history-row{display:flex;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px solid var(--color-border-light);flex-wrap:wrap}.history-row:last-child{border-bottom:none}.history-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-weight:700;color:#fff}.history-badge,.history-ts{font-size:11px;white-space:nowrap;flex-shrink:0}.history-ts{color:var(--color-text-muted)}.history-label{font-size:13px;color:var(--color-text);word-break:break-all}.closing-section{background:var(--color-white);border:2px solid #7b341e;border-radius:var(--radius);margin-top:16px;box-shadow:var(--shadow)}.closing-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#7b341e;border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0}.closing-title{color:var(--color-white);font-size:15px;font-weight:700}.closing-header .btn-outline{background:hsla(0,0%,100%,.15);color:var(--color-white);border-color:hsla(0,0%,100%,.4)}.closing-header .btn-outline:hover{background:hsla(0,0%,100%,.28)}.closing-body{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.closing-info-row{display:flex;align-items:center;gap:16px}.closing-label{font-size:13px;font-weight:600;color:var(--color-secondary);white-space:nowrap;min-width:90px}.closing-value{font-size:22px;font-weight:700;color:var(--color-primary-dark)}.closing-input-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.closing-input-row .input-suffix input{width:140px}.closing-result{padding:14px 18px;border-radius:var(--radius);font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.result-ok{background:#e6f4ea;color:#1a6b3c;border:1px solid #a8d5b5}.result-over{background:#fefce8;color:#854d0e;border:1px solid #fde68a}.result-short{background:#fdecea;color:#c0392b;border:1px solid #f5a9a0}.result-sub{font-size:12px;font-weight:400;opacity:.8;margin-left:8px}.balance-card{background:var(--color-primary);border-radius:var(--radius);padding:18px 28px;margin-bottom:12px;box-shadow:var(--shadow);color:var(--color-white)}.balance-card-inner{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.balance-card-label{font-size:14px;font-weight:600;opacity:.85;white-space:nowrap}.balance-card-amount{font-size:42px;font-weight:800;letter-spacing:.02em;line-height:1}.balance-card-sub{display:flex;gap:24px;margin-top:8px;font-size:13px;opacity:.85}.balance-card-sub strong{font-weight:700}.table-caption{font-size:11px;color:var(--color-text-muted);padding:6px 14px;background:#f8f9fb;border-bottom:1px solid var(--color-border-light)}.notice-row td{text-align:center;font-size:12px;color:var(--color-primary);background:var(--color-accent);padding:8px!important;border-top:1px dashed var(--color-border);cursor:pointer}.notice-row:hover td{background:#dce8fc}#listView{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg)}.list-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--color-primary);color:var(--color-white);padding:14px 20px;border-radius:var(--radius);box-shadow:var(--shadow);flex-shrink:0;position:-webkit-sticky;position:sticky;top:16px;z-index:100;max-width:calc(1000px - 32px);width:calc(100% - 32px);margin:16px auto 0}.list-page-title{font-size:20px;font-weight:700;letter-spacing:.05em}.list-page-actions{display:flex;align-items:center;gap:10px}.btn-entry{background:#1a6b3c;color:var(--color-white);border:none;font-weight:700;font-size:14px;padding:8px 20px}.btn-entry:hover{background:#155c33}.list-view-body{flex:1 1;max-width:1000px;margin:0 auto;width:100%;padding:20px 16px 40px}.print-only{display:none}@media print{@page{size:A4 portrait;margin:15mm 12mm}body{background:#fff;font-size:11pt}#app{max-width:100%;padding:0}.no-print{display:none!important}.print-only{display:block!important}.print-title{text-align:center;margin-bottom:12pt}.print-title h2{font-size:18pt;font-weight:700;letter-spacing:.1em}.table-section{border:none;box-shadow:none}#ledgerTable{font-size:10pt;border:1px solid #333}#ledgerTable th{background:#1a56a4!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;border-right:1px solid #fff;padding:6pt 8pt}#ledgerTable td{padding:5pt 8pt;border-bottom:.5pt solid #999;border-right:.5pt solid #999}tr.row-opening td{background:#eaf1fb!important}#ledgerFoot tr td,tr.row-opening td{-webkit-print-color-adjust:exact;print-color-adjust:exact}#ledgerFoot tr td{background:#f0f4fa!important;border-top:1.5pt solid #1a56a4}#ledgerTable tbody tr:nth-child(2n){background:#fafbfc!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.col-actions{display:none}}.btn-file{display:inline-block;padding:5px 10px;background:var(--color-accent);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius);font-size:12px;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s;line-height:1.4}.btn-file:hover{background:var(--color-primary);color:var(--color-white)}.file-preview-wrap{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.file-preview-item{display:flex;align-items:center;gap:5px;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius);padding:4px 6px;max-width:180px}.file-thumb{width:40px;height:40px;object-fit:cover;border-radius:3px}.file-icon,.file-thumb{cursor:pointer;flex-shrink:0}.file-icon{font-size:22px;line-height:1}.file-name{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1;min-width:0}.file-name,.file-remove{color:var(--color-text-muted)}.file-remove{background:none;border:none;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:3px;flex-shrink:0;line-height:1}.file-remove:hover{color:var(--color-expense);background:#fdecea}.tbl-thumb{width:28px;height:28px;object-fit:cover;border-radius:3px;border:1px solid var(--color-border-light)}.tbl-file-icon,.tbl-thumb{cursor:pointer;vertical-align:middle;margin-left:4px}.tbl-file-icon{font-size:16px}@media (max-width:640px){.entry-form{flex-direction:column;align-items:stretch}.entry-form .form-group{width:100%}.entry-form input{width:100%!important}.entry-form .btn{width:100%}.app-header{flex-direction:column;align-items:flex-start}}