
:root{
  --ui-font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ui-bg: #f5f7fb;
  --ui-surface: #ffffff;
  --ui-surface-2: #f8fbff;
  --ui-text: #0f172a;
  --ui-muted: #64748b;
  --ui-border: #dbe4f0;
  --ui-primary: #2563eb;
  --ui-primary-2: #1d4ed8;
  --ui-success: #16a34a;
  --ui-danger: #ef4444;
  --ui-shadow: 0 10px 30px rgba(15,23,42,.08);
  --ui-radius: 16px;
}
html,body{font-family:var(--ui-font)!important;background:var(--ui-bg);color:var(--ui-text)}
body{letter-spacing:.01em}
.card,.gp-card,.small-box,.info-box,.modal-content,.dropdown-menu,.person-table-wrapper,.mytree-dashboard-menu,.mytree-ui-modal-card{border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow)!important;border:1px solid var(--ui-border)!important}
.btn{border-radius:12px!important;font-weight:600;letter-spacing:.01em}
.btn-primary,.btn-success,.btn-danger,.btn-warning,.btn-info{box-shadow:0 8px 22px rgba(37,99,235,.18)}
.form-control,.form-select,.form-check-input,.select2-selection,.choices__inner{border-radius:12px!important;border-color:var(--ui-border)!important;min-height:42px}
.form-control:focus,.form-select:focus{box-shadow:0 0 0 4px rgba(37,99,235,.12)!important;border-color:#93c5fd!important}
.table{--bs-table-bg:#fff}
.table thead th{background:#f8fbff!important;color:#334155;border-bottom:1px solid var(--ui-border)!important;font-size:13px;text-transform:none;position:sticky;top:0;z-index:1}
.table td,.table th{vertical-align:middle;border-color:#edf2f7!important}
.table-hover tbody tr:hover>*{background:#f8fbff!important}
.content-header h1,.gp-brand,.mytree-brand{letter-spacing:-.02em}
.main-sidebar{box-shadow:6px 0 24px rgba(15,23,42,.08)}
.sidebar-menu>.nav-item>.nav-link,.nav-sidebar .nav-link{border-radius:12px;margin:3px 8px}
.nav-sidebar .nav-link.active{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;color:#1d4ed8!important;box-shadow:inset 0 0 0 1px #bfdbfe}
.content-wrapper,.gp-section,.gp-hero,.mytree-clone-page{background:linear-gradient(180deg,#f8fbff 0%,#f5f7fb 100%)}
.person-admin-toolbar,.person-filter-panel,.person-table-wrapper,.mytree-dashboard-menu{backdrop-filter:saturate(1.15) blur(10px)}
