*{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:#fdf6f9;color:#333;font-size:15px}.app-header{background:#c97fa8;color:#fff;padding:16px 20px 0;box-shadow:0 2px 6px rgba(0,0,0,.1)}.app-header h1{font-size:18px;font-weight:700;margin-bottom:12px;letter-spacing:.05em}.tab-nav{display:flex;gap:4px}.tab-btn{background:hsla(0,0%,100%,.2);border:none;color:#fff;padding:8px 20px;border-radius:8px 8px 0 0;cursor:pointer;font-size:14px;transition:background .2s}.tab-btn.active{background:#fdf6f9;color:#c97fa8;font-weight:600}.tab-btn:hover:not(.active){background:hsla(0,0%,100%,.35)}.app-main{max-width:720px;margin:24px auto;padding:0 16px 40px}.app-main--wide{max-width:1100px}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 4px rgba(0,0,0,.08)}.card,.card h2{margin-bottom:20px}.card h2{font-size:16px;font-weight:700;color:#c97fa8;border-left:4px solid #c97fa8;padding-left:10px}.sales-form{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;align-items:center;gap:12px}.form-row label{width:160px;flex-shrink:0;font-size:14px;color:#555}.form-row input[type=date],.form-row input[type=number],.form-row input[type=text]{flex:1 1;padding:9px 12px;border:1px solid #ddd;border-radius:8px;font-size:15px;outline:none;transition:border-color .2s}.form-row input:focus{border-color:#c97fa8}.form-row textarea{flex:1 1;padding:9px 12px;border:1px solid #ddd;border-radius:8px;font-size:15px;outline:none;resize:vertical;font-family:inherit;transition:border-color .2s}.form-row textarea:focus{border-color:#c97fa8}.total-col{background:#f5e8f2!important;color:#c97fa8!important;font-weight:700}.total-val{background:#fdf5fb;color:#c97fa8;font-weight:700;font-size:15px}.zero{color:#ccc}.memo-cell{font-size:13px;color:#777;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-with-unit{display:flex;align-items:center;gap:6px;flex:1 1}.input-with-unit input{flex:1 1}.input-with-unit span{color:#777;font-size:14px}.total-row{background:#fdf0f7;border-radius:8px;padding:12px}.total-amount{font-size:24px;font-weight:700;color:#c97fa8}.radio-group{display:flex;gap:24px}.radio-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:15px;width:auto!important}.radio-label input[type=radio]{accent-color:#c97fa8;width:16px;height:16px}.btn-primary{background:#c97fa8;color:#fff;border:none;padding:12px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:8px}.btn-primary:hover:not(:disabled){background:#b56d95}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-export{background:#4a9e6f;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.btn-export:hover{background:#3a8a5f}.btn-edit{background:none;border:1px solid #c97fa8;color:#c97fa8;padding:4px 10px;border-radius:6px;cursor:pointer;font-size:12px;margin-right:4px}.btn-edit:hover{background:#fdf0f7}.btn-save{background:#c97fa8;border:none;color:#fff;border-radius:6px;font-weight:600;margin-right:4px}.btn-cancel,.btn-save{padding:4px 10px;cursor:pointer;font-size:12px}.btn-cancel{background:none;border:1px solid #aaa;color:#666;border-radius:6px}.edit-row td{background:#fffbfe;padding:6px 8px}.edit-input{width:100%;padding:5px 7px;border:1px solid #c97fa8;border-radius:6px;font-size:13px;outline:none;font-family:inherit}.num-input{text-align:right;width:80px}.edit-actions{white-space:nowrap}.btn-delete{background:none;border:1px solid #e0a0a0;color:#c05050;padding:4px 10px;border-radius:6px;cursor:pointer;font-size:12px}.btn-delete:hover{background:#fff0f0}.success-msg{color:#4a9e6f;font-weight:600;text-align:center}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.list-header h2{margin-bottom:0}.list-header input[type=month]{padding:7px 10px;border:1px solid #ddd;border-radius:8px;font-size:14px}.table-wrap{overflow-x:auto}.sales-table{width:100%;border-collapse:collapse;font-size:14px}.sales-table th{background:#fdf0f7;color:#c97fa8;text-align:left;font-weight:600}.sales-table td,.sales-table th{padding:10px;white-space:nowrap;font-size:13px}.sales-table td{border-bottom:1px solid #f0e8f0}.sales-table tbody tr:hover{background:#fdfafd}.sales-table tfoot td{background:#fdf0f7;font-weight:600;padding:10px 12px}.num{text-align:right}.bold{font-weight:700}.badge{display:inline-block;padding:3px 8px;border-radius:20px;font-size:12px;font-weight:600}.badge-cash{background:#e8f5ee;color:#4a9e6f}.badge-paypay{background:#fff0e0;color:#d07020}.empty-msg{color:#aaa;text-align:center;padding:32px 0}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.summary-item{background:#fdf0f7;border-radius:10px;padding:16px;text-align:center}.summary-label{font-size:12px;color:#888;margin-bottom:6px}.summary-value{font-size:20px;font-weight:700;color:#c97fa8}.view-toggle{display:flex;gap:8px}.toggle-btn{flex:1 1;padding:10px;border:2px solid #c97fa8;border-radius:8px;background:#fff;color:#c97fa8;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.toggle-btn.active{background:#c97fa8;color:#fff}.year-select{padding:7px 10px;border:1px solid #ddd;border-radius:8px;font-size:14px}.hint{font-size:13px;color:#777;line-height:1.7;margin-bottom:16px}@media (max-width:480px){.form-row{flex-direction:column;align-items:flex-start}.form-row label{width:auto}.form-row input[type=date],.form-row input[type=number],.form-row input[type=text],.input-with-unit{width:100%}.summary-grid{grid-template-columns:repeat(2,1fr)}}