:root{
    --twog-pro-blue:#0f62fe;
    --twog-pro-navy:#0f172a;
    --twog-pro-slate:#475569;
    --twog-pro-muted:#667085;
    --twog-pro-line:#d9e2ef;
    --twog-pro-soft:#f7f9fc;
    --twog-pro-card:#ffffff;
    --twog-pro-radius:16px;
  }
  body:not(.auth-locked){background:var(--twog-pro-soft)!important;color:var(--twog-pro-navy)!important;}
  body:not(.auth-locked) .topbar{height:66px!important;background:#fff!important;border-bottom:1px solid var(--twog-pro-line)!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important;}
  body:not(.auth-locked) .brand{background:#fff!important;border-right:1px solid var(--twog-pro-line)!important;}
  body:not(.auth-locked) .brand-logo svg{max-width:132px!important;}
  body:not(.auth-locked) .nav button{font-size:13px!important;font-weight:750!important;color:var(--twog-pro-muted)!important;border-bottom:3px solid transparent!important;padding:0 13px!important;}
  body:not(.auth-locked) .nav button:hover{background:#f8fafc!important;color:#1e293b!important;}
  body:not(.auth-locked) .nav button.active{color:var(--twog-pro-navy)!important;background:#fff!important;border-bottom-color:var(--twog-pro-blue)!important;}
  body:not(.auth-locked) .searchbar{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;height:40px!important;box-shadow:none!important;}
  body:not(.auth-locked) .profile-chip{height:40px!important;border-radius:999px!important;border-color:#d0d5dd!important;background:#fff!important;box-shadow:0 1px 2px rgba(16,24,40,.05)!important;}
  body:not(.auth-locked) .leftnav{background:#fff!important;border-right:1px solid var(--twog-pro-line)!important;padding:22px 12px!important;}
  body:not(.auth-locked) .leftnav-label{font-size:10.5px!important;color:#94a3b8!important;font-weight:900!important;letter-spacing:.12em!important;}
  body:not(.auth-locked) .leftnav li{border-radius:10px!important;padding:10px 11px!important;color:#64748b!important;font-weight:750!important;}
  body:not(.auth-locked) .leftnav li:hover{background:#f8fafc!important;color:#0f172a!important;}
  body:not(.auth-locked) .leftnav li.active{background:#eff6ff!important;color:#0f62fe!important;box-shadow:inset 3px 0 0 #0f62fe!important;}
  body:not(.auth-locked) .main{padding:32px 38px 80px!important;background:var(--twog-pro-soft)!important;}
  .page-title{font-size:30px!important;letter-spacing:-.035em!important;font-weight:900!important;color:#0f172a!important;}
  .page-sub{font-size:14px!important;line-height:1.55!important;color:#64748b!important;max-width:860px!important;}
  .sec-title{font-size:17px!important;font-weight:900!important;color:#0f172a!important;letter-spacing:-.02em!important;}
  .card,.metric,.panel,.desk-card,.module-card,.newsletter-card,.site-card,.result-card,.employee-card,.learning-stat,.profile-card,.profile-info,.command-panel,.tool-card,.app-card,.ticket-card,.v50-panel,.v50-card,.v50-metric,.v50-person,.twog-org-card,.twog-directory-row{
    border:1px solid var(--twog-pro-line)!important;
    border-radius:var(--twog-pro-radius)!important;
    background:var(--twog-pro-card)!important;
    box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  }
  .card:hover,.panel:hover,.module-card:hover,.app-card:hover,.result-card:hover,.twog-directory-row:hover,.twog-org-card:hover{transform:none!important;border-color:#b8c7df!important;box-shadow:0 12px 28px rgba(15,23,42,.08)!important;}
  .metric-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:24px!important;}
  .metric-dot{background:var(--twog-pro-blue)!important;}
  .metric-val,.metric .num,.v50-metric strong{font-size:28px!important;color:#0f172a!important;font-weight:900!important;}
  .metric-lbl,.v50-metric span{color:#64748b!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.06em!important;}
  .btn,.v50-btn{border-radius:10px!important;font-weight:850!important;box-shadow:none!important;transition:border-color .15s ease, background .15s ease, color .15s ease!important;}
  .btn.primary,.btn.black,.v50-btn.primary{background:#0f62fe!important;border-color:#0f62fe!important;color:#fff!important;}
  .btn.primary:hover,.btn.black:hover,.v50-btn.primary:hover{background:#0043ce!important;border-color:#0043ce!important;}
  .btn:not(.primary):not(.danger),.v50-btn:not(.primary):not(.danger){background:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important;}
  .role-badge,.pill,.tag,.status-pill,.v50-chip{border-radius:999px!important;font-weight:850!important;letter-spacing:.01em!important;}
  .v50-chip.ok,.pill.green{background:#ecfdf3!important;border-color:#bbf7d0!important;color:#107c10!important;}
  .v50-chip.warn,.pill.yellow{background:#fffbeb!important;border-color:#fde68a!important;color:#b45309!important;}
  .v50-chip.bad,.pill.red{background:#fef3f2!important;border-color:#fecaca!important;color:#b42318!important;}
  .tabs{background:transparent!important;border-bottom:1px solid var(--twog-pro-line)!important;border-radius:0!important;gap:4px!important;margin-bottom:20px!important;}
  .tabs button{border-radius:10px 10px 0 0!important;font-weight:850!important;color:#64748b!important;padding:11px 14px!important;}
  .tabs button.active{background:#fff!important;color:#0f172a!important;border:1px solid var(--twog-pro-line)!important;border-bottom-color:#fff!important;}
  table,.v50-table{border-color:var(--twog-pro-line)!important;border-radius:16px!important;overflow:hidden!important;}
  .v50-table th,table th{background:#f8fafc!important;color:#475569!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:900!important;}
  .v50-table td,table td{border-top:1px solid var(--twog-pro-line)!important;color:#1e293b!important;}
  .det-box{border:1px solid var(--twog-pro-line)!important;background:#fff!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(15,23,42,.035)!important;}
  .det-box .lbl{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#64748b!important;font-weight:900!important;}
  .det-box .val{font-weight:800!important;color:#0f172a!important;overflow-wrap:anywhere;}
  .ep-hero{background:linear-gradient(135deg,#ffffff 0%,#f8fbff 65%,#edf6ff 100%)!important;border:1px solid var(--twog-pro-line)!important;border-radius:22px!important;box-shadow:0 16px 40px rgba(15,23,42,.06)!important;}
  .ep-photo{border:4px solid #fff!important;box-shadow:0 8px 24px rgba(15,23,42,.12)!important;background:#e0ecff!important;color:#1d4ed8!important;}
  .ep-info h1{letter-spacing:-.035em!important;color:#0f172a!important;}
  .twog-v54-sync-strip{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 20px;}
  .twog-v54-sync-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--twog-pro-line);background:#fff;border-radius:999px;padding:7px 11px;color:#475569;font-size:12px;font-weight:850;box-shadow:0 1px 2px rgba(15,23,42,.035);}
  .twog-v54-sync-pill i{width:8px;height:8px;border-radius:999px;background:#107c10;display:block;}
  .twog-v54-empty{border:1px dashed #cbd5e1;background:#fff;border-radius:18px;padding:22px;text-align:center;color:#64748b;}
  .twog-v54-home-focus .metric-row{display:none!important;}
  .twog-v54-home-focus .twog-v45-workbench,.twog-v54-home-focus #dynamicWorkspace,.twog-v54-home-focus .twog-v45-card{max-width:1200px;}
  .twog-v54-home-focus .twog-v45-workbench .twog-v45-card:nth-child(n+5){display:none!important;}
  @media(max-width:900px){body:not(.auth-locked) .main{padding:22px 18px 68px!important}.metric-row{grid-template-columns:1fr!important}.page-title{font-size:26px!important}.topbar .nav{display:none!important}}