:root{--accent:#2fa8ae;--accent-dark:#22868b;--danger:#c0392b;--border:#d5dbdd;--bg:#f7f9f9;--text:#26302f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;font-size:14px;line-height:1.6}main{max-width:1080px;margin:0 auto;padding:24px 20px 64px}.app-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}h1{margin:0;font-size:20px}h2{margin:0 0 16px;font-size:17px}h3{margin:0;font-size:15px}.button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:6px;padding:7px 16px;font-size:13px;text-decoration:none;transition:background .15s;display:inline-block}.button:hover:not(:disabled){background:#eef3f3}.button:disabled{opacity:.5;cursor:default}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover:not(:disabled){background:var(--accent-dark)}.button.danger{color:var(--danger);border-color:#e4c2be}.button.danger:hover:not(:disabled){background:#faeeec}.button.small{padding:4px 10px;font-size:12px}.invoice-table{border-collapse:collapse;border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;overflow:hidden}.invoice-table th,.invoice-table td{border-bottom:1px solid var(--border);text-align:left;padding:10px 12px}.invoice-table thead th{background:var(--accent);color:#fff;font-size:13px;font-weight:600}.invoice-table tbody tr:last-child td{border-bottom:none}.invoice-table .num{text-align:right}.invoice-table .actions{text-align:right;white-space:nowrap}.invoice-table .actions>*{margin-left:6px}.status{border-radius:999px;padding:2px 10px;font-size:12px;display:inline-block}.status-draft{color:#8a6d1a;background:#fdf3d7}.status-confirmed{color:#1e7a44;background:#def2e6}.empty,.hint{border:1px solid var(--border);color:#5c6b6a;background:#fff;border-radius:8px;padding:20px}.error{color:var(--danger);background:#faeeec;border:1px solid #e4c2be;border-radius:8px;padding:12px 16px}.invoice-form{border:1px solid var(--border);background:#fff;border-radius:8px;padding:24px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px;display:grid}label{flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}input,select,textarea{font:inherit;border:1px solid var(--border);color:var(--text);background:#fff;border-radius:6px;padding:7px 10px;font-weight:400}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.lines-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lines-actions>*{margin-left:8px}.lines-table{border-collapse:collapse;width:100%;margin-bottom:16px}.lines-table th,.lines-table td{text-align:left;padding:5px 4px;font-size:13px}.lines-table thead th{border-bottom:2px solid var(--accent);color:#40504f;font-size:12px}.lines-table input,.lines-table select{width:100%;padding:6px 8px}.lines-table td.num{text-align:right;white-space:nowrap;min-width:90px}.lines-table th.num{text-align:right}.totals-panel{justify-content:flex-end;margin-bottom:16px;display:flex}.totals-panel table{border-collapse:collapse}.totals-panel th,.totals-panel td{text-align:right;padding:5px 12px;font-size:13px}.totals-panel th{color:#40504f;font-weight:600}.totals-panel .grand th,.totals-panel .grand td{border-top:2px solid var(--accent);font-size:15px;font-weight:700}.note-field{margin-bottom:20px}.form-actions{justify-content:flex-end;gap:10px;display:flex}.login-wrap{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-form{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;gap:14px;width:320px;padding:32px;display:flex}.login-form h1{text-align:center;margin-bottom:6px}.header-actions{align-items:center;gap:12px;display:flex}.username{color:#5c6b6a;font-size:13px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-bottom:22px;display:grid}.summary-card{border:1px solid var(--border);background:#fff;border-radius:8px;padding:16px 18px}.summary-card h3{margin:0 0 10px;font-size:14px}.summary-card table{border-collapse:collapse;width:100%;margin-bottom:10px}.summary-card th{text-align:left;color:#5c6b6a;padding:3px 0;font-size:13px;font-weight:400}.summary-card td{text-align:right;font-variant-numeric:tabular-nums;padding:3px 0}.summary-card tr.grand th,.summary-card tr.grand td{border-top:2px solid var(--accent);font-weight:700}.entry-form{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.entry-form input[type=text]{flex:1;min-width:160px}.entry-form input[type=number]{width:110px}section h2{margin:0 0 10px;font-size:15px}