:root{--cvf-primary:#6d28d9;--cvf-orange:#f97316;--cvf-dark:#0f172a}
html,body{max-width:100%;overflow-x:hidden}
.header .logo span{font-weight:900;color:var(--cvf-dark)}
.sidebar-nav .nav-link:not(.collapsed){color:var(--cvf-primary);background:#f3e8ff}
.sidebar-nav .nav-link:not(.collapsed) i{color:var(--cvf-primary)}
.btn-primary{background:linear-gradient(135deg,var(--cvf-primary),#7c3aed);border-color:transparent}
.btn-primary:hover{background:linear-gradient(135deg,#5b21b6,#6d28d9);border-color:transparent}
.card{border-radius:18px}.form-control,.form-select,.input-group-text{min-height:44px;border-radius:11px}.table{min-width:620px}
img{max-width:100%}.modal-dialog{margin:1rem auto}.pagetitle h1{font-weight:900;color:var(--cvf-dark)}
@media(max-width:1199px){.main{padding:20px}.sidebar{z-index:1045}}
@media(max-width:767px){
  .header{padding-left:12px;padding-right:12px}.header .logo{width:auto}.header .logo img{max-height:34px}.header .logo span{display:none!important}
  .main{padding:15px 12px;margin-top:60px}.pagetitle{margin-bottom:16px}.pagetitle h1{font-size:23px}
  .card-body{padding:18px}.row>*{min-width:0}.table-responsive{margin:0 -4px;width:calc(100% + 8px)}
  .modal-dialog{width:calc(100% - 20px);max-width:none}.modal-content{border-radius:18px}.modal-body{padding:16px}
  .btn:not(.btn-sm){min-height:44px}.form-label{font-size:14px;font-weight:700}
}
@media(max-width:420px){.main{padding-left:9px;padding-right:9px}.card-body{padding:15px}.header-nav .nav-profile span{max-width:105px;overflow:hidden;text-overflow:ellipsis}}