:root{--n:#081828;--i:#14201f;--m:#667472;--p:#f4f3ee;--l:#dce2df;--g:#1f8a70;--gs:#e5f4ec;--b:#2e5bff;--bs:#edf2ff}*{box-sizing:border-box}.teamShell{height:100dvh;color:var(--i);background:var(--p);grid-template:64px 1fr/82px 360px 1fr;font-family:IBM Plex Sans,sans-serif;display:grid;overflow:hidden}button,input,select{font:inherit}.teamTop{color:#fff;background:var(--n);grid-column:1/-1;align-items:center;gap:20px;padding:0 20px;display:flex}.teamTop a{color:#fff;place-items:center;width:44px;height:44px;display:grid}.teamTop strong{font-size:22px}.teamTop strong span{color:#55cf9d}.teamTop div{margin-left:auto}.teamNav{background:var(--n);flex-direction:column;padding:12px 7px;display:flex}.teamNav a,.teamNav button{color:#9fb3bd;cursor:pointer;background:0 0;border:0;place-items:center;gap:4px;min-height:70px;font-size:11px;text-decoration:none;display:grid}.teamNav a.active{color:#fff;background:#17344a;border-radius:6px}.teamList{border-right:1px solid var(--l);background:#fff;flex-direction:column;min-width:0;display:flex}.teamError{color:#8f2831;background:#fff0f1;border:1px solid #e8b9bd;border-radius:5px;margin:10px 14px 0;padding:10px 12px;font-size:12px}.teamNotice{color:#176b56;background:var(--gs);border-radius:5px;margin:10px 14px 0;padding:10px 12px;font-size:12px}.teamList>header{border-bottom:1px solid var(--l);align-items:center;height:74px;padding:0 18px;display:flex}h1,h2{margin:0}.teamList header span{color:var(--m);font-size:12px}.teamList header button,.memberDetail>header button{color:#fff;background:var(--g);border:0;border-radius:5px;align-items:center;gap:6px;min-height:44px;margin-left:auto;padding:0 13px;display:flex}.teamList>label{border:1px solid var(--l);border-radius:6px;align-items:center;gap:8px;height:44px;margin:14px;padding:0 11px;display:flex}.teamList input{border:0;outline:0;flex:1}.memberRows{overflow:auto}.emptyTeam,.emptyDetail{color:var(--m);text-align:center;padding:30px 20px}.member{text-align:left;background:#fff;border:0;border-bottom:1px solid #e8ecea;grid-template-columns:38px 1fr auto 18px;align-items:center;gap:10px;width:100%;min-height:78px;padding:10px 14px;display:grid}.member.active{background:var(--bs);box-shadow:inset 2px 0 var(--b)}.member i,.memberAvatar{color:#176b56;background:var(--gs);border-radius:50%;place-items:center;font-style:normal;font-weight:600;display:grid}.member i{width:36px;height:36px}.member span{display:grid}.member small{color:var(--m)}.member em{color:var(--m);font-size:11px;font-style:normal}.member em.online{color:var(--g)}.memberDetail{overflow:auto}.memberDetail>header{border-bottom:1px solid var(--l);background:#fff;align-items:center;gap:14px;height:106px;padding:20px 24px;display:flex}.memberAvatar{width:52px;height:52px}.memberDetail header span{color:var(--m)}.detailBody{background:var(--l);grid-template-columns:repeat(2,minmax(260px,1fr));gap:1px;display:grid}.detailBody section{background:#fff;min-height:230px;padding:22px}.detailBody h3{text-transform:uppercase;margin:0 0 20px;font-size:12px}.detailBody dl{grid-template-columns:1fr 1fr;gap:14px;margin:0;display:grid}.detailBody dt{color:var(--m)}.detailBody dd{justify-content:flex-end;align-items:center;gap:9px;margin:0;display:flex}.detailBody dd button{border:1px solid var(--l);background:#fff;width:32px;height:32px}.detailBody dd select{border:1px solid var(--l);background:#fff;border-radius:5px;width:min(190px,100%);min-height:38px;padding:0 9px}.detailBody ul{gap:12px;padding:0;list-style:none;display:grid}.detailBody li{align-items:center;gap:8px;display:flex}.detailBody li svg{width:16px;color:var(--g)}.profileButton{min-height:44px;color:var(--g);background:0 0;border:0;align-items:center;gap:6px;font-weight:600;display:flex}.muted{color:var(--m)}.inviteBack{z-index:10;background:#08182880;position:fixed;inset:0}.inviteDrawer{background:#fff;width:min(430px,92vw);height:100%;padding:28px;position:absolute;right:0;box-shadow:-18px 0 40px #08182833}.inviteDrawer header{align-items:center;display:flex}.inviteDrawer header button{background:0 0;border:0;width:44px;height:44px;margin-left:auto}.inviteDrawer p{color:var(--m);line-height:1.5}.inviteDrawer .inviteSuccess{color:#176b56;background:var(--gs);border-radius:5px;padding:10px 12px}.inviteSuccess a{color:var(--g);font-weight:600}.inviteDrawer label{gap:8px;margin-top:20px;font-weight:600;display:grid}.inviteDrawer input,.inviteDrawer select{border:1px solid var(--l);background:#fff;border-radius:5px;height:48px;padding:0 12px}.inviteDrawer footer{gap:8px;display:flex;position:absolute;bottom:28px;left:28px;right:28px}.inviteDrawer footer button{border:1px solid var(--l);border-radius:5px;flex:1;min-height:46px}.inviteDrawer footer button:last-child{color:#fff;background:var(--g);border-color:var(--g)}.inviteDrawer footer button:disabled{background:#aab6b2}.profileDrawer{background:#fff;flex-direction:column;width:min(920px,96vw);height:100%;display:flex;position:absolute;right:0;box-shadow:-18px 0 40px #08182833}.profileDrawer>header{border-bottom:1px solid var(--l);align-items:center;min-height:86px;padding:18px 24px;display:flex}.profileDrawer>header span,.profileIntro span{color:var(--g);letter-spacing:.09em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:600;display:block}.profileDrawer>header button{background:0 0;border:0;width:44px;height:44px;margin-left:auto}.profileWorkspace{flex:1;grid-template-columns:245px 1fr;min-height:0;display:grid}.profileWorkspace nav{border-right:1px solid var(--l);background:#f6f8f7;padding:18px 12px;overflow:auto}.profileWorkspace nav button{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:60px;padding:10px 12px;display:flex}.profileWorkspace nav button.active{color:#174c40;background:#fff;box-shadow:0 2px 12px #0818280d}.profileWorkspace nav button.newRole{color:#fff;background:var(--g);min-height:44px;margin-bottom:12px;font-weight:600}.profileWorkspace nav button>span{flex:1;min-width:0;display:grid}.profileWorkspace nav small{color:var(--m);margin-top:3px}.profileEditor{min-width:0;padding:26px 30px 96px;position:relative;overflow:auto}.profileIntro{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.profileIntro h3{margin:0;font-size:23px}.profileIntro em{color:#35534c;background:#eef2f0;border-radius:999px;padding:6px 9px;font-size:11px;font-style:normal}.roleName{gap:8px;max-width:480px;font-weight:600;display:grid}.roleName input{border:1px solid var(--l);background:#fff;border-radius:5px;height:46px;padding:0 12px}.roleName input:disabled{color:var(--m);background:#f4f5f4}.systemHint{color:var(--m);margin:8px 0 0;font-size:12px}.permissionGroups{grid-template-columns:repeat(2,minmax(240px,1fr));gap:18px;margin-top:26px;display:grid}.permissionGroups fieldset{border:0;min-width:0;margin:0;padding:0}.permissionGroups legend{border-bottom:1px solid var(--l);letter-spacing:.07em;text-transform:uppercase;width:100%;padding-bottom:9px;font-size:12px;font-weight:600}.permissionGroups label{cursor:pointer;border-bottom:1px solid #edf0ee;grid-template-columns:20px 1fr;gap:9px;padding:13px 2px;display:grid}.permissionGroups input{width:18px;height:18px;accent-color:var(--g)}.permissionGroups label span{gap:3px;display:grid}.permissionGroups small{color:var(--m);line-height:1.35}.drawerError,.drawerNotice{border-radius:5px;margin:18px 0 0;padding:10px 12px}.drawerError{color:#8f2831;background:#fff0f1}.drawerNotice{color:#176b56;background:var(--gs)}.profileEditor>footer{background:#ffffffeb;border-radius:8px;gap:8px;padding:8px;display:flex;position:fixed;bottom:22px;right:30px;box-shadow:0 8px 24px #08182814}.profileEditor>footer button{border:1px solid var(--l);background:#fff;border-radius:5px;min-height:44px;padding:0 18px}.profileEditor>footer button:last-child{color:#fff;background:var(--g);border-color:var(--g)}.profileEditor>footer button:disabled{color:#eef3f1;background:#99aaa5;border-color:#99aaa5}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #2e5bff55}@media (max-width:900px){.teamShell{grid-template-columns:70px 300px 1fr}.detailBody{grid-template-columns:1fr}}@media (max-width:700px){.teamShell{grid-template:56px 1fr/1fr}.teamNav,.memberDetail{display:none}.teamList{border:0;grid-row:2}.teamList>header{height:68px}.teamList header button{justify-content:center;width:44px;padding:0;font-size:0}.member{min-height:80px}.profileDrawer{width:100vw}.profileWorkspace{display:block;overflow:auto}.profileWorkspace nav{border-right:0;border-bottom:1px solid var(--l);gap:8px;display:flex;overflow-x:auto}.profileWorkspace nav button{min-width:180px}.profileWorkspace nav button.newRole{min-width:150px;margin:0}.profileEditor{padding:22px 18px 96px;overflow:visible}.permissionGroups{grid-template-columns:1fr}.profileEditor>footer{left:18px;right:18px}}