:root{--bfn-forest:#164b3b;--bfn-ink:#18382e;--bfn-paper:#f5f6f1;--bfn-line:#e1e7dd;--bfn-focus:#447d59}body{color:var(--bfn-ink);background:var(--bfn-paper);font-family:Inter,'Segoe UI',sans-serif;font-size:14px;line-height:1.6}*,*:before,*:after{box-sizing:border-box}main,.min-h-screen.bg-slate-50{background-color:var(--bfn-paper)}h1,h2,h3{letter-spacing:-.025em}table{table-layout:auto;font-variant-numeric:tabular-nums}th{font-size:11px;letter-spacing:.065em;text-transform:uppercase}td{vertical-align:middle}td,th{overflow-wrap:normal}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:background-color .15s,border-color .15s,box-shadow .15s}button:disabled{opacity:.5;cursor:not-allowed}button[type=submit]{min-height:42px}input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{min-height:44px}input[type=checkbox],input[type=radio]{accent-color:var(--bfn-forest)}:focus-visible{outline:3px solid var(--bfn-focus);outline-offset:3px}a:focus-visible{border-radius:4px}.bg-white.rounded-2xl,.bg-white.rounded-xl{border-color:var(--bfn-line);box-shadow:0 2px 8px #18382e04}.card:hover{transform:none}.btn{transition:background-color .15s,box-shadow .15s}.btn-primary,.btn-success{background:var(--bfn-forest)}.bfn-icon{display:inline-block;width:1em;height:1em;min-width:1em;vertical-align:-.12em;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}.bfn-shell-tag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#75826b}.bfn-table-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.bfn-table-tools input{padding:8px 12px;border:1px solid var(--bfn-line);border-radius:8px;background:white;max-width:260px}.bfn-table-tools button{border:1px solid var(--bfn-line);border-radius:8px;padding:7px 12px;background:white}.bfn-empty{padding:35px;text-align:center;color:#6b7568}.bfn-toast{position:fixed;right:20px;bottom:25px;z-index:10000;max-width:min(400px,calc(100vw - 32px));padding:16px 20px;border:1px solid #d9e3d4;background:#164b3b;color:white;border-radius:12px;box-shadow:0 8px 30px #14382e25;animation:bfn-toast-in .2s ease}.bfn-toast.error{background:#8e3029}.bfn-toast button{margin-left:16px;color:inherit;background:none;border:0;cursor:pointer}.bfn-skip{position:fixed;top:-80px;left:20px;z-index:10001;background:#164b3b;color:white;padding:12px 20px;border-radius:8px}.bfn-skip:focus{top:12px}.bfn-password-toggle{font-size:12px;color:#245b43;margin-top:6px;display:block;cursor:pointer}.bfn-quick-actions{display:flex;gap:8px;flex-wrap:wrap}.bfn-quick-actions a{border:1px solid #cbd8c5;border-radius:999px;padding:8px 15px;font-size:12px;color:#245b43;background:#fff}.bfn-chart{display:flex;height:100px;align-items:end;gap:8px}.bfn-chart span{flex:1;background:#a5bc80;border-radius:5px 5px 0 0;min-height:2px}.bfn-info-card{background:#164b3b;color:#f3f5eb;padding:28px;border-radius:20px;margin-bottom:24px}.bfn-info-card h2{font-size:24px}.bfn-info-card p{color:#c7d7c4}.bfn-page-count{font-size:12px;color:#677460}@keyframes bfn-toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:640px){.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.overflow-x-auto{overscroll-behavior-x:contain}table{min-width:560px}#bottom-nav{padding-bottom:env(safe-area-inset-bottom)}.bfn-toast{bottom:90px}header h1{font-size:1rem}header p{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bfn-info-card{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}