/* RUBCOM EDUCATION PRO - ELEGANT UI */
:root{
  --rubcom-navy:#10265f;
  --rubcom-blue:#287cff;
  --rubcom-purple:#8d3fd1;
  --rubcom-pink:#d63ca3;
  --rubcom-text:#18233d;
  --rubcom-muted:#71809c;
  --rubcom-border:#e6eaf3;
  --rubcom-soft:#f5f7ff;
}

*{box-sizing:border-box}
body{font-family:"Segoe UI",Inter,Arial,sans-serif!important;color:var(--rubcom-text)}
button,.btn,input,select,textarea{font-family:inherit!important}

.nav-item{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  transition:.2s ease!important;
}
.nav-item:hover{transform:translateX(3px)}
.nav-icon{
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
  line-height:1!important;
}
.nav-icon::before{
  content:"";
  width:18px;
  height:18px;
  display:block;
  border:2px solid currentColor;
  border-radius:5px;
  opacity:.95;
}

.panel{
  border-radius:22px!important;
  border:1px solid var(--rubcom-border)!important;
  box-shadow:0 10px 35px rgba(25,45,95,.06)!important;
}
.panel-head h3{
  font-weight:700!important;
  letter-spacing:-.3px;
  font-size:20px!important;
}

.btn{
  border-radius:12px!important;
  font-weight:600!important;
  min-height:44px;
  padding:10px 17px!important;
  border:1px solid transparent;
  transition:.2s ease!important;
}
.btn:hover{transform:translateY(-1px)}
.btn.primary{
  background:linear-gradient(135deg,var(--rubcom-blue),var(--rubcom-purple),var(--rubcom-pink))!important;
  color:#fff!important;
  border:none!important;
  box-shadow:0 8px 20px rgba(92,83,220,.18);
}

.excel-btn{
  background:#f3f6ff!important;
  color:#3949a0!important;
  border:1px solid #e0e6fb!important;
}
.excel-btn:hover{background:#e9edff!important}

.search,
input[type="text"],input[type="search"],input[type="email"],
input[type="date"],input[type="number"],select,textarea{
  border:1px solid var(--rubcom-border)!important;
  border-radius:12px!important;
  outline:none;
  transition:.2s ease;
}
.search:focus,input:focus,select:focus,textarea:focus{
  border-color:#7897ff!important;
  box-shadow:0 0 0 3px rgba(73,119,255,.10);
}

.table-wrap{
  border:1px solid var(--rubcom-border)!important;
  border-radius:18px!important;
  overflow:auto;
}
.data-table{border-collapse:separate!important;border-spacing:0}
.data-table th{
  font-weight:700!important;
  color:#5e6d8d!important;
  background:#fafbff!important;
}
.data-table td,.data-table th{
  padding:15px 16px!important;
  border-bottom:1px solid #edf0f6!important;
}
.data-table tbody tr:hover{background:#fafbff!important}

.modal,.modal-box{border-radius:20px!important}
.card,.stat{
  border-radius:18px!important;
  border:1px solid var(--rubcom-border)!important;
}

@media(max-width:800px){
  .btn{min-height:42px;padding:9px 13px!important}
  .panel{border-radius:16px!important}
}