:root{--font-sans: "Noto Sans JP", system-ui, sans-serif;--color-text: #2b2b2b;--color-bg: #f5f6f8;--color-muted: #888;--color-border: #d8dbe0;--color-primary: #2f5d8a;--color-primary-dark: #24476a;--color-danger: #b3382f;--color-unpaid-bg: #fdecec;--color-unpaid-border: #e8b4b0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);min-width:960px}.app-header{background:#fff;border-bottom:1px solid var(--color-border);padding:.9rem 1.5rem 0}.app-title{font-size:1.25rem;letter-spacing:.08em;margin-bottom:.6rem}.app-subtitle{font-size:.8rem;font-weight:400;color:var(--color-muted);margin-left:.5rem}.tab-nav{display:flex;gap:.25rem}.tab-btn{font-family:inherit;font-size:.9rem;padding:.55rem 1.4rem;border:1px solid var(--color-border);border-bottom:none;border-radius:6px 6px 0 0;background:#eef0f3;color:var(--color-muted);cursor:pointer}.tab-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:700}.view-container{padding:1.25rem 1.5rem 3rem}.toolbar{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.toolbar .spacer{flex:1}.toolbar input[type=search],.toolbar select{font-family:inherit;font-size:.9rem;padding:.45rem .6rem;border:1px solid var(--color-border);border-radius:4px;background:#fff}.toolbar input[type=search]{width:280px}.legend{font-size:.8rem;color:var(--color-muted);display:inline-flex;align-items:center;gap:.35rem}.legend-swatch{display:inline-block;width:14px;height:14px;border-radius:3px}.legend-swatch.unpaid{background:var(--color-unpaid-bg);border:1px solid var(--color-unpaid-border)}.btn{font-family:inherit;font-size:.85rem;padding:.45rem 1rem;border:1px solid var(--color-border);border-radius:4px;background:#fff;color:var(--color-text);cursor:pointer}.btn:hover{background:#f0f2f5}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:700}.btn-primary:hover{background:var(--color-primary-dark)}.btn-danger{color:var(--color-danger);border-color:#dcaba7}.btn-danger:hover{background:#fbf0ef}.btn-sm{font-size:.78rem;padding:.25rem .6rem}.data-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--color-border);font-size:.88rem}.data-table th,.data-table td{padding:.55rem .7rem;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;white-space:nowrap}.data-table td.cell-name{white-space:normal;min-width:160px}.data-table th{background:#eef0f3;font-size:.8rem;color:#555}.data-table .num{text-align:right}.data-table tbody tr:hover{background:#f6f8fa}.data-table tbody tr.row-unpaid{background:var(--color-unpaid-bg)}.data-table tbody tr.row-unpaid:hover{background:#fbe0e0}.data-table tbody tr.row-unpaid td{border-bottom-color:var(--color-unpaid-border)}.cell-actions{display:flex;gap:.3rem}.badge{display:inline-block;font-size:.75rem;padding:.15rem .55rem;border-radius:10px;background:#eee}.badge-lead{background:#e8eaf0;color:#556}.badge-active{background:#dcefdc;color:#2b6b2b}.badge-pause{background:#f3ecd9;color:#8a6d1a}.badge-done{background:#e4e4e4;color:#666}.badge-pay-none{background:#e8eaf0;color:#556}.badge-pay-invoiced{background:#fbe3c9;color:#9a5b12}.badge-pay-paid{background:#dcefdc;color:#2b6b2b}.form-dialog{border:1px solid var(--color-border);border-radius:8px;padding:0;width:680px;max-width:92vw}.form-dialog::backdrop{background:#00000059}.entry-form{padding:1.5rem 1.75rem}.entry-form h2{font-size:1.05rem;margin-bottom:1.1rem;padding-bottom:.6rem;border-bottom:1px solid var(--color-border)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.25rem}.form-grid label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:#555}.form-grid label.span2{grid-column:span 2}.form-grid label.required{color:#333;font-weight:700}.form-grid label.required>input,.form-grid label.required>select{border-color:#b9c6d4}.form-grid input,.form-grid select,.form-grid textarea{font-family:inherit;font-size:.9rem;padding:.45rem .55rem;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text)}.form-grid textarea{resize:vertical}.form-hint{font-size:.75rem;color:var(--color-muted);margin-top:.8rem}.form-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.2rem}.loading,.empty{color:var(--color-muted);padding:2.5rem 0;text-align:center}.error-panel{background:#fff;border:1px solid var(--color-unpaid-border);border-radius:6px;padding:1.5rem;text-align:center;color:var(--color-danger)}.error-panel .btn{margin-top:.8rem}.error-detail{margin-top:.6rem;font-size:.78rem;color:#777;white-space:pre-wrap;text-align:left}.placeholder-panel{background:#fff;border:1px dashed var(--color-border);border-radius:6px;padding:3rem;text-align:center;color:var(--color-muted)}.placeholder-panel h2{color:var(--color-text);font-size:1rem;margin-bottom:.6rem}#toast-container{position:fixed;right:1.25rem;bottom:1.25rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000}.toast{font-size:.85rem;padding:.7rem 1.1rem;border-radius:6px;color:#fff;max-width:420px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;box-shadow:0 2px 10px #0000002e}.toast.show{opacity:1;transform:translateY(0)}.toast-error{background:var(--color-danger)}.toast-success{background:#2e7d43}