:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2937}body{margin:0;background:#f9fafb}.card{max-width:680px;margin:24px auto;padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.header h1{margin:0 0 4px;font-size:20px}.subtitle{margin:0 0 20px;color:#6b7280}.muted{color:#6b7280}.error{color:#b91c1c}.meta{display:grid;gap:12px;margin:0 0 20px}.meta dt{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af}.meta dd{margin:2px 0 0;font-weight:600}button.primary{background:#0ea5e9;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer}button.primary:hover{background:#0284c7}button.secondary{background:#fff;color:#b91c1c;border:1px solid #fca5a5;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;margin-top:12px}button.secondary:hover{background:#fef2f2}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tabs{display:flex;gap:4px}button.tab{background:transparent;border:none;border-bottom:2px solid transparent;padding:8px 12px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer}button.tab.active{color:#0ea5e9;border-bottom-color:#0ea5e9}button.link{background:none;border:none;color:#b91c1c;font-size:13px;font-weight:600;cursor:pointer}table.grid{width:100%;border-collapse:collapse;font-size:14px}table.grid th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;padding:8px;border-bottom:1px solid #e5e7eb}table.grid td{padding:8px;border-bottom:1px solid #f3f4f6;vertical-align:middle}table.grid select,.rate-input,.currency-input{border:1px solid #d1d5db;border-radius:6px;padding:6px 8px;font-size:14px}table.grid select{width:100%}.rate-input{width:90px}.currency-input{width:60px;text-transform:uppercase}.form-row{margin-bottom:14px}.form-row label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:#374151}.form-row select,.form-row input[type=date]{border:1px solid #d1d5db;border-radius:6px;padding:7px 9px;font-size:14px}.form-row.dates{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.form-row.presets{display:flex;gap:6px;flex-wrap:wrap}button.chip{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:5px 12px;font-size:13px;cursor:pointer;color:#374151}button.chip:hover{background:#e5e7eb}label.checkbox{flex-direction:row;align-items:center;gap:6px;font-weight:500}.preview{margin-top:20px}.warnings{margin:0 0 14px;padding:12px 14px 12px 28px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:13px}table.grid tfoot td{border-top:2px solid #e5e7eb;border-bottom:none;font-weight:700;padding-top:10px}.total-label{text-align:right}.success{margin-top:16px;padding:12px 14px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46}.success a{color:#047857;font-weight:600}button.primary:disabled{background:#93c5fd;cursor:not-allowed}