/* KuBest Design System — shared monochrome brand layer */
:root{--kb-black:#101010;--kb-ink:#202124;--kb-muted:#6b7280;--kb-white:#fff;--kb-page:#f5f5f5;--kb-line:#e5e5e5;--kb-soft:#fafafa;--kb-radius:14px;--kb-shadow:0 8px 28px rgba(0,0,0,.055);--kb-focus:0 0 0 3px rgba(0,0,0,.12)}
html{scroll-behavior:smooth}body{background:var(--kb-page);color:var(--kb-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.5}
button,.btn,input,select,textarea{font:inherit}a{color:#111;text-underline-offset:3px}a:hover{color:#555}
.btn,.button,button[type=submit],input[type=submit]{border-radius:10px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.btn-dark,.btn-primary,.btn-success,.btn-warning,.btn-info,.btn-secondary{background:#111!important;border-color:#111!important;color:#fff!important}.btn-outline-dark,.btn-outline-primary,.btn-outline-secondary{color:#111!important;border-color:#bbb!important}.btn-outline-dark:hover,.btn-outline-primary:hover,.btn-outline-secondary:hover{background:#111!important;color:#fff!important}
.card,.stat-card,.panel,.modal-content,.dropdown-menu,.list-group-item{border-color:var(--kb-line);border-radius:var(--kb-radius);box-shadow:var(--kb-shadow)}.card-header{background:#fff;border-bottom:1px solid var(--kb-line)}
.form-control,.form-select,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),select,textarea{border-color:#d8d8d8;border-radius:10px;min-height:42px}textarea{min-height:100px} .form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{border-color:#777;box-shadow:var(--kb-focus);outline:0}
.table{--bs-table-bg:transparent;vertical-align:middle}.table thead th{background:#f6f6f6;color:#333;font-size:.78rem;letter-spacing:.035em;text-transform:uppercase;border-bottom-color:#ddd}.table>:not(caption)>*>*{border-bottom-color:#e9e9e9}
.badge{font-weight:650;letter-spacing:.01em}.alert{border-radius:12px}.pagination .page-link{color:#111}.pagination .active>.page-link,.page-item.active .page-link{background:#111;border-color:#111}
/* Common brand header and footer */
.kb-brand-header{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(14px,3vw,32px);background:#fff;border-bottom:1px solid #e7e7e7;box-shadow:0 2px 10px rgba(0,0,0,.025);min-height:62px}
.kb-brand-lockup{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none!important;color:#111!important}.kb-brand-logo{width:38px;height:38px;object-fit:contain;flex:0 0 auto}.kb-brand-name{font-size:14px;font-weight:850;letter-spacing:.11em;line-height:1.2}.kb-brand-sub{display:block;font-size:10px;color:#777;font-weight:600;letter-spacing:.08em;margin-top:4px}.kb-brand-pill{font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border:1px solid #ddd;border-radius:999px;color:#444;white-space:nowrap}
.kb-brand-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:14px clamp(14px,3vw,32px);margin-top:24px;background:#fff;border-top:1px solid #e8e8e8;color:#777;font-size:12px}.kb-brand-footer strong{color:#222;letter-spacing:.06em}.kb-brand-footer a{color:#444;text-decoration:none}.kb-brand-footer a:hover{text-decoration:underline}
/* Respect compact workflows and print screens */
@media(max-width:600px){.kb-brand-header{min-height:54px;padding:8px 12px}.kb-brand-logo{width:32px;height:32px}.kb-brand-name{font-size:12px}.kb-brand-pill{font-size:9px;padding:6px 8px}.kb-brand-footer{font-size:11px;align-items:flex-start;flex-direction:column}.table-responsive{border-radius:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.kb-brand-header,.kb-brand-footer{display:none!important}body{background:#fff!important;box-shadow:none!important}}