/* Kodhane-inspired global UI layer */
:root{
  --kh-bg:#f6f7fb;--kh-card:#fff;--kh-text:#111827;--kh-muted:#667085;
  --kh-primary:#6d5dfc;--kh-primary-2:#4f46e5;--kh-accent:#20c7a6;
  --kh-border:#e7e9f0;--kh-shadow:0 14px 40px rgba(31,35,55,.08);
  --kh-radius:18px;
}
html{scroll-behavior:smooth}
body{background:var(--kh-bg)!important;color:var(--kh-text)!important}
a{transition:.2s ease}
button,.btn,input,select,textarea,.form-control,.form-select{border-radius:12px}
.btn-primary,.button-primary,.primary{background:linear-gradient(135deg,var(--kh-primary),var(--kh-primary-2))!important;border-color:transparent!important;box-shadow:0 8px 22px rgba(109,93,252,.22)}
.btn-primary:hover,.button-primary:hover,.primary:hover{transform:translateY(-1px);filter:brightness(1.04)}
.card,.panel,.box,.widget,.service-card,.pricing-card,.package-card,.feature-card,.dashboard-card{
  border:1px solid var(--kh-border)!important;border-radius:var(--kh-radius)!important;
  box-shadow:var(--kh-shadow)!important;background:var(--kh-card)!important;
}
.card-header,.panel-heading,.widget-header{border-bottom:1px solid var(--kh-border)!important;background:transparent!important}
.table{background:#fff;border-radius:14px;overflow:hidden}
.table thead th{background:#f7f7fb;border-bottom:1px solid var(--kh-border);font-weight:700}
.badge,.label{border-radius:999px;padding:.45em .75em}
input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{
  border-color:var(--kh-primary)!important;box-shadow:0 0 0 4px rgba(109,93,252,.10)!important
}
/* common public hero */
.kh-hero{position:relative;overflow:hidden;padding:76px 24px;background:linear-gradient(135deg,#101126 0%,#211c4b 55%,#302568 100%);color:#fff;border-radius:0 0 34px 34px}
.kh-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-150px;top:-180px;background:rgba(109,93,252,.25);filter:blur(8px)}
.kh-hero>*{position:relative;z-index:1}
.kh-section{padding:64px 20px}
.kh-container{max-width:1180px;margin:auto}
.kh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.kh-card{padding:26px;border:1px solid var(--kh-border);border-radius:20px;background:#fff;box-shadow:var(--kh-shadow)}
.kh-pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#eeecff;color:#5546dc;font-weight:700;font-size:12px}
.kh-title{font-weight:800;letter-spacing:-.03em}
.kh-muted{color:var(--kh-muted)}
/* panels/navigation */
.sidebar,.side-menu,.admin-sidebar,.client-sidebar{border-right:1px solid var(--kh-border)!important;background:#101126!important}
.sidebar a,.side-menu a,.admin-sidebar a,.client-sidebar a{border-radius:10px;margin:3px 8px}
.sidebar a:hover,.side-menu a:hover,.admin-sidebar a:hover,.client-sidebar a:hover{background:rgba(255,255,255,.09)!important}
.navbar,.topbar,.header{border-bottom:1px solid var(--kh-border)!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(14px)}
.modal-content,.dropdown-menu{border:1px solid var(--kh-border)!important;border-radius:16px!important;box-shadow:var(--kh-shadow)!important}
.alert{border-radius:14px!important;border:1px solid var(--kh-border)}
/* responsive */
@media(max-width:768px){
 .kh-hero{padding:52px 18px;border-radius:0 0 24px 24px}
 .kh-section{padding:42px 15px}
 .table-responsive{border-radius:14px}
 .sidebar,.side-menu,.admin-sidebar,.client-sidebar{position:relative!important;width:100%!important}
}