.users-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.users-top h1{margin:0}.users-top p{color:#8998ad;margin:7px 0 0}.users-top>div:last-child{display:flex;gap:10px}.people-console{display:grid;grid-template-columns:250px minmax(440px,1fr) minmax(440px,1.08fr);min-height:700px;border:1px solid #2a3850;border-radius:16px;overflow:hidden;background:#101827}.people-console>aside{position:static;height:auto;padding:20px;background:#0e1725}.people-filters{border-right:1px solid #2a3850}.filter-summary{padding:11px;border-radius:9px;background:#287d6b;color:#fff;font-size:12px;font-weight:800;margin-bottom:24px}.people-filters h3{font-size:12px;margin:22px 0 8px}.people-list{background:#101827;border-right:1px solid #2a3850}.people-list header{height:52px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #2a3850}.people-list header h2{font-size:16px;margin:0 auto 0 0}.people-list header span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1b293d;font-size:11px}.people-list header button{width:32px;height:32px;padding:0;margin-left:8px}.people-head,.people-row{display:grid;grid-template-columns:1.65fr .8fr .65fr;align-items:center;gap:12px}.people-head{height:42px;padding:0 14px;color:#8291a8;text-transform:uppercase;font-size:10px;font-weight:800}.people-row{width:100%;border:0;border-radius:0;padding:14px;background:transparent;color:#eaf1fc;text-align:left;border-top:1px solid #233149}.people-row.selected{background:#173b39;box-shadow:inset 3px 0 #54d6b1}.person-cell{display:flex;align-items:center;gap:12px}.person-cell i,.detail-avatar{display:grid;place-items:center;border-radius:50%;background:#1f3140;color:#72e8c5;font-style:normal;font-weight:900}.person-cell i{width:34px;height:34px}.person-cell strong,.person-cell small{display:block}.person-cell small{margin-top:3px;color:#8998ad;font-size:11px}.status-text:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#637083;margin-right:6px}.status-text.on:before{background:#54d6b1}.people-detail{padding:0!important;border:0!important;background:#0e1725!important}.person-detail-head{min-height:116px;padding:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a3850}.person-detail-head h2{margin:0 0 7px}.person-detail-head span{color:#8998ad;font-size:12px}.detail-avatar{width:70px;height:70px;font-size:23px}.account-detail-form,.listener-detail-form{margin:16px;padding:18px;border:1px solid #2a3850;border-radius:14px;background:#111c2c}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-active{display:flex!important;align-items:center;gap:9px;margin:12px 0}.profile-active input,.profile-check input{width:auto;margin:0}.role-card{display:flex;justify-content:space-between;padding:14px;background:#172236;border-radius:10px;color:#8998ad}.role-card strong{color:#eaf1fc}.profile-options{margin-top:18px}.profile-options h3{margin:0 0 4px}.profile-options>p{margin:0 0 10px;color:#8998ad;font-size:12px}.profile-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:190px;overflow:auto}.profile-check{display:flex;align-items:center;gap:9px;padding:10px;border-radius:9px;background:#172236}.profile-check strong,.profile-check small{display:block}.profile-check small{color:#8998ad;margin-top:2px}.account-detail-form footer,.listener-detail-form footer,.profile-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.account-detail-form footer span,.listener-detail-form footer span{color:#8998ad;font-size:11px}.profile-dialog{max-width:720px}.profile-dialog form>footer{justify-content:flex-end}.profile-empty,.people-empty{color:#8998ad;padding:20px}@media(max-width:1200px){.people-console{grid-template-columns:220px 1fr}.people-detail{grid-column:1/-1;min-height:400px}.people-list{border-right:0}}@media(max-width:760px){.users-top{align-items:flex-start;flex-direction:column}.people-console{display:block}.people-filters{border-right:0}.profile-form-grid,.profile-check-grid{grid-template-columns:1fr}}
