@charset "UTF-8";

.sidebar > .brand, .sidebar > .p9-mascot, .sidebar > .sidebar-service-note { flex-shrink: 0; }
.sidebar-nav { gap: 0; }
.nav-group { display: flex; flex-direction: column; gap: 8px; }
.nav-group-personal { border-top: 1px solid #ede5ef; margin-top: 20px; padding-top: 17px; }
.nav-group-label { margin: 0 17px 3px; color: #9c8ca4; font-size: 11px; letter-spacing: .6px; }
.nav-item { gap: 13px; }
.nav-label { white-space: nowrap; }
.nav-badge { margin-left: auto; padding: 1px 5px; border-radius: 4px; background: #f4e7d9; color: #a26937; font-size: 10px; line-height: 17px; font-weight: 500; }
.nav-item.active .nav-badge { background: #f5e9d7; color: #83502e; }
.nav-item:has(.nav-badge) { padding-right: 22px; }

.service-pending { min-height: 420px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 54px 32px; background: #fffdf9; border: 1px solid #ede5ef; border-radius: 14px; text-align: center; }
.service-pending-icon { display: grid; place-items: center; width: 68px; height: 68px; margin-bottom: 22px; border-radius: 20px; background: #f4edf7; color: #886699; }
.service-pending-icon svg { width: 30px; height: 30px; }
.service-pending h2 { color: #57405f; font-size: 23px; }
.service-pending p { margin: 12px 0 28px; color: #9b88a3; }