.rjfl {
  --rjfl-ink: #172033;
  --rjfl-muted: #667085;
  --rjfl-line: #dfe4ec;
  --rjfl-soft: #f5f7fa;
  --rjfl-primary: #315c87;
  --rjfl-primary-dark: #214362;
  --rjfl-income: #1f7a5a;
  --rjfl-expense: #b85c48;
  max-width: 1180px;
  margin: 28px auto;
  color: var(--rjfl-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", sans-serif;
  font-size: 15px;
  line-height: 1.65;
}
.rjfl *, .rjfl *::before, .rjfl *::after { box-sizing: border-box; }
.rjfl button, .rjfl input, .rjfl select, .rjfl textarea { font: inherit; }
.rjfl__hero { display:flex; justify-content:space-between; gap:28px; align-items:flex-end; padding:32px; border-radius:18px; color:#fff; background:linear-gradient(135deg,#18324b,#315c87); box-shadow:0 12px 30px rgba(26,45,65,.16); }
.rjfl__eyebrow, .rjfl__kicker { margin:0 0 4px; font-size:11px; font-weight:800; letter-spacing:.18em; }
.rjfl__eyebrow { color:#b9d8f2; }
.rjfl__title { margin:0; color:#fff; font-size:clamp(25px,4vw,38px); line-height:1.25; }
.rjfl__lead { margin:10px 0 0; color:#e9f2fa; }
.rjfl__privacy { min-width:220px; padding:13px 16px; border:1px solid rgba(255,255,255,.25); border-radius:12px; background:rgba(255,255,255,.09); }
.rjfl__privacy strong, .rjfl__privacy span { display:block; }
.rjfl__privacy span { font-size:12px; color:#e9f2fa; }
.rjfl__toolbar { display:flex; justify-content:space-between; gap:18px; align-items:flex-end; margin:18px 0; padding:16px 18px; border:1px solid var(--rjfl-line); border-radius:14px; background:#fff; }
.rjfl__toolbar-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.rjfl__button { min-height:40px; padding:8px 14px; border:1px solid transparent; border-radius:9px; cursor:pointer; font-weight:700; transition:.18s ease; }
.rjfl__button:hover { transform:translateY(-1px); }
.rjfl__button:focus-visible, .rjfl input:focus-visible, .rjfl select:focus-visible, .rjfl textarea:focus-visible { outline:3px solid rgba(49,92,135,.25); outline-offset:2px; }
.rjfl__button--primary { min-width:150px; color:#fff; background:var(--rjfl-primary); }
.rjfl__button--primary:hover { background:var(--rjfl-primary-dark); }
.rjfl__button--sub { color:#294e70; border-color:#b7c9da; background:#f5f9fc; }
.rjfl__button--ghost { color:#536273; border-color:var(--rjfl-line); background:#fff; }
.rjfl__button--danger-text { color:#9b3d35; background:transparent; }
.rjfl__file-button { display:inline-flex; align-items:center; justify-content:center; }
.rjfl__storage-note { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 18px; margin:-7px 2px 12px; color:var(--rjfl-muted); font-size:12px; }
.rjfl__storage-note p { margin:0; }
.rjfl__status { min-height:24px; margin:-4px 2px 8px; font-size:13px; font-weight:700; }
.rjfl__status--success { color:#176849; }
.rjfl__status--error { color:#a23f33; }
.rjfl__summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:18px 0; }
.rjfl__card { min-height:112px; padding:20px; border:1px solid var(--rjfl-line); border-radius:15px; background:#fff; box-shadow:0 5px 18px rgba(23,32,51,.05); }
.rjfl__card span { display:block; color:var(--rjfl-muted); font-size:13px; font-weight:700; }
.rjfl__card strong { display:block; margin-top:8px; font-size:clamp(22px,3vw,30px); line-height:1.25; font-variant-numeric:tabular-nums; }
.rjfl__card small { display:block; margin-top:4px; color:var(--rjfl-muted); font-size:11px; line-height:1.45; }
.rjfl__card-action { margin:8px 0 0; padding:3px 0; color:var(--rjfl-primary); border:0; background:transparent; cursor:pointer; font-size:12px; font-weight:800; text-decoration:underline; text-underline-offset:2px; }
.rjfl__card-action[aria-pressed="true"] { color:#8f4035; }
.rjfl__card--income { border-top:4px solid var(--rjfl-income); }
.rjfl__card--income strong { color:var(--rjfl-income); }
.rjfl__card--expense { border-top:4px solid var(--rjfl-expense); }
.rjfl__card--expense strong, .rjfl .is-negative { color:var(--rjfl-expense); }
.rjfl__card--balance { border-top:4px solid var(--rjfl-primary); }
.rjfl__card--donation { border-top:4px solid #b2873f; }
.rjfl__card--donation strong { color:#8a6428; }
.rjfl__card--municipalities { border-top:4px solid var(--rjfl-primary); }
.rjfl__card--check { border-top:4px solid var(--rjfl-expense); }
.rjfl__limit { display:grid; grid-template-columns:minmax(260px,1fr) minmax(170px,.45fr) minmax(170px,.45fr); gap:18px; align-items:center; margin:18px 0; padding:20px 22px; border:1px solid #d9d1bb; border-radius:15px; background:#fbf9f2; }
.rjfl__limit p { margin:3px 0 0; color:var(--rjfl-muted); font-size:12px; }
.rjfl__limit-input { min-width:0; }
.rjfl__limit-result { padding-left:18px; border-left:1px solid #d9d1bb; }
.rjfl__limit-result span { display:block; color:var(--rjfl-muted); font-size:12px; font-weight:700; }
.rjfl__limit-result strong { display:block; margin-top:3px; font-size:20px; font-variant-numeric:tabular-nums; }
.rjfl__alerts { display:grid; gap:10px; margin:18px 0; }
.rjfl__alert { padding:16px 18px; color:#294e70; border:1px solid #bfd0df; border-radius:12px; background:#f3f8fc; }
.rjfl__alert strong { display:block; }
.rjfl__alert p { margin:3px 0 0; font-size:13px; }
.rjfl__alert--important { color:#864334; border-color:#e2bfb6; background:#fff5f2; }
.rjfl__panel { margin:18px 0; padding:24px; border:1px solid var(--rjfl-line); border-radius:16px; background:#fff; box-shadow:0 5px 18px rgba(23,32,51,.045); }
.rjfl__section-heading { display:flex; justify-content:space-between; gap:18px; align-items:center; margin-bottom:18px; }
.rjfl__section-heading h3 { margin:0; color:var(--rjfl-ink); font-size:21px; }
.rjfl__kicker { color:var(--rjfl-primary); }
.rjfl__form { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.rjfl__field { display:flex; flex-direction:column; gap:6px; margin:0; }
.rjfl__field span, .rjfl__filters span { color:#465467; font-size:12px; font-weight:800; }
.rjfl__field small { color:var(--rjfl-muted); font-size:11px; line-height:1.45; }
.rjfl__field em { color:#a34539; font-style:normal; }
.rjfl__field input, .rjfl__field select, .rjfl__field textarea, .rjfl__filters select, .rjfl__filters input { width:100%; min-height:44px; padding:9px 11px; color:var(--rjfl-ink); border:1px solid #cbd3df; border-radius:9px; background:#fff; }
.rjfl__field textarea { resize:vertical; }
.rjfl__field--compact { min-width:140px; }
.rjfl__field--wide { grid-column:span 2; }
.rjfl__field--full { grid-column:1/-1; }
.rjfl__check { display:flex; gap:8px; align-items:center; align-self:end; min-height:44px; padding:8px 0; cursor:pointer; }
.rjfl__check input { width:18px; height:18px; accent-color:var(--rjfl-primary); }
.rjfl__form-actions { display:flex; justify-content:flex-end; }
.rjfl__filters { display:flex; flex-wrap:wrap; gap:8px; }
.rjfl__filters label { min-width:115px; }
.rjfl__filters .rjfl__filter-search { min-width:220px; }
.rjfl__filters span { display:block; }
.rjfl__filters select, .rjfl__filters input { min-height:37px; padding:6px 9px; }
.rjfl__table-wrap { overflow-x:auto; border:1px solid var(--rjfl-line); border-radius:11px; }
.rjfl__table { width:100%; min-width:650px; margin:0; border-collapse:collapse; background:#fff; }
.rjfl__table th, .rjfl__table td { padding:11px 12px; border:0; border-bottom:1px solid #e6eaf0; text-align:left; vertical-align:middle; }
.rjfl__table th { color:#465467; background:#f2f5f8; font-size:12px; white-space:nowrap; }
.rjfl__table tbody tr:last-child td { border-bottom:0; }
.rjfl__table tbody tr:hover td { background:#fafcfe; }
.rjfl__number { text-align:right !important; white-space:nowrap; font-variant-numeric:tabular-nums; }
.rjfl__number--income { color:var(--rjfl-income); }
.rjfl__number--expense { color:var(--rjfl-expense); }
.rjfl__badge { display:inline-block; min-width:44px; padding:2px 8px; border-radius:99px; text-align:center; font-size:12px; font-weight:800; }
.rjfl__badge--income { color:#176849; background:#e1f4ec; }
.rjfl__badge--expense { color:#9b4335; background:#f9e8e4; }
.rjfl__badge--pending { color:#92400e; background:#fef3c7; }
.rjfl__badge--done { color:#176849; background:#e1f4ec; }
.rjfl__row-actions { white-space:nowrap; }
.rjfl__mini-button { padding:4px 7px; color:#2e5b83; border:0; background:transparent; cursor:pointer; font-size:12px; font-weight:800; }
.rjfl__mini-button--danger { color:#a34539; }
.rjfl__detail-row td { padding:0 !important; background:#f8fafc !important; }
.rjfl__detail-grid { display:grid; grid-template-columns:1fr 1fr 2fr; gap:16px; padding:16px 18px; border-bottom:1px solid #dfe5ec; }
.rjfl__detail-grid strong { display:block; color:#465467; font-size:11px; }
.rjfl__detail-grid p { margin:3px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.rjfl__empty { margin:18px 0 2px; color:var(--rjfl-muted); text-align:center; }
.rjfl__table-hint { display:none; margin:7px 0 0; color:var(--rjfl-muted); font-size:11px; }
.rjfl__records-note { margin:14px 2px 0; padding:11px 13px; color:#4d5b6c; border-radius:9px; background:#f4f7fa; font-size:12px; }
.rjfl__notice { margin:18px 0; padding:18px 20px; color:#514b39; border:1px solid #e2d8b9; border-radius:13px; background:#fcf9ee; }
.rjfl__notice strong { display:block; margin-bottom:3px; color:#514426; }
.rjfl__notice p { margin:0; font-size:13px; }
.rjfl__notice--warning { color:#8a3d33; border-color:#ecc2bc; background:#fff4f2; }
@media (max-width:900px) {
  .rjfl__summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rjfl__form { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rjfl__limit { grid-template-columns:1fr 1fr; }
  .rjfl__limit > div:first-child { grid-column:1/-1; }
}
@media (max-width:640px) {
  .rjfl { margin:16px 0; font-size:14px; }
  .rjfl__hero { align-items:flex-start; padding:23px 20px; flex-direction:column; border-radius:13px; }
  .rjfl__privacy { min-width:0; width:100%; }
  .rjfl__toolbar { align-items:stretch; flex-direction:column; }
  .rjfl__toolbar-actions { display:grid; grid-template-columns:1fr 1fr; }
  .rjfl__button { width:100%; }
  .rjfl__summary { grid-template-columns:1fr 1fr; gap:9px; }
  .rjfl__limit { grid-template-columns:1fr; padding:18px 15px; }
  .rjfl__limit > div:first-child { grid-column:auto; }
  .rjfl__limit-result { padding:12px 0 0; border-top:1px solid #d9d1bb; border-left:0; }
  .rjfl__card { min-height:92px; padding:15px 13px; }
  .rjfl__card strong { font-size:20px; }
  .rjfl__panel { padding:18px 14px; border-radius:13px; }
  .rjfl__form { grid-template-columns:1fr; }
  .rjfl__field--wide, .rjfl__field--full { grid-column:auto; }
  .rjfl__section-heading--records { align-items:flex-start; flex-direction:column; }
  .rjfl__filters { width:100%; }
  .rjfl__filters label { flex:1 1 95px; min-width:0; }
  .rjfl__filters .rjfl__filter-search { flex-basis:100%; min-width:100%; }
  .rjfl__table-hint { display:block; }
  .rjfl__detail-grid { grid-template-columns:1fr; gap:11px; }
}