:root{--gold:#b8892b;--ink:#171a2b}
body{background:#f4f2ec}
.topbar{background:var(--ink);height:54px;position:sticky;top:0;z-index:1030}
.sidebar{width:230px;min-height:calc(100vh - 54px);background:#fff;border-right:1px solid #e6e1d6;flex:none}
.sidebar .list-group-item{border:0;border-radius:8px;margin-bottom:2px;color:#444}
.sidebar .list-group-item.active{background:var(--gold);color:#fff}
.card{border:1px solid #e6e1d6;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.kpi .v{font-size:1.4rem;font-weight:700}.kpi .l{color:#7a746a;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
.kpi{border-left:4px solid var(--gold)}
.btn-gold{background:var(--gold);color:#fff;border:0}.btn-gold:hover{background:#9a7222;color:#fff}
.table thead th{font-size:.78rem;text-transform:uppercase;color:#7a746a;white-space:nowrap}
.total-box{background:var(--ink);color:#fff;border-radius:10px;padding:12px 16px}
@media print{.topbar,.sidebar,.no-print{display:none!important}main{padding:0!important}body{background:#fff}}
.sidebar .sec{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#a09a8c;margin:12px 10px 4px}
.sidebar .list-group-item{padding:.4rem .75rem;font-size:.9rem}
.item-row{background:#fcfbf8}.item-row .amt{font-weight:600;padding-top:6px}
.badge-cancel{background:#c0392b}.watermark{position:absolute;top:35%;left:20%;font-size:90px;color:rgba(192,57,43,.18);transform:rotate(-20deg);pointer-events:none}
.inv{position:relative;max-width:900px}.inv table td,.inv table th{font-size:.88rem}