:root{--text-primary: #212121;--text-secondary: rgba(33, 33, 33, .6);--primary-contrast: #fff;--brand-white: #fff;--product-light-gray: #e8e8e8;--border-color: rgba(33, 33, 33, .12);--background-color: rgba(0, 0, 0, .001);--accent-color: #f9461d}.frame{display:flex;background-color:#212121;border:none;flex-direction:column;justify-content:center;padding:80px}.main-container{display:flex;width:100%;gap:4% 49px;justify-content:start;flex:1;flex-wrap:wrap;height:100%}.sidebar{display:flex;flex-direction:column;background-color:#212121;color:var(--brand-white);justify-content:start;width:100%;font:400 14px/20px Outfit,sans-serif}.logo{aspect-ratio:3.89;object-fit:contain;object-position:center;width:109px;max-width:100%}.nav-tabs{display:flex;margin-top:24px;width:100%;flex-direction:column;justify-content:start}.nav-item{border-radius:6px;display:flex;width:100%;flex-direction:column;justify-content:center;padding:12px}.nav-item-active{background-color:#2e2e2e}.nav-item-content{display:flex;width:100%;align-items:center;gap:8px;justify-content:start}.nav-icon{aspect-ratio:1;object-fit:contain;object-position:center;width:20px;align-self:stretch;margin:auto 0}.nav-text{flex-grow:1}.bottom-nav{display:flex;margin-top:24px;width:100%;flex-direction:column;justify-content:end;flex:1}.bottom-nav-item{border-radius:12px;display:flex;min-height:46px;width:100%;align-items:center;justify-content:start;padding:13px 18px}.bottom-nav-content{border-radius:6px;align-self:stretch;display:flex;flex-direction:column;justify-content:end;margin:auto 0}.bottom-nav-text{display:flex;align-items:center;gap:8px;justify-content:start}.bottom-nav-icon{aspect-ratio:1;object-fit:contain;object-position:center;width:20px;align-self:stretch;margin:auto 0}.main-content{display:flex;min-width:240px;align-items:start;gap:24px;justify-content:start;flex-wrap:wrap;height:100%;flex:1;flex-basis:0%}.user-management{min-width:400px;border-radius:12px;border:2px solid var(--product-light-gray);background:var(--brand-white);box-shadow:0 6px 18px 6px #4343431f;display:flex;min-height:450px;height:810px;width:100%;flex-direction:column;overflow:hidden;justify-content:start;flex:1;flex-basis:0%;padding:30px 30px 0}.section-header{display:flex;width:100%;align-items:start;gap:36px;justify-content:start;flex-wrap:wrap}.header-content{display:flex;min-width:240px;flex-direction:column;font-family:Outfit,sans-serif;color:var(--text-primary);font-weight:400;justify-content:start;flex:1;flex-basis:0%}.header-title{font-feature-settings:"liga" off,"clig" off;width:100%;font-size:34px;letter-spacing:.25px;line-height:1}.header-description{font-feature-settings:"liga" off,"clig" off;width:100%;font-size:16px;letter-spacing:.15px}.header-actions{display:flex;align-items:center;gap:12px;justify-content:start}.button{border-radius:4px;align-self:stretch;display:flex;min-height:40px;flex-direction:column;overflow:hidden;align-items:center;justify-content:center;margin:auto 0;padding:13px 18px}.button-content{display:flex;align-items:center;gap:6px;justify-content:center}.button-icon{align-self:stretch;display:flex;align-items:center;justify-content:center;width:14px;margin:auto 0}.button-text{color:var(--text-primary);align-self:stretch;margin:auto 0;font:500 16px/2 Outfit,sans-serif}.accent-button{background-color:var(--accent-color)}.accent-button .button-text{color:var(--primary-contrast)}.search-container{display:flex;margin-top:24px;width:100%;align-items:center;gap:16px;font-family:Outfit,sans-serif;font-weight:400;font-size:16px;letter-spacing:.15px;justify-content:start}.search-field{align-self:stretch;display:flex;min-width:240px;width:100%;flex-direction:column;justify-content:start;flex:1;flex-basis:0%;margin:auto 0}.search-input{box-sizing:border-box;border-radius:4px;position:relative;display:flex;width:100%;flex-direction:column;justify-content:start;padding:6px 12px;border:1px solid rgba(33,33,33,.23);font-family:Outfit,sans-serif;font-weight:400}.search-content{font-feature-settings:"liga" off,"clig" off;align-self:stretch;flex:1;min-height:24px;min-width:24px;width:100%;overflow:hidden;font-size:16px;color:var(--text-primary);padding:8px 0}.search-label{font-feature-settings:"liga" off,"clig" off;align-self:start;background-color:var(--brand-white);position:absolute;height:2px;gap:10px;font-size:12px;color:var(--text-secondary);line-height:1;left:8px;padding:0 4px}.user-table{border-radius:4px;display:flex;margin-top:24px;width:100%;flex-direction:column;justify-content:start}.table-container{border-radius:4px;background-color:var(--brand-white);display:flex;width:100%;flex-direction:column;overflow:hidden;justify-content:start;border:1px solid var(--border-color)}.table-header{border-bottom:1px solid var(--border-color);display:flex;width:100%;align-items:center;justify-content:start;flex-wrap:wrap}.table-cell{background-color:var(--background-color);align-self:stretch;display:flex;min-width:240px;align-items:center;justify-content:start;flex:1;flex-basis:0%;margin:auto 0;padding:16px}.cell-content{align-self:stretch;display:flex;min-width:240px;width:100%;flex-direction:column;justify-content:start;flex:1;flex-basis:0%;margin:auto 0}.cell-text{font-feature-settings:"liga" off,"clig" off;width:100%}.table-row{border-bottom:1px solid var(--border-color);display:flex;width:100%;align-items:center;justify-content:start;flex-wrap:wrap}.user-avatar{aspect-ratio:2.1;object-fit:contain;object-position:center;width:42px;align-self:stretch;margin:auto 0}.user-info{display:flex;align-items:center;gap:8px;justify-content:start}.avatar-container{display:flex;flex-direction:column;border-radius:100px;align-self:stretch;position:relative;aspect-ratio:1;width:40px;align-items:center;justify-content:center;margin:auto 0}.avatar-image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;object-fit:cover;object-position:center}.user-name{color:var(--text-primary);letter-spacing:.15px;align-self:stretch;margin:auto 0;font:400 16px Outfit,sans-serif;font-feature-settings:"liga" off,"clig" off}.action-cell{background-color:var(--background-color);align-self:stretch;display:flex;align-items:center;justify-content:end;width:96px;margin:auto 0;padding:16px}.action-icon{align-self:stretch;display:flex;width:64px;flex-direction:column;justify-content:start;margin:auto 0}.action-image{aspect-ratio:2;object-fit:contain;object-position:center;width:64px}@media (max-width: 991px){.frame{padding:0 20px}.main-container,.main-content{max-width:100%}.user-management{max-width:100%;padding:0 20px}.section-header,.header-content{max-width:100%}.header-title{max-width:100%;white-space:initial}.header-description,.search-container,.search-field,.search-input,.search-content,.user-table,.table-container,.table-header,.table-row{max-width:100%}}