/* Life Football Accounting V10 — focused, fast, consistent workspace */
:root{
  --lf-a-bg:#f4f7fb;
  --lf-a-card:#ffffff;
  --lf-a-border:#e3e9f2;
  --lf-a-text:#172033;
  --lf-a-muted:#6c7890;
  --lf-a-primary:#2458d6;
  --lf-a-primary-dark:#1746b5;
  --lf-a-soft:#edf3ff;
  --lf-a-good:#13795b;
  --lf-a-warn:#a45a00;
  --lf-a-bad:#bd2c3f;
  --lf-a-shadow:0 10px 30px rgba(30,45,75,.07);
  --lf-a-radius:16px;
}
body.lf-accounting-page{background:var(--lf-a-bg);color:var(--lf-a-text)}
body.lf-accounting-page .lf-navbar{box-shadow:0 1px 0 rgba(255,255,255,.08),0 8px 25px rgba(3,12,28,.10)}
body.lf-accounting-page main{max-width:1680px}
.lf-fin-shell{max-width:1600px;margin:0 auto}
.lf-fin-workspace{background:rgba(255,255,255,.96);border:1px solid var(--lf-a-border);border-radius:18px;padding:14px 16px;margin-bottom:20px;box-shadow:0 6px 20px rgba(35,53,85,.04)}
.lf-fin-workspace-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.lf-fin-eyebrow{text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--lf-a-primary)}
.lf-fin-title{font-size:1.08rem;font-weight:800;margin:2px 0 0}
.lf-fin-user{display:flex;gap:8px;align-items:center;font-size:.86rem;color:var(--lf-a-muted)}
.lf-fin-user strong{color:var(--lf-a-text)}
.lf-fin-nav{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.lf-fin-nav a{white-space:nowrap;text-decoration:none;color:#536079;font-size:.9rem;font-weight:700;padding:9px 12px;border-radius:11px;transition:.15s ease}
.lf-fin-nav a:hover{background:#f2f5fa;color:var(--lf-a-text)}
.lf-fin-nav a.active{background:var(--lf-a-primary);color:#fff;box-shadow:0 6px 14px rgba(36,88,214,.18)}
.lf-fin-nav .lf-fin-nav-danger.active{background:var(--lf-a-bad)}
.lf-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:6px 0 18px}
.lf-page-head h1,.lf-page-head h2,.lf-page-head h3{font-weight:850;letter-spacing:-.02em;margin:0;color:var(--lf-a-text)}
.lf-page-head p{margin:.3rem 0 0;color:var(--lf-a-muted)}
.lf-panel{background:var(--lf-a-card);border:1px solid var(--lf-a-border);border-radius:var(--lf-a-radius);box-shadow:var(--lf-a-shadow)}
.lf-panel-head{padding:16px 18px;border-bottom:1px solid var(--lf-a-border);display:flex;align-items:center;justify-content:space-between;gap:10px}
.lf-panel-head h4,.lf-panel-head h5{margin:0;font-weight:800}
.lf-panel-body{padding:18px}
.lf-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.lf-kpi{background:var(--lf-a-card);border:1px solid var(--lf-a-border);border-radius:15px;padding:16px;box-shadow:0 6px 18px rgba(30,45,75,.045);min-height:112px}
.lf-kpi-label{font-size:.82rem;color:var(--lf-a-muted);font-weight:650;margin-bottom:9px}
.lf-kpi-value{font-size:1.62rem;font-weight:850;line-height:1.15;letter-spacing:-.02em}
.lf-kpi-sub{font-size:.78rem;color:var(--lf-a-muted);margin-top:8px}
.lf-kpi.good .lf-kpi-value{color:var(--lf-a-good)}
.lf-kpi.bad .lf-kpi-value{color:var(--lf-a-bad)}
.lf-kpi.primary .lf-kpi-value{color:var(--lf-a-primary)}
.lf-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.lf-action-card{display:block;text-decoration:none;background:#fafcff;border:1px solid var(--lf-a-border);border-radius:13px;padding:14px;color:var(--lf-a-text);transition:.15s ease}
.lf-action-card:hover{transform:translateY(-1px);border-color:#b9c9ef;box-shadow:0 8px 18px rgba(35,60,110,.07);color:var(--lf-a-text)}
.lf-action-card .count{font-size:1.4rem;font-weight:850;display:block}
.lf-action-card .label{font-size:.82rem;color:var(--lf-a-muted)}
.lf-status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:800;line-height:1}
.lf-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75}
.lf-status.good{background:#eaf8f2;color:var(--lf-a-good)}
.lf-status.warn{background:#fff5df;color:var(--lf-a-warn)}
.lf-status.bad{background:#fff0f2;color:var(--lf-a-bad)}
.lf-status.neutral{background:#eef2f7;color:#667188}
.lf-status.primary{background:#edf3ff;color:var(--lf-a-primary)}
.lf-search-hero{background:linear-gradient(135deg,#183e9e,#2e69e5);color:#fff;border-radius:20px;padding:24px;box-shadow:0 14px 34px rgba(29,72,171,.20);margin-bottom:16px}
.lf-search-hero h2{font-weight:850;margin-bottom:4px}
.lf-search-hero p{opacity:.82;margin-bottom:18px}
.lf-search-row{display:grid;grid-template-columns:minmax(0,1fr) 210px 130px;gap:10px}
.lf-search-row .form-control,.lf-search-row .form-select{min-height:52px;border:0;box-shadow:none}
.lf-search-row .btn{min-height:52px;font-weight:800}
.lf-mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.lf-mini-stat{background:#fff;border:1px solid var(--lf-a-border);border-radius:13px;padding:12px 14px}
.lf-mini-stat span{display:block;font-size:.76rem;color:var(--lf-a-muted)}
.lf-mini-stat strong{display:block;font-size:1.12rem;margin-top:3px}
.lf-data-table{margin:0;font-size:.9rem}
.lf-data-table thead th{background:#f8fafc!important;color:#667188;font-size:.76rem;text-transform:none;font-weight:800;letter-spacing:.01em;border-bottom:1px solid var(--lf-a-border);padding:12px 14px;white-space:nowrap}
.lf-data-table tbody td{padding:13px 14px;border-color:#edf0f4;vertical-align:middle}
.lf-data-table tbody tr{content-visibility:auto;contain-intrinsic-size:56px}
.lf-data-table tbody tr:hover{background:#fafcff}
.lf-order-no{font-weight:850;color:var(--lf-a-text);text-decoration:none}
.lf-order-no:hover{color:var(--lf-a-primary)}
.lf-money{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.lf-money.good{color:var(--lf-a-good);font-weight:750}.lf-money.bad{color:var(--lf-a-bad);font-weight:850}
.lf-empty{padding:52px 20px;text-align:center;color:var(--lf-a-muted)}
.lf-section-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,.75fr);gap:16px;align-items:start}
.lf-step{display:flex;gap:12px;align-items:flex-start}
.lf-step-num{width:30px;height:30px;border-radius:9px;background:var(--lf-a-soft);color:var(--lf-a-primary);display:grid;place-items:center;font-weight:850;flex:0 0 auto}
.lf-step-title{font-weight:850;margin-bottom:2px}.lf-step-note{font-size:.82rem;color:var(--lf-a-muted)}
.lf-pay-row{background:#f9fbff;border:1px solid var(--lf-a-border);border-radius:13px;padding:14px;margin-bottom:10px}
.lf-transaction-summary{position:sticky;top:92px}
.lf-summary-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f4}
.lf-summary-line:last-child{border-bottom:0}.lf-summary-line .label{color:var(--lf-a-muted)}.lf-summary-line strong{font-variant-numeric:tabular-nums}
.lf-timeline{position:relative;padding-left:18px}
.lf-timeline::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:#e5eaf2}
.lf-timeline-item{position:relative;padding:0 0 18px 14px}
.lf-timeline-item::before{content:"";position:absolute;left:-16px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--lf-a-primary);border:2px solid #fff;box-shadow:0 0 0 2px #cbd8f5}
.lf-timeline-title{font-weight:800}.lf-timeline-meta{font-size:.77rem;color:var(--lf-a-muted);margin:3px 0}.lf-timeline-detail{font-size:.84rem;color:#4d5870;background:#f8fafc;border-radius:10px;padding:9px 11px;margin-top:5px;overflow-wrap:anywhere}
.lf-audit-actor{font-weight:800}.lf-audit-user{font-size:.76rem;color:var(--lf-a-muted)}
.lf-toolbar{background:#fff;border:1px solid var(--lf-a-border);border-radius:14px;padding:12px;margin-bottom:14px}
.lf-toolbar .form-control,.lf-toolbar .form-select{border-color:#dfe5ee}
.lf-btn-primary{background:var(--lf-a-primary);border-color:var(--lf-a-primary);color:#fff}.lf-btn-primary:hover{background:var(--lf-a-primary-dark);border-color:var(--lf-a-primary-dark);color:#fff}
.lf-note{border-radius:12px;padding:12px 14px;background:#f5f8fc;border:1px solid var(--lf-a-border);color:#536079;font-size:.85rem}
.lf-note.bad{background:#fff4f5;border-color:#f5ccd2;color:#8d2937}.lf-note.good{background:#eefaf5;border-color:#cbeadf;color:#1f664f}
.lf-skeleton-free{transition:opacity .12s ease}
@media(max-width:1199px){.lf-kpi-grid,.lf-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lf-section-grid{grid-template-columns:1fr}.lf-transaction-summary{position:static}}
@media(max-width:767px){body.lf-accounting-page main{padding-left:10px!important;padding-right:10px!important}.lf-fin-workspace{border-radius:14px;padding:11px 12px}.lf-fin-workspace-top{align-items:flex-start}.lf-fin-user{display:none}.lf-page-head{align-items:flex-start;flex-direction:column}.lf-kpi-grid,.lf-mini-stats,.lf-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lf-search-hero{padding:18px 14px;border-radius:16px}.lf-search-row{grid-template-columns:1fr}.lf-panel{border-radius:13px}.lf-panel-body{padding:14px}.lf-data-table{font-size:.84rem}.lf-data-table thead th,.lf-data-table tbody td{padding:10px}.lf-kpi-value{font-size:1.28rem}}
/* Harmonize legacy accounting subpages that intentionally keep their stable form markup. */
body.lf-accounting-page .card{border:1px solid var(--lf-a-border)!important;border-radius:var(--lf-a-radius)!important;box-shadow:0 8px 24px rgba(30,45,75,.055)!important;overflow:hidden}
body.lf-accounting-page .card-header{background:#fff!important;border-color:var(--lf-a-border)!important;padding:14px 16px}
body.lf-accounting-page .card-body{padding:16px}
body.lf-accounting-page .table{--bs-table-bg:transparent;--bs-table-striped-bg:#fafcff;--bs-table-hover-bg:#f8fbff}
body.lf-accounting-page .table thead th{background:#f8fafc;color:#667188;font-size:.78rem;font-weight:800;white-space:nowrap;border-color:var(--lf-a-border)}
body.lf-accounting-page .table tbody td{border-color:#edf0f4}
body.lf-accounting-page .form-control,body.lf-accounting-page .form-select{border-color:#dfe5ee;border-radius:10px}
body.lf-accounting-page .form-control:focus,body.lf-accounting-page .form-select:focus{border-color:#8aa9ef;box-shadow:0 0 0 .2rem rgba(36,88,214,.10)}
body.lf-accounting-page .btn{border-radius:10px;font-weight:700}
body.lf-accounting-page .alert{border-radius:12px}