body{margin:0;font-family:Inter,Arial,sans-serif;background:#f6f7f9;color:#111827}
a{text-decoration:none;color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid #e5e7eb}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{font-weight:700;font-size:20px}
.nav-links{display:flex;gap:16px;color:#6b7280;font-size:14px}
.nav-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;font-weight:600;cursor:pointer}
.btn.primary{background:#111827;color:#fff;border-color:#111827}
.user-pill{background:#f3f4f6;border:1px solid #e5e7eb;padding:9px 12px;border-radius:999px;font-size:13px;color:#374151}
main{padding:42px 0 80px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
h1{font-size:42px;letter-spacing:-.05em;margin:0 0 12px}
.lead,.muted{color:#6b7280;line-height:1.65}
input,textarea{width:100%;box-sizing:border-box;margin-top:6px;padding:12px;border:1px solid #d1d5db;border-radius:12px;font:inherit}
textarea{min-height:140px}
label{display:block;margin-top:14px;font-weight:600;font-size:14px}
.badge{display:inline-block;background:#eef2ff;color:#3730a3;padding:6px 10px;border-radius:999px;font-weight:700}
@media(max-width:850px){.nav{align-items:flex-start;flex-direction:column;padding:14px 0}.nav-links{display:none}}

.account-bar{
  background:linear-gradient(90deg,#f8fafc,#eef6ff);
  border-bottom:1px solid #dbeafe;
}
.account-bar-inner{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:64px;
  padding-top:10px;
  padding-bottom:10px;
}
.account-avatar{
  width:44px;
  height:44px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:#fff;
  border:3px solid #cbd5e1;
  overflow:hidden;
  text-decoration:none;
}
.account-avatar-img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.account-avatar-initials{
  font-weight:900;
  color:#111827;
}
.account-ring-free{border-color:#cbd5e1}
.account-ring-active{border-color:#22c55e}
.account-ring-suite{border-color:#1656a3}
.account-copy{min-width:0;flex:1}
.account-main{
  font-size:14px;
  color:#111827;
}
.account-sub{
  margin-top:5px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  color:#475569;
  font-size:12px;
}
.account-pill{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  font-weight:800;
  border:1px solid transparent;
}
.account-plan-free{background:#f1f5f9;color:#334155;border-color:#cbd5e1}
.account-plan-active{background:#ecfdf5;color:#166534;border-color:#bbf7d0}
.account-plan-suite{background:#eff6ff;color:#1656a3;border-color:#bfdbfe}
.account-inst-gray{background:#f8fafc;color:#475569;border-color:#cbd5e1}
.account-inst-teal{background:#ccfbf1;color:#115e59;border-color:#5eead4}
.account-inst-blue{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}
.account-inst-purple{background:#f3e8ff;color:#6b21a8;border-color:#d8b4fe}
.account-profile-link{
  font-size:13px;
  font-weight:800;
  color:#1656a3;
  text-decoration:none;
}
@media(max-width:850px){
  .account-bar-inner{align-items:flex-start}
  .account-profile-link{display:none}
}

.account-bar-inner{
  min-height:52px;
  padding-top:7px;
  padding-bottom:7px;
}
.account-avatar{
  width:36px;
  height:36px;
}
.account-main{
  font-size:13px;
}
.account-sub{
  margin-top:3px;
  font-size:11px;
}
.account-pill{
  min-height:21px;
  padding:0 8px;
}
.account-privilege{
  color:#64748b;
}

.account-bar-inner{
  min-height:52px;
  padding-top:7px;
  padding-bottom:7px;
}
.account-avatar{
  width:36px;
  height:36px;
}
.account-main{
  font-size:13px;
}
.account-sub{
  margin-top:3px;
  font-size:11px;
}
.account-pill{
  min-height:21px;
  padding:0 8px;
}
.account-privilege{
  color:#64748b;
}

.power-logout{
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(220,38,38,.45);
  background:rgba(220,38,38,.08);
  color:#dc2626;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
  opacity:.72;
  transition:.22s ease;
}

.account-bar:hover .power-logout,
.power-logout:hover,
.power-logout:focus{
  opacity:1;
  color:#fff;
  background:#dc2626;
  border-color:#ef4444;
  box-shadow:0 0 24px rgba(220,38,38,.36);
  outline:none;
}