:root{
  --mos-bg:#F6F4EC; --mos-card:#FFFFFF; --mos-side:#111111; --mos-border:#E3DFCF; --mos-ink:#1A1A1A; --mos-muted:#7A7767;
  --mos-accent:#F5B800; --mos-accent-dark:#C99700; --mos-soft:#FFF4CC;
  --bs-primary:#F5B800; --bs-primary-rgb:245,184,0; --bs-body-bg:#F6F4EC; --bs-body-color:#1A1A1A; --bs-border-color:#E3DFCF;
  --bs-link-color:#9A7400; --bs-link-hover-color:#6E5400;
}
body{background:var(--mos-bg);color:var(--mos-ink);font-size:.92rem}
.btn-primary{--bs-btn-color:#111;--bs-btn-bg:#F5B800;--bs-btn-border-color:#F5B800;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#111;--bs-btn-hover-border-color:#111;--bs-btn-active-color:#fff;--bs-btn-active-bg:#000;--bs-btn-active-border-color:#000;--bs-btn-disabled-color:#111;--bs-btn-disabled-bg:#F5B800;--bs-btn-disabled-border-color:#F5B800;font-weight:600}
.btn-outline-primary{--bs-btn-color:#111;--bs-btn-border-color:#F5B800;--bs-btn-hover-color:#111;--bs-btn-hover-bg:#F5B800;--bs-btn-hover-border-color:#F5B800;--bs-btn-active-color:#111;--bs-btn-active-bg:#C99700}
.text-primary{color:#9A7400!important}
.page-item.active .page-link{background:#111;border-color:#111;color:#F5B800}
.page-link{color:#111}
.form-control:focus,.form-select:focus{border-color:var(--mos-accent);box-shadow:0 0 0 .2rem rgba(245,184,0,.25)}
.form-check-input:checked{background-color:#111;border-color:#111}
.sidebar{position:fixed;top:0;bottom:0;left:0;width:250px;background:var(--mos-side);border-right:3px solid var(--mos-accent);overflow-y:auto;z-index:1030;transition:transform .2s}
.sidebar .brand{padding:18px 20px;border-bottom:1px solid #2b2b2b;display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.sidebar .brand .logo{width:40px;height:40px;border-radius:10px;background:var(--mos-accent);color:#111;display:grid;place-items:center;font-weight:800;font-size:1.15rem}
.sidebar .brand b{display:block;line-height:1.1;color:var(--mos-accent)}.sidebar .brand small{color:#a9a9a9}
.sidebar .nav-link{color:#e8e8e8;padding:.45rem 1.1rem;border-radius:0;display:flex;align-items:center;gap:.6rem}
.sidebar .nav-link:hover{background:#1f1f1f;color:var(--mos-accent)}
.sidebar .nav-link.active{background:var(--mos-accent);color:#111;font-weight:600}
.sidebar .grp{padding:.7rem 1.1rem .2rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#8d8d8d;font-weight:700}
.sidebar .sub{background:#181818}.sidebar .sub .nav-link{padding-left:2.6rem;font-size:.86rem}
.main{margin-left:250px;min-height:100vh}
.topbar{background:#111;color:#fff;border-bottom:3px solid var(--mos-accent);padding:.6rem 1.4rem;display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:1020}
.topbar h5{color:#fff}.topbar .btn-light{background:#222;color:#fff;border-color:#444}.topbar .btn-outline-primary{color:var(--mos-accent)}
.content{padding:1.4rem}
.card{background:var(--mos-card);border:1px solid var(--mos-border);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.card-header{background:#111;color:var(--mos-accent);border-bottom:3px solid var(--mos-accent);font-weight:600;border-radius:11px 11px 0 0}
.card-header .btn-light{background:#222;color:#fff;border-color:#444}
.card-header .form-control,.card-header .form-select{background:#fff}
.table{--bs-table-bg:transparent;--bs-table-striped-bg:rgba(245,184,0,.07)}
.table thead th{background:var(--mos-soft);color:#111;border-bottom:2px solid var(--mos-accent);font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
.kpi{padding:1rem 1.1rem;border-left:5px solid var(--mos-accent)}.kpi .ico{width:42px;height:42px;border-radius:10px;background:#111;color:var(--mos-accent);display:grid;place-items:center;font-size:1.3rem}
.kpi .v{font-size:1.35rem;font-weight:700;line-height:1.1}.kpi .l{color:var(--mos-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,#111 0%,#111 55%,#F5B800 55%)}
.login-card{width:100%;max-width:410px}.login-card h4{color:#F5B800}.login-card .text-muted{color:#ddd!important}
.progress{background:#eee}.progress-bar{background:var(--mos-accent);color:#111}
.invoice-box{background:#fff;border:1px solid var(--mos-border);border-top:6px solid var(--mos-accent);border-radius:10px;padding:2rem}
.btn-close{filter:none}
@media(max-width:991px){.sidebar{transform:translateX(-100%)}.sidebar.show{transform:none}.main{margin-left:0}}
@media print{.sidebar,.topbar,.no-print{display:none!important}.main{margin:0}.content{padding:0}.card{border:0;box-shadow:none}.card-header{background:#fff;color:#000}body{background:#fff}}
