:root{--bk-bg:#f4f7fb;--bk-card:#fff;--bk-ink:#172033;--bk-muted:#667085;--bk-line:#e4e7ec;--bk-gold:#c9a227;--bk-good:#027a48;--bk-warn:#b54708;--bk-danger:#b42318}
*{box-sizing:border-box}body{background:var(--bk-bg)}.bk-page{max-width:1500px;margin:0 auto;padding:20px}.bk-hero{background:linear-gradient(135deg,#fff,#f8fafc 65%,#fff8dc);border:1px solid var(--bk-line);border-radius:28px;padding:22px;box-shadow:0 16px 45px rgba(16,24,40,.07);display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.bk-hero h1{margin:4px 0;font-size:34px}.bk-hero p{margin:0;color:var(--bk-muted)}.bk-actions,.bk-tabs,.bk-row-actions{display:flex;gap:8px;flex-wrap:wrap}.bk-tabs{margin:16px 0;background:#fff;border:1px solid var(--bk-line);padding:7px;border-radius:18px;overflow:auto}.bk-tabs button{border:0;background:transparent;border-radius:12px;padding:11px 14px;font-weight:900;cursor:pointer;white-space:nowrap}.bk-tabs button.active{background:var(--bk-ink);color:#fff}.bk-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}.bk-stat,.bk-panel{background:var(--bk-card);border:1px solid var(--bk-line);border-radius:20px;padding:15px;box-shadow:0 10px 30px rgba(16,24,40,.04)}.bk-stat small{display:block;color:var(--bk-muted);font-weight:900;text-transform:uppercase;font-size:11px}.bk-stat strong{display:block;font-size:24px;margin-top:4px}.bk-stat.good strong{color:var(--bk-good)}.bk-stat.warn strong{color:var(--bk-warn)}.bk-stat.danger strong{color:var(--bk-danger)}.bk-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px 170px auto;gap:10px;margin-bottom:14px}.bk-toolbar input,.bk-toolbar select,.bk-form input,.bk-form select,.bk-form textarea{width:100%;min-height:42px;border:1px solid #d0d5dd;border-radius:12px;padding:8px 10px;background:#fff}.bk-table-wrap{overflow:auto;border:1px solid var(--bk-line);border-radius:16px}.bk-table{width:100%;min-width:920px;border-collapse:collapse}.bk-table th,.bk-table td{padding:11px;border-bottom:1px solid var(--bk-line);text-align:left;vertical-align:top}.bk-table th{background:#f8fafc;color:#475467;font-size:11px;text-transform:uppercase;position:sticky;top:0}.bk-pill{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:950;text-transform:uppercase;background:#f2f4f7;color:#475467}.bk-pill.approved,.bk-pill.paid,.bk-pill.reconciled,.bk-pill.closed{background:#ecfdf3;color:#027a48}.bk-pill.pending,.bk-pill.submitted,.bk-pill.open{background:#fff7ed;color:#b54708}.bk-pill.rejected,.bk-pill.cancelled,.bk-pill.overdue{background:#fee4e2;color:#b42318}.bk-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bk-panel h2,.bk-panel h3{margin-top:0}.bk-form{display:grid;grid-template-columns:180px 1fr;gap:10px;align-items:center}.bk-form textarea{min-height:90px}.bk-modal{position:fixed;inset:0;background:rgba(16,24,40,.52);display:none;align-items:center;justify-content:center;padding:16px;z-index:9999}.bk-modal.show{display:flex}.bk-modal-box{width:min(900px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;padding:18px}.bk-modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.bk-close{border:0;background:#f2f4f7;border-radius:10px;width:38px;height:38px;font-size:22px;cursor:pointer}.bk-btn{border:0;border-radius:12px;padding:10px 14px;font-weight:900;cursor:pointer;background:#172033;color:#fff}.bk-btn.secondary{background:#eef2f6;color:#172033}.bk-btn.gold{background:#c9a227;color:#172033}.bk-btn.danger{background:#b42318}.bk-note{padding:12px;border-radius:14px;background:#fffbeb;border:1px solid #fedf89;color:#92400e;font-weight:750}.bk-empty{text-align:center;color:#98a2b3;padding:24px}.bk-report-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.bk-report-section{margin-top:18px}.bk-budget-bar{height:10px;background:#eaecf0;border-radius:999px;overflow:hidden}.bk-budget-bar span{display:block;height:100%;background:#c9a227}.bk-source{font-size:11px;color:var(--bk-muted)}@media(max-width:900px){.bk-grid-2{grid-template-columns:1fr}.bk-toolbar{grid-template-columns:1fr}.bk-form{grid-template-columns:1fr}.bk-hero{flex-direction:column}.bk-page{padding:12px}}@media print{body{background:#fff}.bk-hero,.bk-tabs,.bk-toolbar,.bk-actions,.bk-row-actions,.no-print{display:none!important}.bk-page{max-width:none;padding:0}.bk-panel,.bk-stat{box-shadow:none;border:1px solid #bbb}.bk-table{min-width:0;font-size:11px}}