:root{
 --cj-orange:#ff7417;--cj-orange2:#ff8a00;--cj-yellow:#ffc62e;
 --cj-brown:#3b180c;--cj-brown2:#241008;--cj-red:#e53935;
 --cj-green:#21a366;--cj-bg:#f7f7f8;--cj-text:#252525;
}
body{background:var(--cj-bg);color:var(--cj-text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
.cj-topbar{background:linear-gradient(90deg,var(--cj-orange),#ff8a1f);height:64px}
.cj-sidebar{background:linear-gradient(180deg,var(--cj-brown),var(--cj-brown2));min-height:calc(100vh - 64px);color:#fff}
.cj-sidebar a{color:#fff;text-decoration:none;border-radius:10px;margin:3px 10px;padding:11px 13px;display:block}
.cj-sidebar a:hover,.cj-sidebar a.active{background:var(--cj-yellow);color:#1d120b}
.cj-logo{font-weight:900;font-size:24px;color:#fff}
.cj-card{border:0;border-radius:16px;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.cj-stat{border-left:5px solid var(--cj-orange)}
.btn-cj{background:var(--cj-orange);border-color:var(--cj-orange);color:#fff}
.btn-cj:hover{background:#e96108;border-color:#e96108;color:#fff}
.badge-cj{background:#fff0dc;color:#b94f00}
.table thead th{white-space:nowrap}
.form-control,.form-select{border-radius:10px;padding:.65rem .8rem}
.mobile-menu{display:none}
@media(max-width:991px){
 .cj-sidebar{display:none}.mobile-menu{display:block}.cj-content{padding:15px!important}
}